Simplify theming for QRCode widget
This commit is contained in:
parent
704ec9cb5c
commit
330a625205
5 changed files with 48 additions and 84 deletions
|
|
@ -21,7 +21,6 @@ pub mod menu;
|
||||||
pub mod pane_grid;
|
pub mod pane_grid;
|
||||||
pub mod pick_list;
|
pub mod pick_list;
|
||||||
pub mod progress_bar;
|
pub mod progress_bar;
|
||||||
pub mod qr_code;
|
|
||||||
pub mod radio;
|
pub mod radio;
|
||||||
pub mod rule;
|
pub mod rule;
|
||||||
pub mod slider;
|
pub mod slider;
|
||||||
|
|
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
//! Change the appearance of a QR code.
|
|
||||||
use crate::core::Color;
|
|
||||||
|
|
||||||
/// The appearance of a QR code.
|
|
||||||
#[derive(Debug, Clone, Copy, PartialEq)]
|
|
||||||
pub struct Appearance {
|
|
||||||
/// The color of the QR code data cells
|
|
||||||
pub cell: Color,
|
|
||||||
/// The color of the QR code background
|
|
||||||
pub background: Color,
|
|
||||||
}
|
|
||||||
|
|
||||||
/// A set of rules that dictate the style of a QR code.
|
|
||||||
pub trait StyleSheet {
|
|
||||||
/// The supported style of the [`StyleSheet`].
|
|
||||||
type Style: Default;
|
|
||||||
|
|
||||||
/// Produces the style of a QR code.
|
|
||||||
fn appearance(&self, style: &Self::Style) -> Appearance;
|
|
||||||
}
|
|
||||||
|
|
@ -9,7 +9,6 @@ use crate::menu;
|
||||||
use crate::pane_grid;
|
use crate::pane_grid;
|
||||||
use crate::pick_list;
|
use crate::pick_list;
|
||||||
use crate::progress_bar;
|
use crate::progress_bar;
|
||||||
use crate::qr_code;
|
|
||||||
use crate::radio;
|
use crate::radio;
|
||||||
use crate::rule;
|
use crate::rule;
|
||||||
use crate::slider;
|
use crate::slider;
|
||||||
|
|
@ -662,46 +661,6 @@ impl<T: Fn(&Theme) -> progress_bar::Appearance> progress_bar::StyleSheet for T {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/// The style of a QR Code.
|
|
||||||
#[derive(Default)]
|
|
||||||
pub enum QRCode {
|
|
||||||
/// The default style.
|
|
||||||
#[default]
|
|
||||||
Default,
|
|
||||||
/// A custom style.
|
|
||||||
Custom(Box<dyn qr_code::StyleSheet<Style = Theme>>),
|
|
||||||
}
|
|
||||||
|
|
||||||
impl<T: Fn(&Theme) -> qr_code::Appearance + 'static> From<T> for QRCode {
|
|
||||||
fn from(f: T) -> Self {
|
|
||||||
Self::Custom(Box::new(f))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
impl qr_code::StyleSheet for Theme {
|
|
||||||
type Style = QRCode;
|
|
||||||
|
|
||||||
fn appearance(&self, style: &Self::Style) -> qr_code::Appearance {
|
|
||||||
let palette = self.palette();
|
|
||||||
|
|
||||||
match style {
|
|
||||||
QRCode::Default => qr_code::Appearance {
|
|
||||||
cell: palette.text,
|
|
||||||
background: palette.background,
|
|
||||||
},
|
|
||||||
QRCode::Custom(custom) => custom.appearance(self),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
impl<T: Fn(&Theme) -> qr_code::Appearance> qr_code::StyleSheet for T {
|
|
||||||
type Style = Theme;
|
|
||||||
|
|
||||||
fn appearance(&self, style: &Self::Style) -> qr_code::Appearance {
|
|
||||||
(self)(style)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/// The style of a rule.
|
/// The style of a rule.
|
||||||
#[derive(Default)]
|
#[derive(Default)]
|
||||||
pub enum Rule {
|
pub enum Rule {
|
||||||
|
|
|
||||||
|
|
@ -396,7 +396,7 @@ where
|
||||||
#[cfg(feature = "qr_code")]
|
#[cfg(feature = "qr_code")]
|
||||||
pub fn qr_code<Theme>(data: &crate::qr_code::Data) -> crate::QRCode<'_, Theme>
|
pub fn qr_code<Theme>(data: &crate::qr_code::Data) -> crate::QRCode<'_, Theme>
|
||||||
where
|
where
|
||||||
Theme: crate::qr_code::StyleSheet,
|
Theme: crate::qr_code::Style,
|
||||||
{
|
{
|
||||||
crate::QRCode::new(data)
|
crate::QRCode::new(data)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -5,41 +5,37 @@ use crate::core::mouse;
|
||||||
use crate::core::renderer::{self, Renderer as _};
|
use crate::core::renderer::{self, Renderer as _};
|
||||||
use crate::core::widget::tree::{self, Tree};
|
use crate::core::widget::tree::{self, Tree};
|
||||||
use crate::core::{
|
use crate::core::{
|
||||||
Element, Layout, Length, Point, Rectangle, Size, Vector, Widget,
|
Color, Element, Layout, Length, Point, Rectangle, Size, Vector, Widget,
|
||||||
};
|
};
|
||||||
use crate::graphics::geometry::Renderer as _;
|
use crate::graphics::geometry::Renderer as _;
|
||||||
|
use crate::style::Theme;
|
||||||
use crate::Renderer;
|
use crate::Renderer;
|
||||||
|
|
||||||
use std::cell::RefCell;
|
use std::cell::RefCell;
|
||||||
use thiserror::Error;
|
use thiserror::Error;
|
||||||
|
|
||||||
pub use crate::style::qr_code::{Appearance, StyleSheet};
|
|
||||||
|
|
||||||
const DEFAULT_CELL_SIZE: u16 = 4;
|
const DEFAULT_CELL_SIZE: u16 = 4;
|
||||||
const QUIET_ZONE: usize = 2;
|
const QUIET_ZONE: usize = 2;
|
||||||
|
|
||||||
/// A type of matrix barcode consisting of squares arranged in a grid which
|
/// A type of matrix barcode consisting of squares arranged in a grid which
|
||||||
/// can be read by an imaging device, such as a camera.
|
/// can be read by an imaging device, such as a camera.
|
||||||
#[derive(Debug)]
|
#[derive(Debug)]
|
||||||
pub struct QRCode<'a, Theme = crate::Theme>
|
pub struct QRCode<'a, Theme = crate::Theme> {
|
||||||
where
|
|
||||||
Theme: StyleSheet,
|
|
||||||
{
|
|
||||||
data: &'a Data,
|
data: &'a Data,
|
||||||
cell_size: u16,
|
cell_size: u16,
|
||||||
style: Theme::Style,
|
style: fn(&Theme) -> Appearance,
|
||||||
}
|
}
|
||||||
|
|
||||||
impl<'a, Theme> QRCode<'a, Theme>
|
impl<'a, Theme> QRCode<'a, Theme> {
|
||||||
where
|
|
||||||
Theme: StyleSheet,
|
|
||||||
{
|
|
||||||
/// Creates a new [`QRCode`] with the provided [`Data`].
|
/// Creates a new [`QRCode`] with the provided [`Data`].
|
||||||
pub fn new(data: &'a Data) -> Self {
|
pub fn new(data: &'a Data) -> Self
|
||||||
|
where
|
||||||
|
Theme: Style,
|
||||||
|
{
|
||||||
Self {
|
Self {
|
||||||
data,
|
data,
|
||||||
cell_size: DEFAULT_CELL_SIZE,
|
cell_size: DEFAULT_CELL_SIZE,
|
||||||
style: Default::default(),
|
style: Theme::style(),
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -50,15 +46,14 @@ where
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Sets the style of the [`QRCode`].
|
/// Sets the style of the [`QRCode`].
|
||||||
pub fn style(mut self, style: impl Into<Theme::Style>) -> Self {
|
pub fn style(mut self, style: fn(&Theme) -> Appearance) -> Self {
|
||||||
self.style = style.into();
|
self.style = style;
|
||||||
self
|
self
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
impl<'a, Message, Theme> Widget<Message, Theme, Renderer> for QRCode<'a, Theme>
|
impl<'a, Message, Theme> Widget<Message, Theme, Renderer>
|
||||||
where
|
for QRCode<'a, Theme>
|
||||||
Theme: StyleSheet,
|
|
||||||
{
|
{
|
||||||
fn tag(&self) -> tree::Tag {
|
fn tag(&self) -> tree::Tag {
|
||||||
tree::Tag::of::<State>()
|
tree::Tag::of::<State>()
|
||||||
|
|
@ -102,7 +97,7 @@ where
|
||||||
let bounds = layout.bounds();
|
let bounds = layout.bounds();
|
||||||
let side_length = self.data.width + 2 * QUIET_ZONE;
|
let side_length = self.data.width + 2 * QUIET_ZONE;
|
||||||
|
|
||||||
let appearance = theme.appearance(&self.style);
|
let appearance = (self.style)(theme);
|
||||||
let mut last_appearance = state.last_appearance.borrow_mut();
|
let mut last_appearance = state.last_appearance.borrow_mut();
|
||||||
|
|
||||||
if Some(appearance) != *last_appearance {
|
if Some(appearance) != *last_appearance {
|
||||||
|
|
@ -156,7 +151,7 @@ where
|
||||||
impl<'a, Message, Theme> From<QRCode<'a, Theme>>
|
impl<'a, Message, Theme> From<QRCode<'a, Theme>>
|
||||||
for Element<'a, Message, Theme, Renderer>
|
for Element<'a, Message, Theme, Renderer>
|
||||||
where
|
where
|
||||||
Theme: StyleSheet + 'a,
|
Theme: 'a,
|
||||||
{
|
{
|
||||||
fn from(qr_code: QRCode<'a, Theme>) -> Self {
|
fn from(qr_code: QRCode<'a, Theme>) -> Self {
|
||||||
Self::new(qr_code)
|
Self::new(qr_code)
|
||||||
|
|
@ -330,3 +325,34 @@ impl From<qrcode::types::QrError> for Error {
|
||||||
struct State {
|
struct State {
|
||||||
last_appearance: RefCell<Option<Appearance>>,
|
last_appearance: RefCell<Option<Appearance>>,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/// The appearance of a QR code.
|
||||||
|
#[derive(Debug, Clone, Copy, PartialEq)]
|
||||||
|
pub struct Appearance {
|
||||||
|
/// The color of the QR code data cells
|
||||||
|
pub cell: Color,
|
||||||
|
/// The color of the QR code background
|
||||||
|
pub background: Color,
|
||||||
|
}
|
||||||
|
|
||||||
|
/// The definiton of the default style of a [`QRCode`].
|
||||||
|
pub trait Style {
|
||||||
|
/// Returns the default style of a [`QRCode`].
|
||||||
|
fn style() -> fn(&Self) -> Appearance;
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Style for Theme {
|
||||||
|
fn style() -> fn(&Self) -> Appearance {
|
||||||
|
default
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// The default style of a [`QRCode`].
|
||||||
|
pub fn default(theme: &Theme) -> Appearance {
|
||||||
|
let palette = theme.palette();
|
||||||
|
|
||||||
|
Appearance {
|
||||||
|
cell: palette.text,
|
||||||
|
background: palette.background,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue