Add icon size and grid spacing for desktop, fixes #751

This commit is contained in:
Jeremy Soller 2025-02-06 09:26:20 -07:00
parent 06b8132aa3
commit abf95c0189
No known key found for this signature in database
GPG key ID: 670FDFB5428E05CA
4 changed files with 51 additions and 22 deletions

View file

@ -19,6 +19,7 @@ mounted-drives = Mounted drives
trash-folder-icon = Trash folder icon
icon-size-and-spacing = Icon size and spacing
icon-size = Icon size
grid-spacing = Grid spacing
# List view
name = Name

View file

@ -1315,19 +1315,30 @@ impl App {
);
children.push(section.into());
/*TODO: Desktop icon size and spacing
let mut section = widget::settings::section().title(fl!("icon-size-and-spacing"));
let grid: u16 = config.icon_sizes.grid.into();
let icon_size: u16 = config.icon_size.into();
section = section.add(
widget::settings::item::builder(fl!("icon-size"))
.description(format!("{}%", grid))
.description(format!("{}%", icon_size))
.control(
widget::slider(50..=500, grid, move |grid| {
widget::slider(50..=500, icon_size, move |icon_size| {
Message::DesktopConfig(DesktopConfig {
icon_sizes: IconSizes {
grid: NonZeroU16::new(grid).unwrap(),
..config.icon_sizes
},
icon_size: NonZeroU16::new(icon_size).unwrap(),
..config
})
})
.step(25u16),
),
);
let grid_spacing: u16 = config.grid_spacing.into();
section = section.add(
widget::settings::item::builder(fl!("grid-spacing"))
.description(format!("{}%", grid_spacing))
.control(
widget::slider(50..=500, grid_spacing, move |grid_spacing| {
Message::DesktopConfig(DesktopConfig {
grid_spacing: NonZeroU16::new(grid_spacing).unwrap(),
..config
})
})
@ -1335,7 +1346,6 @@ impl App {
),
);
children.push(section.into());
*/
widget::column::with_children(children)
.padding([0, space_l, space_l, space_l])

View file

@ -20,6 +20,12 @@ pub const ICON_SIZE_GRID: u16 = 64;
// TODO: 5 is an arbitrary number. Maybe there's a better icon size max
pub const ICON_SCALE_MAX: u16 = 5;
macro_rules! percent {
($perc:expr, $pixel:ident) => {
(($perc.get() as f32 * $pixel as f32) / 100.).clamp(1., ($pixel * ICON_SCALE_MAX) as _)
};
}
#[derive(Clone, Copy, Debug, Deserialize, Eq, PartialEq, Serialize)]
pub enum AppTheme {
Dark,
@ -151,6 +157,8 @@ impl Default for Config {
#[derive(Clone, Copy, Debug, Eq, Hash, PartialEq, CosmicConfigEntry, Deserialize, Serialize)]
#[serde(default)]
pub struct DesktopConfig {
pub grid_spacing: NonZeroU16,
pub icon_size: NonZeroU16,
pub show_content: bool,
pub show_mounted_drives: bool,
pub show_trash: bool,
@ -159,6 +167,8 @@ pub struct DesktopConfig {
impl Default for DesktopConfig {
fn default() -> Self {
Self {
grid_spacing: 100.try_into().unwrap(),
icon_size: 100.try_into().unwrap(),
show_content: true,
show_mounted_drives: false,
show_trash: false,
@ -166,6 +176,12 @@ impl Default for DesktopConfig {
}
}
impl DesktopConfig {
pub fn grid_spacing_for(&self, space: u16) -> u16 {
percent!(self.grid_spacing, space) as _
}
}
/// Global and local [`crate::tab::Tab`] config.
///
/// [`TabConfig`] contains options that are passed to each instance of [`crate::tab::Tab`].
@ -194,12 +210,6 @@ impl Default for TabConfig {
}
}
macro_rules! percent {
($perc:expr, $pixel:ident) => {
(($perc.get() as f32 * $pixel as f32) / 100.).clamp(1., ($pixel * ICON_SCALE_MAX) as _)
};
}
#[derive(Clone, Copy, Debug, Eq, PartialEq, CosmicConfigEntry, Deserialize, Serialize)]
#[serde(default)]
pub struct IconSizes {

View file

@ -822,8 +822,10 @@ pub fn scan_desktop(
tab_path: &PathBuf,
_display: &str,
desktop_config: DesktopConfig,
sizes: IconSizes,
mut sizes: IconSizes,
) -> Vec<Item> {
sizes.grid = desktop_config.icon_size;
let mut items = Vec::new();
if desktop_config.show_content {
@ -3637,10 +3639,16 @@ impl Tab {
let TabConfig {
show_hidden,
icon_sizes,
mut icon_sizes,
..
} = self.config;
let mut grid_spacing = space_xxs;
if let Location::Desktop(_path, _output, desktop_config) = &self.location {
icon_sizes.grid = desktop_config.icon_size;
grid_spacing = desktop_config.grid_spacing_for(space_xxs);
};
let text_height = 3 * 20; // 3 lines of text
let item_width = (3 * space_xxs + icon_sizes.grid() + 3 * space_xxs) as usize;
let item_height =
@ -3658,7 +3666,7 @@ impl Tab {
let (cols, column_spacing) = {
let width_m1 = width.saturating_sub(item_width);
let cols_m1 = width_m1 / (item_width + space_xxs as usize);
let cols_m1 = width_m1 / (item_width + grid_spacing as usize);
let cols = cols_m1 + 1;
let spacing = width_m1
.checked_div(cols_m1)
@ -3669,13 +3677,13 @@ impl Tab {
let rows = {
let height_m1 = height.saturating_sub(item_height);
let rows_m1 = height_m1 / (item_height + space_xxs as usize);
let rows_m1 = height_m1 / (item_height + grid_spacing as usize);
rows_m1 + 1
};
let mut grid = widget::grid()
.column_spacing(column_spacing)
.row_spacing(space_xxs)
.row_spacing(grid_spacing)
.padding(space_xxs.into());
let mut dnd_items: Vec<(usize, (usize, usize), &Item)> = Vec::new();
let mut drag_w_i = usize::MAX;
@ -3703,7 +3711,7 @@ impl Tab {
item.rect_opt.set(Some(Rectangle::new(
Point::new(
(col * (item_width + column_spacing as usize) + space_m as usize) as f32,
(row * (item_height + space_xxs as usize)) as f32,
(row * (item_height + grid_spacing as usize)) as f32,
),
Size::new(item_width as f32, item_height as f32),
)));
@ -3853,7 +3861,7 @@ impl Tab {
(!dnd_items.is_empty()).then(|| {
let mut dnd_grid = widget::grid()
.column_spacing(column_spacing)
.row_spacing(space_xxs)
.row_spacing(grid_spacing)
.padding(space_xxs.into());
let mut dnd_item_i = 0;