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

Widget implementation for NavBar

Browse source 
- Implemented NavBar as a Widget
This commit is contained in:
Eduardo Flores 2022-10-08 04:28:29 -07:00 • committed by Michael Murphy
parent 9210179731
commit 5c859fa1df
5 changed files with 377 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

48
examples/cosmic/src/main.rs
View file

@ -5,10 +5,9 @@ use cosmic::{
list_row,
list_section,
list_view,
nav_bar,
nav_button,
toggler,
HeaderBar,
HeaderBar, nav_bar_style,
},
settings,
iced::{self, theme, Alignment, Application, Color, Command, Element, Length, Theme},
@ -127,30 +126,23 @@ impl Application for Window {
let content = responsive(|size| {
let condensed = size.width < 900.0;
let sidebar: Option<Element<_>> = if self.headerbar.sidebar_active {
Some(nav_bar!(
//TODO: Support symbolic icons
nav_button!("network-wireless", "Wi-Fi", condensed)
.on_press(Message::Page(0))
.style(if self.page == 0 { theme::Button::Primary } else { theme::Button::Text })
,
nav_button!("preferences-desktop", "Desktop", condensed)
.on_press(Message::Page(1))
.style(if self.page == 1 { theme::Button::Primary } else { theme::Button::Text })
,
nav_button!("system-software-update", "OS Upgrade & Recovery", condensed)
.on_press(Message::Page(2))
.style(if self.page == 2 { theme::Button::Primary } else { theme::Button::Text })
)
.max_width(if condensed {
100
} else {
300
})
.into())
} else {
None
};
let sidebar: Element<_> = cosmic::navbar![
nav_button!("network-wireless", "Wi-Fi", condensed)
.on_press(Message::Page(0))
.style(if self.page == 0 { theme::Button::Primary } else { theme::Button::Text })
,
nav_button!("preferences-desktop", "Desktop", condensed)
.on_press(Message::Page(1))
.style(if self.page == 1 { theme::Button::Primary } else { theme::Button::Text })
,
nav_button!("system-software-update", "OS Upgrade & Recovery", condensed)
.on_press(Message::Page(2))
.style(if self.page == 2 { theme::Button::Primary } else { theme::Button::Text })
]
.active(self.headerbar.sidebar_active)
.condensed(condensed)
.style(theme::Container::Custom(nav_bar_style))
.into();
let choose_theme = [Theme::Light, Theme::Dark].iter().fold(
row![text("Debug theme:")].spacing(10).align_items(Alignment::Center),
@ -254,9 +246,7 @@ impl Application for Window {
let mut widgets = Vec::with_capacity(2);
if let Some(sidebar) = sidebar {
widgets.push(if self.debug { sidebar.explain(Color::WHITE) } else { sidebar });
}
widgets.push(if self.debug { sidebar.explain(Color::WHITE) } else { sidebar });
widgets.push(
scrollable!(row![