Skip to content

Commit e59abd1

Browse files
ghost1372ghost1372
committed
Add RichButton
1 parent 201cf19 commit e59abd1

5 files changed

Lines changed: 166 additions & 0 deletions

File tree

‎README.md‎

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

139+
- ✨ RichButton
139140
- ✨ Spoiler
140141
- ✨ SidebarView
141142
- ✨ Toolbar
@@ -330,6 +331,9 @@ Install-Package DevWinUI.ContextMenu
330331

331332
## 🕰️ History 🕰️
332333

334+
### RichButton
335+
![RichButton](https://raw.githubusercontent.com/ghost1372/DevWinUI-Resources/refs/heads/main/DevWinUI-Docs/RichButton.gif)
336+
333337
### Spoiler
334338
![Spoiler](https://raw.githubusercontent.com/ghost1372/DevWinUI-Resources/refs/heads/main/DevWinUI-Docs/Spoiler.gif)
335339

‎dev/DevWinUI.Gallery/Assets/Fluent/Button.png‎

4.14 KB
Loading

‎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.RichButtonPage",
167+
"Title": "Rich Button",
168+
"Subtitle": "A Button with More Options",
169+
"IsNew": true,
170+
"ImagePath": "ms-appx:///Assets/Fluent/Button.png"
171+
},
165172
{
166173
"UniqueId": "DevWinUIGallery.Views.SpoilerPage",
167174
"Title": "Spoiler",

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

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
<?xml version="1.0" encoding="utf-8" ?>
2+
<Page x:Class="DevWinUIGallery.Views.RichButtonPage"
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 DocPage="controls/richButton">
14+
<local:ControlExample.Xaml>
15+
<x:String>
16+
&lt;dev:RichButton Title="Title" /&gt;
17+
</x:String>
18+
</local:ControlExample.Xaml>
19+
<StackPanel Spacing="10">
20+
<StackPanel Orientation="Horizontal" Spacing="10">
21+
<dev:RichButton Title="Decima"
22+
IsEnabled="True"
23+
SubTitle="Connected, secured">
24+
<dev:RichButton.Icon>
25+
<FontIcon Foreground="{ThemeResource SystemAccentColor}"
26+
Glyph="&#xE701;" />
27+
</dev:RichButton.Icon>
28+
</dev:RichButton>
29+
<dev:RichButton Title="Windows Update"
30+
SubTitle="Last checked: 1 hour ago">
31+
<dev:RichButton.Icon>
32+
<ImageIcon Width="22"
33+
Height="22"
34+
Source="ms-appx:///Assets/update.png" />
35+
</dev:RichButton.Icon>
36+
</dev:RichButton>
37+
</StackPanel>
38+
<NavigationViewItemSeparator />
39+
<StackPanel Orientation="Horizontal" Spacing="10">
40+
<dev:RichButton DisplayMode="ReadOnly">
41+
<dev:RichButton.Icon>
42+
<Viewbox Width="92"
43+
Height="92"
44+
Margin="0,0,10,0">
45+
<FontIcon Foreground="{ThemeResource SystemAccentColor}"
46+
Glyph="&#xE701;" />
47+
</Viewbox>
48+
</dev:RichButton.Icon>
49+
50+
<dev:RichButton.Title>
51+
<TextBlock FontSize="18"
52+
Style="{ThemeResource SubtitleTextBlockStyle}"
53+
Text="Wi-Fi (Decima)" />
54+
</dev:RichButton.Title>
55+
<dev:RichButton.SubTitle>
56+
<StackPanel Orientation="Horizontal" Spacing="5">
57+
<Viewbox Width="12"
58+
Height="12">
59+
<FontIcon Foreground="{ThemeResource SystemAccentColor}"
60+
Glyph="&#xE774;" />
61+
</Viewbox>
62+
<TextBlock FontWeight="SemiBold"
63+
Foreground="{ThemeResource TextFillColorTertiaryBrush}"
64+
Style="{ThemeResource BaseTextBlockStyle}"
65+
Text="Connected, secured" />
66+
</StackPanel>
67+
</dev:RichButton.SubTitle>
68+
</dev:RichButton>
69+
<dev:RichButton Title="Properties"
70+
Width="150"
71+
SubTitle="Public network 5 GHz">
72+
<dev:RichButton.Icon>
73+
<FontIcon Glyph="&#xE946;" />
74+
</dev:RichButton.Icon>
75+
</dev:RichButton>
76+
<dev:RichButton Title="Data usage"
77+
SubTitle="0 MB, last 30 days">
78+
<dev:RichButton.Icon>
79+
<FontIcon Glyph="&#xEB05;" />
80+
</dev:RichButton.Icon>
81+
<dev:RichButton.ActionIcon>
82+
<Viewbox Width="16"
83+
Height="16">
84+
<FontIcon Glyph="&#xE76C;" />
85+
</Viewbox>
86+
</dev:RichButton.ActionIcon>
87+
</dev:RichButton>
88+
</StackPanel>
89+
<NavigationViewItemSeparator />
90+
<StackPanel Orientation="Horizontal" Spacing="10">
91+
<dev:RichButton Title="Delete"
92+
DisplayMode="Normal">
93+
<dev:RichButton.Icon>
94+
<SymbolIcon Symbol="Delete" />
95+
</dev:RichButton.Icon>
96+
</dev:RichButton>
97+
<dev:RichButton Title="Delete"
98+
DisplayMode="Subtle">
99+
<dev:RichButton.Icon>
100+
<SymbolIcon Symbol="Delete" />
101+
</dev:RichButton.Icon>
102+
</dev:RichButton>
103+
<dev:RichButton DisplayMode="Normal">
104+
<dev:RichButton.Icon>
105+
<SymbolIcon Symbol="Delete" />
106+
</dev:RichButton.Icon>
107+
</dev:RichButton>
108+
<dev:RichButton DisplayMode="Subtle">
109+
<dev:RichButton.Icon>
110+
<SymbolIcon Symbol="Delete" />
111+
</dev:RichButton.Icon>
112+
</dev:RichButton>
113+
</StackPanel>
114+
<NavigationViewItemSeparator />
115+
<StackPanel Orientation="Horizontal" Spacing="10">
116+
<dev:RichButton DisplayMode="ReadOnly">
117+
<dev:RichButton.Icon>
118+
<Border Width="110"
119+
Height="60"
120+
Background="Purple"
121+
CornerRadius="{ThemeResource ControlCornerRadius}" />
122+
</dev:RichButton.Icon>
123+
124+
<dev:RichButton.Title>
125+
<TextBlock FontSize="18"
126+
Style="{ThemeResource SubtitleTextBlockStyle}"
127+
Text="DESKTOP-3R39MPM" />
128+
</dev:RichButton.Title>
129+
<dev:RichButton.SubTitle>
130+
<StackPanel Margin="0,-5,0,0" Spacing="5">
131+
<TextBlock FontWeight="SemiLight"
132+
Foreground="{ThemeResource TextFillColorPrimaryBrush}"
133+
Style="{ThemeResource BaseTextBlockStyle}"
134+
Text="GE60 2PC" />
135+
<HyperlinkButton Margin="-12,-10,0,0"
136+
Content="Rename" />
137+
</StackPanel>
138+
</dev:RichButton.SubTitle>
139+
</dev:RichButton>
140+
</StackPanel>
141+
</StackPanel>
142+
</local:ControlExample>
143+
</StackPanel>
144+
</ScrollViewer>
145+
146+
</Page>

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

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
namespace DevWinUIGallery.Views;
2+
3+
public sealed partial class RichButtonPage : Page
4+
{
5+
public RichButtonPage()
6+
{
7+
InitializeComponent();
8+
}
9+
}

0 commit comments

Comments
 (0)