lazzexus/Loupe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Loupe/src/widgets/image_view.ui

103 lines
4.2 KiB
Text
Raw Normal View History

Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<?xml version="1.0" encoding="UTF-8"?>
<interface>
general: Iv* to Lp* We're probably going to be keeping `loupe` as the codename and binary name going forward.
2021-12-21 10:55:02 -08:00
<template class="LpImageView" parent="AdwBin">
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<property name="css-name">imageview</property>
image_view: Add directory navigation This commit adds directory navigation to Image Viewer. Currently it only sorts images by name, instead of following directory sorting like the mockups.
2021-09-05 05:51:34 -07:00
<property name="focusable">True</property>
image_view: Set focus-on-click to true
2021-09-14 19:48:24 -07:00
<property name="focus-on-click">True</property>
image_view: Use AdwBin Gives us a little bit less manual work.
2021-01-23 23:36:28 -08:00
<property name="child">
window: Adjust to image size when opening Give LpImage a native with that should feel nice. When opening a new window with a new image the window size is determined by LpImage's natural width. The image size and EXIF data is loaded before the image such that the window can be shown in the right dimension while loading the actual image.
2022-11-16 20:14:39 +01:00
<object class="GtkOverlay" id="bin_child">
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<property name="hexpand">True</property>
<child>
window: Fix title not changed when no image shown Closes #279
2023-11-29 20:15:42 +01:00
<object class="LpSlidingView" id="sliding_view" />
widgets: Rework image_view with AdwCarousel, add ImagePage Previously we loaded images synchronously and manually changed `LpImage`. This could cause freezes when loading large images and SVGs. We also had no proper feedback for when a corrupted or unsupported image was loaded. This commit introduces a major rework to how we handle images and the gallery. It introduces a swipeable gallery that loads files asynchronously via a new widget: LpImagePage. LpImagePage owns the file and information related to the file, and on creation it spawns a future that either loads an error page when it can't load something (file deleted, corrupted, or unsupported) or the actual image via LpImage. LpImagePage now holds the right-click popover and the associated gestures. The gestures needed to be moved to LpImagePage in order to rework LpImageView's overlay - instead of having an overlay child that's a box with a few buttons, we now have the buttons as individual overlay children. This could cause them to overlap each other at certain sizes, but it's required in order to allow input to reach the carousel below. Right now this comes with a few regressions: * Occasionally input gets blocked across the applications. It's hard to tell if this is caused by swipes or right clicking. This input issue can cause a crash - no Rust backtrace, so a debugger is needed. * The "current" page doesn't seem to be properly loaded by the time `set_image_from_file ()` finishes, so we need to rework resizing from image dimensions * We need to re-implement loading different directories and files within directories There also seems to be an issue on touchscreens, swiping between images on a touchscreen causes responsiveness issues not present when swiping on a touchpad. My guess is that it's related to the long press gesture.
2022-01-19 23:11:38 -08:00
</child>
<child type="overlay">
image: Add zoom and scrolling support Zoom via - Scroll event controller - Zoom gesture - Overlay buttons - Fixed zoom level shortcuts (1=100%, 2=200%) Scrolling via - Scrolled window - Drag gesture Changes - Implement best-fit via calculating a zoom level - Gesture for carousel no longer working because of scrolled window - Split control overlays into two to not steal inputs in area between Closes #17
2022-11-10 19:39:23 +01:00
<object class="GtkBox" id="controls_box_start">
image_view: Move controls to the bottom Per Allan Day's latest mockups
2022-06-29 21:12:12 -04:00
<property name="valign">end</property>
image: Add zoom and scrolling support Zoom via - Scroll event controller - Zoom gesture - Overlay buttons - Fixed zoom level shortcuts (1=100%, 2=200%) Scrolling via - Scrolled window - Drag gesture Changes - Implement best-fit via calculating a zoom level - Gesture for carousel no longer working because of scrolled window - Split control overlays into two to not steal inputs in area between Closes #17
2022-11-10 19:39:23 +01:00
<property name="halign">start</property>
window,image_view: Move fullscreen controls to the image view Allan Day's latest mockups have the fullscreen icon on the bottom left of the image. This commit moves the icon there, using a GtkExpression for the icon name.
2022-07-10 19:39:03 -04:00
<property name="margin-start">18</property>
<property name="margin-end">18</property>
<property name="margin-top">18</property>
image_view: Move controls to the bottom Per Allan Day's latest mockups
2022-06-29 21:12:12 -04:00
<property name="margin-bottom">18</property>
<property name="spacing">12</property>
<child>
<object class="GtkButton" id="prev_button">
window,image_view: Move fullscreen controls to the image view Allan Day's latest mockups have the fullscreen icon on the bottom left of the image. This commit moves the icon there, using a GtkExpression for the icon name.
2022-07-10 19:39:03 -04:00
<property name="halign">start</property>
image_view: Move controls to the bottom Per Allan Day's latest mockups
2022-06-29 21:12:12 -04:00
<property name="icon-name">go-previous-symbolic</property>
window: Put prev/next accels at window level Tried to make things more stateless and RefCell usage for robust - Use object properties to control the action enabled/disabled - Borrow model RefCell for only one line or use .replace() - Don't pass models around and borrow as short as possible instead Fixes #20
2022-12-06 18:24:32 +01:00
<property name="action-name">win.previous</property>
image_view: Move controls to the bottom Per Allan Day's latest mockups
2022-06-29 21:12:12 -04:00
<property name="tooltip-text" translatable="yes">Previous Image</property>
<style>
ui: Reformat .ui-files
2023-11-28 22:02:30 +01:00
<class name="osd" />
<class name="circular" />
image_view: Move controls to the bottom Per Allan Day's latest mockups
2022-06-29 21:12:12 -04:00
</style>
</object>
</child>
<child>
<object class="GtkButton" id="next_button">
<property name="icon-name">go-next-symbolic</property>
window: Put prev/next accels at window level Tried to make things more stateless and RefCell usage for robust - Use object properties to control the action enabled/disabled - Borrow model RefCell for only one line or use .replace() - Don't pass models around and borrow as short as possible instead Fixes #20
2022-12-06 18:24:32 +01:00
<property name="action-name">win.next</property>
image_view: Move controls to the bottom Per Allan Day's latest mockups
2022-06-29 21:12:12 -04:00
<property name="tooltip-text" translatable="yes">Next Image</property>
<style>
ui: Reformat .ui-files
2023-11-28 22:02:30 +01:00
<class name="osd" />
<class name="circular" />
image_view: Move controls to the bottom Per Allan Day's latest mockups
2022-06-29 21:12:12 -04:00
</style>
</object>
</child>
imageView: Hide controls after mouse inactivity Closes #25 Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/189>
2023-04-20 02:32:41 +02:00
<child>
<object class="GtkEventControllerMotion" id="controls_box_start_events" />
</child>
image: Add zoom and scrolling support Zoom via - Scroll event controller - Zoom gesture - Overlay buttons - Fixed zoom level shortcuts (1=100%, 2=200%) Scrolling via - Scrolled window - Drag gesture Changes - Implement best-fit via calculating a zoom level - Gesture for carousel no longer working because of scrolled window - Split control overlays into two to not steal inputs in area between Closes #17
2022-11-10 19:39:23 +01:00
</object>
</child>
<child type="overlay">
<object class="GtkBox" id="controls_box_end">
<property name="valign">end</property>
<property name="halign">end</property>
<property name="margin-start">18</property>
<property name="margin-end">18</property>
<property name="margin-top">18</property>
<property name="margin-bottom">18</property>
<property name="spacing">12</property>
<child>
<object class="GtkButton" id="zoom_out">
<property name="icon-name">zoom-out-symbolic</property>
image/zoom: Force zoom to center for buttons Before, using buttons on touchscreen could zoom to the cursor position.
2024-01-04 14:33:23 +01:00
<property name="action-name">win.zoom-out-center</property>
image: Add zoom and scrolling support Zoom via - Scroll event controller - Zoom gesture - Overlay buttons - Fixed zoom level shortcuts (1=100%, 2=200%) Scrolling via - Scrolled window - Drag gesture Changes - Implement best-fit via calculating a zoom level - Gesture for carousel no longer working because of scrolled window - Split control overlays into two to not steal inputs in area between Closes #17
2022-11-10 19:39:23 +01:00
<property name="tooltip-text" translatable="yes">Zoom Out</property>
<style>
ui: Reformat .ui-files
2023-11-28 22:02:30 +01:00
<class name="osd" />
<class name="circular" />
image: Add zoom and scrolling support Zoom via - Scroll event controller - Zoom gesture - Overlay buttons - Fixed zoom level shortcuts (1=100%, 2=200%) Scrolling via - Scrolled window - Drag gesture Changes - Implement best-fit via calculating a zoom level - Gesture for carousel no longer working because of scrolled window - Split control overlays into two to not steal inputs in area between Closes #17
2022-11-10 19:39:23 +01:00
</style>
</object>
</child>
<child>
<object class="GtkButton" id="zoom_in">
<property name="icon-name">zoom-in-symbolic</property>
image/zoom: Force zoom to center for buttons Before, using buttons on touchscreen could zoom to the cursor position.
2024-01-04 14:33:23 +01:00
<property name="action-name">win.zoom-in-center</property>
image: Add zoom and scrolling support Zoom via - Scroll event controller - Zoom gesture - Overlay buttons - Fixed zoom level shortcuts (1=100%, 2=200%) Scrolling via - Scrolled window - Drag gesture Changes - Implement best-fit via calculating a zoom level - Gesture for carousel no longer working because of scrolled window - Split control overlays into two to not steal inputs in area between Closes #17
2022-11-10 19:39:23 +01:00
<property name="tooltip-text" translatable="yes">Zoom In</property>
<style>
ui: Reformat .ui-files
2023-11-28 22:02:30 +01:00
<class name="osd" />
<class name="circular" />
image: Add zoom and scrolling support Zoom via - Scroll event controller - Zoom gesture - Overlay buttons - Fixed zoom level shortcuts (1=100%, 2=200%) Scrolling via - Scrolled window - Drag gesture Changes - Implement best-fit via calculating a zoom level - Gesture for carousel no longer working because of scrolled window - Split control overlays into two to not steal inputs in area between Closes #17
2022-11-10 19:39:23 +01:00
</style>
</object>
</child>
imageView: Fullscreen button at typical position My muscle memory, research, and the proximity to "zoom in" tells me we should try moving it to the right. Closes #105 Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/194>
2023-04-20 22:18:21 +02:00
<child>
<object class="GtkButton" id="fullscreen_button">
<property name="halign">end</property>
<property name="action-name">win.toggle-fullscreen</property>
<property name="tooltip-text" translatable="yes">Toggle Fullscreen</property>
<style>
ui: Reformat .ui-files
2023-11-28 22:02:30 +01:00
<class name="osd" />
<class name="circular" />
imageView: Fullscreen button at typical position My muscle memory, research, and the proximity to "zoom in" tells me we should try moving it to the right. Closes #105 Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/194>
2023-04-20 22:18:21 +02:00
</style>
</object>
</child>
imageView: Hide controls after mouse inactivity Closes #25 Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/189>
2023-04-20 02:32:41 +02:00
<child>
<object class="GtkEventControllerMotion" id="controls_box_end_events" />
</child>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
</object>
</child>
</object>
image_view: Use AdwBin Gives us a little bit less manual work.
2021-01-23 23:36:28 -08:00
</property>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<style>
ui: Reformat .ui-files
2023-11-28 22:02:30 +01:00
<class name="image-view" />
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
</style>
</template>
ui: Reformat .ui-files
2023-11-28 22:02:30 +01:00
</interface>
Reference in a new issue Copy permalink