Skip to content

Commit 674323d

Browse files
ghost1372ghost1372
committed
Add Toolbar Sample
1 parent ebc2acb commit 674323d

File tree

6 files changed

+165
-0
lines changed

6 files changed

+165
-0
lines changed

‎README.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,7 @@ Install-Package DevWinUI
135135
## 🔥 DevWinUI.Controls 🔥
136136
### ⚡ What’s Inside? ⚡
137137

138+
- ✨ Toolbar
138139
- ✨ BreadcrumbBar
139140
- ✨ ThemedIcon
140141
- ✨ SamplePanel
@@ -326,6 +327,9 @@ Install-Package DevWinUI.ContextMenu
326327

327328
## 🕰️ History 🕰️
328329

330+
### Toolbar
331+
![Toolbar](https://raw.githubusercontent.com/ghost1372/DevWinUI-Resources/refs/heads/main/DevWinUI-Docs/Toolbar.png)
332+
329333
### BreadcrumbBar
330334
![BreadcrumbBar](https://raw.githubusercontent.com/ghost1372/DevWinUI-Resources/refs/heads/main/DevWinUI-Docs/BreadcrumbBar.png)
331335

‎dev/DevWinUI.Gallery/Assets/NavViewMenu/AppData.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,13 @@
162162
"ImagePath": "ms-appx:///Assets/Fluent/RatingControl.png",
163163
"IsSpecialSection": false,
164164
"Items": [
165+
{
166+
"UniqueId": "DevWinUIGallery.Views.ToolbarPage",
167+
"Title": "Toolbar",
168+
"Subtitle": "A toolbar control is a user interface element that provides a row or column of buttons, icons, or menus, allowing users to quickly access common commands or functions within an application.",
169+
"IsNew": true,
170+
"ImagePath": "ms-appx:///Assets/Fluent/CommandBar.png"
171+
},
165172
{
166173
"UniqueId": "DevWinUIGallery.Views.BreadcrumbBarPage",
167174
"Title": "BreadcrumbBar",

‎dev/DevWinUI.Gallery/ControlPagesSampleCode/Features/ToolbarPage_cs.txt‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
public ObservableCollection<ToolbarItem> Items { get; set; } = new ObservableCollection<ToolbarItem>()
2+
{
3+
new ToolbarItem()
4+
{
5+
Label = "Cut",
6+
ItemType = ToolbarItemTypes.Button,
7+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Cut"] as Style
8+
},
9+
new ToolbarItem()
10+
{
11+
Label = "Copy",
12+
ItemType = ToolbarItemTypes.Button,
13+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Copy"] as Style
14+
},
15+
new ToolbarItem()
16+
{
17+
Label = "Paste",
18+
ItemType = ToolbarItemTypes.Button,
19+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Paste"] as Style
20+
},
21+
new ToolbarItem()
22+
{
23+
ItemType = ToolbarItemTypes.Separator,
24+
},
25+
new ToolbarItem()
26+
{
27+
Label = "Rename",
28+
ItemType = ToolbarItemTypes.Button,
29+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Rename"] as Style
30+
},
31+
new ToolbarItem()
32+
{
33+
Label = "Refresh",
34+
ItemType = ToolbarItemTypes.Button,
35+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Refresh"] as Style
36+
},
37+
new ToolbarItem()
38+
{
39+
ItemType = ToolbarItemTypes.Separator,
40+
},
41+
new ToolbarItem()
42+
{
43+
Label = "Cut",
44+
ItemType = ToolbarItemTypes.ToggleButton,
45+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Cut"] as Style
46+
},
47+
new ToolbarItem()
48+
{
49+
Label = "Copy",
50+
ItemType = ToolbarItemTypes.ToggleButton,
51+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Copy"] as Style
52+
},
53+
new ToolbarItem()
54+
{
55+
Label = "Paste",
56+
ItemType = ToolbarItemTypes.ToggleButton,
57+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Paste"] as Style
58+
},
59+
};

‎dev/DevWinUI.Gallery/T4Templates/NavigationPageMappings.cs‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@ public partial class NavigationPageMappings
3636
{"DevWinUIGallery.Views.ExtensionPage", typeof(DevWinUIGallery.Views.ExtensionPage)},
3737
{"DevWinUIGallery.Views.ThemeManagerPage", typeof(DevWinUIGallery.Views.ThemeManagerPage)},
3838
{"DevWinUIGallery.Views.CheckUpdatePage", typeof(DevWinUIGallery.Views.CheckUpdatePage)},
39+
{"DevWinUIGallery.Views.ToolbarPage", typeof(DevWinUIGallery.Views.ToolbarPage)},
3940
{"DevWinUIGallery.Views.BreadcrumbBarPage", typeof(DevWinUIGallery.Views.BreadcrumbBarPage)},
4041
{"DevWinUIGallery.Views.ThemedIconPage", typeof(DevWinUIGallery.Views.ThemedIconPage)},
4142
{"DevWinUIGallery.Views.SamplePanelPage", typeof(DevWinUIGallery.Views.SamplePanelPage)},

‎dev/DevWinUI.Gallery/Views/Pages/Features/ToolbarPage.xaml‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<?xml version="1.0" encoding="utf-8" ?>
2+
<Page x:Class="DevWinUIGallery.Views.ToolbarPage"
3+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5+
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
6+
xmlns:dev="using:DevWinUI"
7+
xmlns:local="using:DevWinUIGallery"
8+
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
9+
mc:Ignorable="d">
10+
11+
<ScrollViewer>
12+
<StackPanel Margin="10" dev:PanelAttach.ChildrenTransitions="Default" Spacing="10">
13+
<local:ControlExample CSharpSource="Features/ToolbarPage_cs.txt"
14+
DocPage="controls/toolbar"
15+
HeaderText="Toolbar">
16+
<local:ControlExample.Xaml>
17+
&lt;dev:Toolbar Items={x:Bind Items}/&gt;
18+
</local:ControlExample.Xaml>
19+
<dev:Toolbar x:Name="ToolbarSample"
20+
Items="{x:Bind Items, Mode=OneWay}" />
21+
</local:ControlExample>
22+
23+
</StackPanel>
24+
</ScrollViewer>
25+
26+
</Page>

‎dev/DevWinUI.Gallery/Views/Pages/Features/ToolbarPage.xaml.cs‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
namespace DevWinUIGallery.Views;
2+
3+
public sealed partial class ToolbarPage : Page
4+
{
5+
public ObservableCollection<ToolbarItem> Items { get; set; } = new ObservableCollection<ToolbarItem>()
6+
{
7+
new ToolbarItem()
8+
{
9+
Label = "Cut",
10+
ItemType = ToolbarItemTypes.Button,
11+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Cut"] as Style
12+
},
13+
new ToolbarItem()
14+
{
15+
Label = "Copy",
16+
ItemType = ToolbarItemTypes.Button,
17+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Copy"] as Style
18+
},
19+
new ToolbarItem()
20+
{
21+
Label = "Paste",
22+
ItemType = ToolbarItemTypes.Button,
23+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Paste"] as Style
24+
},
25+
new ToolbarItem()
26+
{
27+
ItemType = ToolbarItemTypes.Separator,
28+
},
29+
new ToolbarItem()
30+
{
31+
Label = "Rename",
32+
ItemType = ToolbarItemTypes.Button,
33+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Rename"] as Style
34+
},
35+
new ToolbarItem()
36+
{
37+
Label = "Refresh",
38+
ItemType = ToolbarItemTypes.Button,
39+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Refresh"] as Style
40+
},
41+
new ToolbarItem()
42+
{
43+
ItemType = ToolbarItemTypes.Separator,
44+
},
45+
new ToolbarItem()
46+
{
47+
Label = "Cut",
48+
ItemType = ToolbarItemTypes.ToggleButton,
49+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Cut"] as Style
50+
},
51+
new ToolbarItem()
52+
{
53+
Label = "Copy",
54+
ItemType = ToolbarItemTypes.ToggleButton,
55+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Copy"] as Style
56+
},
57+
new ToolbarItem()
58+
{
59+
Label = "Paste",
60+
ItemType = ToolbarItemTypes.ToggleButton,
61+
ThemedIcon = Application.Current.Resources["App.ThemedIcons.Paste"] as Style
62+
},
63+
};
64+
public ToolbarPage()
65+
{
66+
InitializeComponent();
67+
}
68+
}

0 commit comments

Comments
 (0)