me/iced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Simplify total size logic in qr_code example

Browse source
This commit is contained in:
Héctor Ramón Jiménez 2024-10-02 17:08:53 +02:00
parent a949e59f3e
commit a1e2bd22ec
No known key found for this signature in database
GPG key ID: 7CC46565708259A7
1 changed files with 38 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

80
examples/qr_code/src/main.rs
View file

@ -3,9 +3,7 @@ use iced::widget::{
}; };
use iced::{Center, Element, Theme}; use iced::{Center, Element, Theme};
const QR_CODE_EXACT_SIZE_MIN_PX: u32 = 200; use std::ops::RangeInclusive;
const QR_CODE_EXACT_SIZE_MAX_PX: u32 = 400;
const QR_CODE_EXACT_SIZE_SLIDER_STEPS: u8 = 100;
pub fn main() -> iced::Result { pub fn main() -> iced::Result {
iced::application( iced::application(
@ -21,20 +19,21 @@ pub fn main() -> iced::Result {
struct QRGenerator { struct QRGenerator {
data: String, data: String,
qr_code: Option<qr_code::Data>, qr_code: Option<qr_code::Data>,
display_with_fixed_size: bool, total_size: Option<f32>,
fixed_size_slider_value: u8,
theme: Theme, theme: Theme,
} }
#[derive(Debug, Clone)] #[derive(Debug, Clone)]
enum Message { enum Message {
DataChanged(String), DataChanged(String),
SetDisplayWithFixedSize(bool), ToggleTotalSize(bool),
FixedSizeSliderChanged(u8), TotalSizeChanged(f32),
ThemeChanged(Theme), ThemeChanged(Theme),
} }
impl QRGenerator { impl QRGenerator {
const SIZE_RANGE: RangeInclusive<f32> = 200.0..=400.0;
fn update(&mut self, message: Message) { fn update(&mut self, message: Message) {
match message { match message {
Message::DataChanged(mut data) => { Message::DataChanged(mut data) => {
@ -48,11 +47,15 @@ impl QRGenerator {
self.data = data; self.data = data;
} }
Message::SetDisplayWithFixedSize(exact_size) => { Message::ToggleTotalSize(enabled) => {
self.display_with_fixed_size = exact_size; self.total_size = enabled.then_some(
Self::SIZE_RANGE.start()
+ (Self::SIZE_RANGE.end() - Self::SIZE_RANGE.start())
/ 2.0,
);
} }
Message::FixedSizeSliderChanged(value) => { Message::TotalSizeChanged(total_size) => {
self.fixed_size_slider_value = value; self.total_size = Some(total_size);
} }
Message::ThemeChanged(theme) => { Message::ThemeChanged(theme) => {
self.theme = theme; self.theme = theme;
@ -69,6 +72,10 @@ impl QRGenerator {
.size(30) .size(30)
.padding(15); .padding(15);
let toggle_total_size = toggler(self.total_size.is_some())
.on_toggle(Message::ToggleTotalSize)
.label("Limit Total Size");
let choose_theme = row![ let choose_theme = row![
text("Theme:"), text("Theme:"),
pick_list(Theme::ALL, Some(&self.theme), Message::ThemeChanged,) pick_list(Theme::ALL, Some(&self.theme), Message::ThemeChanged,)
@ -76,37 +83,26 @@ impl QRGenerator {
.spacing(10) .spacing(10)
.align_y(Center); .align_y(Center);
let content = column![title, input, choose_theme] let content = column![
.push( title,
toggler(self.display_with_fixed_size) input,
.on_toggle(Message::SetDisplayWithFixedSize) row![toggle_total_size, choose_theme]
.label("Fixed Size"), .spacing(20)
) .align_y(Center)
.push_maybe(self.display_with_fixed_size.then(|| { ]
slider( .push_maybe(self.total_size.map(|total_size| {
1..=QR_CODE_EXACT_SIZE_SLIDER_STEPS, slider(Self::SIZE_RANGE, total_size, Message::TotalSizeChanged)
self.fixed_size_slider_value, }))
Message::FixedSizeSliderChanged, .push_maybe(self.qr_code.as_ref().map(|data| {
) if let Some(total_size) = self.total_size {
})) qr_code(data).total_size(total_size)
.push_maybe(self.qr_code.as_ref().map(|data| { } else {
if self.display_with_fixed_size { qr_code(data).cell_size(10.0)
// Convert the slider value to a size in pixels. }
let qr_code_size_px = (self.fixed_size_slider_value as f32 }))
/ QR_CODE_EXACT_SIZE_SLIDER_STEPS as f32) .width(700)
* (QR_CODE_EXACT_SIZE_MAX_PX .spacing(20)
- QR_CODE_EXACT_SIZE_MIN_PX) .align_x(Center);
as f32
+ QR_CODE_EXACT_SIZE_MIN_PX as f32;
qr_code(data).total_size(qr_code_size_px)
} else {
qr_code(data).cell_size(10.0)
}
}))
.width(700)
.spacing(20)
.align_x(Center);
center(content).padding(20).into() center(content).padding(20).into()
} }