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

Merge pull request #2606 from tvolk131/qr_code_fixed_size

Browse source 
feat: set total size of QRCode
This commit is contained in:
Héctor 2024-10-02 17:23:33 +02:00 • committed by GitHub
commit 4a080e27ab
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 60 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,10 @@
use iced::widget::{center, column, pick_list, qr_code, row, text, text_input};
use iced::widget::{
center, column, pick_list, qr_code, row, slider, text, text_input, toggler,
};
use iced::{Center, Element, Theme};
use std::ops::RangeInclusive;
pub fn main() -> iced::Result {
iced::application(
"QR Code Generator - Iced",
@ -15,16 +19,21 @@ pub fn main() -> iced::Result {
struct QRGenerator {
data: String,
qr_code: Option<qr_code::Data>,
total_size: Option<f32>,
theme: Theme,
}
#[derive(Debug, Clone)]
enum Message {
DataChanged(String),
ToggleTotalSize(bool),
TotalSizeChanged(f32),
ThemeChanged(Theme),
}
impl QRGenerator {
const SIZE_RANGE: RangeInclusive<f32> = 200.0..=400.0;
fn update(&mut self, message: Message) {
match message {
Message::DataChanged(mut data) => {
@ -38,6 +47,16 @@ impl QRGenerator {
self.data = data;
}
Message::ToggleTotalSize(enabled) => {
self.total_size = enabled.then_some(
Self::SIZE_RANGE.start()
+ (Self::SIZE_RANGE.end() - Self::SIZE_RANGE.start())
/ 2.0,
);
}
Message::TotalSizeChanged(total_size) => {
self.total_size = Some(total_size);
}
Message::ThemeChanged(theme) => {
self.theme = theme;
}
@ -53,6 +72,10 @@ impl QRGenerator {
.size(30)
.padding(15);
let toggle_total_size = toggler(self.total_size.is_some())
.on_toggle(Message::ToggleTotalSize)
.label("Limit Total Size");
let choose_theme = row![
text("Theme:"),
pick_list(Theme::ALL, Some(&self.theme), Message::ThemeChanged,)
@ -60,15 +83,26 @@ impl QRGenerator {
.spacing(10)
.align_y(Center);
let content = column![title, input, choose_theme]
.push_maybe(
self.qr_code
.as_ref()
.map(|data| qr_code(data).cell_size(10)),
)
.width(700)
.spacing(20)
.align_x(Center);
let content = column![
title,
input,
row![toggle_total_size, choose_theme]
.spacing(20)
.align_y(Center)
]
.push_maybe(self.total_size.map(|total_size| {
slider(Self::SIZE_RANGE, total_size, Message::TotalSizeChanged)
}))
.push_maybe(self.qr_code.as_ref().map(|data| {
if let Some(total_size) = self.total_size {
qr_code(data).total_size(total_size)
} else {
qr_code(data).cell_size(10.0)
}
}))
.width(700)
.spacing(20)
.align_x(Center);
center(content).padding(20).into()
}