feat: window size presets — 4x8 screen-ratio grid in settings (v1.8.0)
- Settings 'Size' section: 8 col x 4 row grid, 31 buttons labeled a:b (a splits H, b splits W); top-left cell empty placeholder (no 1:1 — title bar double click already maximizes) - Click resizes the window to work.width/b x work.height/a of the display's work area (screen_retriever visibleSize, taskbar excluded); position unchanged, no selection state tracking - minimumSize 400x300 -> 160x100 (4:8 cell needs it) - Settings file-properties rows left-aligned (were centered under path)
This commit is contained in:
1 parent
8a80cba116
commit
9a7480cd68
11 files changed
+150
-3
No files matched your search
@@ -4,6 +4,17 @@ All notable changes to imajViewer are documented in this file.
|
||||
|
||||
## [Unreleased]
|
||||
|
||||
## [1.8.0] - 2026-10-31
|
||||
|
||||
### Added
|
||||
- Window size presets: 4×8 screen-ratio grid in settings; clicking a preset
|
||||
resizes the window to that fraction of the screen work area (taskbar
|
||||
excluded). Minimum window size lowered to 160×100.
|
||||
|
||||
### Fixed
|
||||
- Settings file-properties rows were centered under the longest row (path);
|
||||
now left-aligned.
|
||||
|
||||
## [1.7.2] - 2026-10-25
|
||||
|
||||
### Fixed
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
"sortBy": "Sort by",
|
||||
"sortByTime": "By time",
|
||||
"sortByName": "By name",
|
||||
"sizeSection": "Size",
|
||||
"appDescription": "Ultra-lightweight and fast image viewer. Open images and use arrows or keyboard keys to navigate.",
|
||||
"shortcuts": "Shortcuts",
|
||||
"shortcutsList": "• Left/Right arrow — previous/next image\n• Ctrl+O — open file\n• Ctrl+S — save visible area (JPEG 95)\n• Ctrl+R — flip horizontally (clears effects, press again to undo)\n• Ctrl+Q — close window\n• Ctrl+Shift+Q — close all windows\n• F11 — toggle fullscreen\n• Esc — exit fullscreen\n• Scroll — zoom (10% per step)\n• Ctrl+scroll — fine zoom (1% per step)\n• Left-drag — pan\n• Double click — toggle fill/fit\n• Right double click — reset effects\n• Right-drag — contrast\n• Shift+right-drag — rotate\n• Ctrl+right-drag — saturation\n• Ctrl+Shift+right-drag — brightness",
|
||||
|
||||
@@ -122,6 +122,12 @@ abstract class AppLocalizations {
|
||||
/// **'By name'**
|
||||
String get sortByName;
|
||||
|
||||
/// No description provided for @sizeSection.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Size'**
|
||||
String get sizeSection;
|
||||
|
||||
/// No description provided for @appDescription.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
|
||||
@@ -20,6 +20,9 @@ class AppLocalizationsEn extends AppLocalizations {
|
||||
@override
|
||||
String get sortByName => 'By name';
|
||||
|
||||
@override
|
||||
String get sizeSection => 'Size';
|
||||
|
||||
@override
|
||||
String get appDescription =>
|
||||
'Ultra-lightweight and fast image viewer. Open images and use arrows or keyboard keys to navigate.';
|
||||
|
||||
@@ -20,6 +20,9 @@ class AppLocalizationsTr extends AppLocalizations {
|
||||
@override
|
||||
String get sortByName => 'İsme göre';
|
||||
|
||||
@override
|
||||
String get sizeSection => 'Boyut';
|
||||
|
||||
@override
|
||||
String get appDescription =>
|
||||
'Ultra hafif ve hızlı resim görüntüleyici. Görselleri açın, gezinti için okları veya klavye tuşlarını kullanın.';
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
"sortBy": "Sıralama",
|
||||
"sortByTime": "Zamana göre",
|
||||
"sortByName": "İsme göre",
|
||||
"sizeSection": "Boyut",
|
||||
"appDescription": "Ultra hafif ve hızlı resim görüntüleyici. Görselleri açın, gezinti için okları veya klavye tuşlarını kullanın.",
|
||||
"shortcuts": "Kısayollar",
|
||||
"shortcutsList": "• Sol/Sağ ok — önceki/sonraki resim\n• Ctrl+O — dosya aç\n• Ctrl+S — görünen alanı kaydet (JPEG 95)\n• Ctrl+R — yatay aynala (efektleri sıfırlar, tekrar basınca geri alır)\n• Ctrl+Q — pencereyi kapat\n• Ctrl+Shift+Q — tüm pencereleri kapat\n• F11 — tam ekran / normal geçişi\n• Esc — tam ekrandan çık\n• Kaydırma — yakınlaştır (tık başına %10)\n• Ctrl+kaydırma — ince yakınlaştırma (tık başına %1)\n• Sol tık sürükle — kaydır\n• Çift tık — doldur/sığdır geçişi\n• Sağ çift tık — efektleri sıfırla\n• Sağ tık sürükle — kontrast\n• Shift+sağ tık — döndür\n• Ctrl+sağ tık — doygunluk\n• Ctrl+Shift+sağ tık — parlaklık",
|
||||
|
||||
+1
-1
@@ -18,7 +18,7 @@ void main(List<String> args) async {
|
||||
|
||||
final windowOptions = WindowOptions(
|
||||
size: saved?.size ?? defaultSize,
|
||||
minimumSize: const Size(400, 300),
|
||||
minimumSize: const Size(160, 100),
|
||||
backgroundColor: Colors.transparent,
|
||||
titleBarStyle: TitleBarStyle.hidden,
|
||||
);
|
||||
|
||||
@@ -13,11 +13,12 @@ import '../services/crop_save_service.dart';
|
||||
import '../widgets/custom_title_bar.dart';
|
||||
import '../widgets/image_canvas.dart';
|
||||
import '../widgets/window_resize_zones.dart';
|
||||
import '../widgets/window_size_selector.dart';
|
||||
import '../shortcuts/app_shortcuts.dart';
|
||||
import '../services/window_persistence.dart';
|
||||
import '../l10n/app_localizations.dart';
|
||||
|
||||
const appVersion = '1.7.2';
|
||||
const appVersion = '1.8.0';
|
||||
|
||||
class ViewerScreen extends StatefulWidget {
|
||||
final List<String> initialFiles;
|
||||
@@ -137,6 +138,11 @@ class _ViewerScreenState extends State<ViewerScreen> with WindowListener {
|
||||
},
|
||||
),
|
||||
const Divider(color: Colors.white24, height: 24),
|
||||
WindowSizeSelector(
|
||||
workArea: _workArea,
|
||||
onPick: _applyWindowSize,
|
||||
),
|
||||
const Divider(color: Colors.white24, height: 24),
|
||||
if (_hasImages) ...[
|
||||
Text(AppLocalizations.of(context)!.fileProperties,
|
||||
style: const TextStyle(color: Colors.white70, fontSize: 13)),
|
||||
@@ -146,6 +152,7 @@ class _ViewerScreenState extends State<ViewerScreen> with WindowListener {
|
||||
builder: (context, snap) {
|
||||
if (!snap.hasData) return const SizedBox(height: 20);
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: snap.data!.map((r) => Padding(
|
||||
padding: const EdgeInsets.only(bottom: 2),
|
||||
child: Text.rich(
|
||||
@@ -259,6 +266,19 @@ class _ViewerScreenState extends State<ViewerScreen> with WindowListener {
|
||||
|
||||
void _flipHorizontal() => _canvasKey.currentState?.toggleFlipH();
|
||||
|
||||
Future<Size?> _workArea() async {
|
||||
final pos = await windowManager.getPosition();
|
||||
return WindowPersistence.workAreaSize(windowPosition: pos);
|
||||
}
|
||||
|
||||
Future<void> _applyWindowSize(int rows, int cols, Size work) async {
|
||||
try {
|
||||
await windowManager.setSize(Size(work.width / cols, work.height / rows));
|
||||
} catch (_) {
|
||||
// Boyutlandırma başarısız olursa sessizce geç (buton saf eylem).
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _cropSave() async {
|
||||
final path = ImageManager.instance.currentImagePath;
|
||||
final state = _canvasKey.currentState;
|
||||
|
||||
@@ -84,6 +84,36 @@ class WindowPersistence {
|
||||
}
|
||||
}
|
||||
|
||||
/// Work area (taskbar excluded) of the display containing the window,
|
||||
/// in logical px. Returns null if screen info is unavailable.
|
||||
static Future<Size?> workAreaSize({
|
||||
required Offset windowPosition,
|
||||
}) async {
|
||||
try {
|
||||
final displays = await screenRetriever.getAllDisplays();
|
||||
|
||||
// Pencerenin bulunduğu monitörü bul (çoklu monitör desteği)
|
||||
Display display = await screenRetriever.getPrimaryDisplay();
|
||||
for (final d in displays) {
|
||||
final pos = d.visiblePosition;
|
||||
final size = d.visibleSize ?? d.size;
|
||||
if (pos != null &&
|
||||
windowPosition.dx >= pos.dx &&
|
||||
windowPosition.dx < pos.dx + size.width &&
|
||||
windowPosition.dy >= pos.dy &&
|
||||
windowPosition.dy < pos.dy + size.height) {
|
||||
display = d;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return display.visibleSize ?? display.size;
|
||||
} catch (_) {
|
||||
// Fallback: screen info unavailable → caller silently no-ops.
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
/// Cascade: place new window to the right of the previous one.
|
||||
/// Falls to the next row (row start) when it would overflow the screen,
|
||||
/// and wraps to the top-left if the next row also overflows.
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../l10n/app_localizations.dart';
|
||||
|
||||
/// 8 sütun × 4 satır ekran oranı buton ızgarası.
|
||||
///
|
||||
/// Buton (sütun `b`, satır `a`) etiketi `"$a:$b"` → hedef boyut
|
||||
/// `W/b × H/a` (a dikeyi, b yatayı böler). Sol-üst hücre (1:1) boş
|
||||
/// placeholder — 1:1 yok (title bar çift tık zaten tam ekran).
|
||||
class WindowSizeSelector extends StatelessWidget {
|
||||
final Future<Size?> Function() workArea;
|
||||
final void Function(int rows, int cols, Size work) onPick;
|
||||
|
||||
const WindowSizeSelector({
|
||||
super.key,
|
||||
required this.workArea,
|
||||
required this.onPick,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(AppLocalizations.of(context)!.sizeSection,
|
||||
style: const TextStyle(color: Colors.white70, fontSize: 13)),
|
||||
const SizedBox(height: 4),
|
||||
SingleChildScrollView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
for (var a = 1; a <= 4; a++)
|
||||
Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
for (var b = 1; b <= 8; b++)
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 4, bottom: 4),
|
||||
child: a == 1 && b == 1
|
||||
? const SizedBox(width: 46, height: 26)
|
||||
: GestureDetector(
|
||||
onTap: () async {
|
||||
final work = await workArea();
|
||||
if (work != null) onPick(a, b, work);
|
||||
},
|
||||
child: Container(
|
||||
width: 46,
|
||||
height: 26,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white10,
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
'$a:$b',
|
||||
style: const TextStyle(
|
||||
color: Colors.white, fontSize: 11),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
+1
-1
@@ -1,7 +1,7 @@
|
||||
name: imajviewer
|
||||
description: "Ultra-lightweight image viewer for Linux and Windows."
|
||||
publish_to: 'none'
|
||||
version: 1.7.2+18
|
||||
version: 1.8.0+19
|
||||
|
||||
msix_config:
|
||||
display_name: ImajViewer
|
||||
|
||||
Reference in new issue
Block a user