leyoda/libcosmic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removed view switcher style

Browse source
This commit is contained in:
Eduardo Flores 2022-10-15 15:29:09 -07:00
parent f630d66c67
commit f5aa75b823
1 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/widget/segmented_button.rs
View file

@ -3,7 +3,7 @@ use iced::{
alignment::{Horizontal, Vertical}, alignment::{Horizontal, Vertical},
theme, theme,
widget::{button, container, text, Row}, widget::{button, container, text, Row},
Background, Element, Length, Renderer, Theme, Background, Element, Length, Renderer, Theme, Color,
}; };
use iced_lazy::Component; use iced_lazy::Component;
@ -58,9 +58,9 @@ impl<'a, Message> Component<Message, Renderer> for SegmentedButton<'a, Message>
.width(Length::Units(136)) .width(Length::Units(136))
.height(Length::Units(32)) .height(Length::Units(32))
.style(if *state == index { .style(if *state == index {
theme::Button::Secondary.into()
} else {
theme::Button::Primary.into() theme::Button::Primary.into()
} else {
theme::Button::Secondary.into()
}) })
.on_press(SegmentedButtonEvent::Pressed(index)) .on_press(SegmentedButtonEvent::Pressed(index))
.into() .into()
@ -68,19 +68,33 @@ impl<'a, Message> Component<Message, Renderer> for SegmentedButton<'a, Message>
.collect(); .collect();
container(Row::with_children(buttons).spacing(5).width(Length::Shrink)) container(Row::with_children(buttons).spacing(5).width(Length::Shrink))
.padding(2) .padding(2)
.style(theme::Container::Custom(view_switcher_container_style)) .style(theme::Container::Custom(segmented_button_container_style))
.into() .into()
} }
} }
pub fn view_switcher_container_style(theme: &Theme) -> iced_style::container::Appearance { // TODO: Allow button to receive a custom style.
pub fn _segmented_button_style(theme: &Theme) -> iced_style::button::Appearance {
let primary = &theme.cosmic().primary;
let accent = &theme.cosmic().accent; let accent = &theme.cosmic().accent;
iced_style::button::Appearance {
shadow_offset: Default::default(),
background: Some(Background::Color(primary.base.into())),
border_radius: 0.0,
border_width: 0.0,
border_color: Color::TRANSPARENT,
text_color: accent.on.into(),
}
}
pub fn segmented_button_container_style(theme: &Theme) -> iced_style::container::Appearance {
let primary = &theme.cosmic().primary;
iced_style::container::Appearance { iced_style::container::Appearance {
text_color: Default::default(), text_color: Default::default(),
background: Some(Background::Color(accent.base.into())), background: Some(Background::Color(primary.base.into())),
border_radius: 24.0, border_radius: 24.0,
border_width: 2.0, border_width: 0.0,
border_color: accent.base.into(), border_color: primary.base.into(),
} }
} }