Skip to content

Button

SukiUI 提供了多种样式的按钮,并支持添加主题色

样式

Standard

button-standard

xml
<Button Content="Button" ></Button>

Flat

button-flat

xml
<Button Content="Button" Classes="Flat" ></Button>

Rounded

button-flat-rounded

xml
<Button Content="Button" Classes="Flat Rounded" ></Button>

Outlined

button-outlined

xml
<Button Content="Button" Classes="Outlined" ></Button>

Basic

button-basic

xml
<Button Content="Button" Classes="Basic" ></Button>

Flat Accent

button-flat-accent

xml
<Button Content="Button" Classes="Flat Accent" ></Button>

Large

button-large

xml
<Button Content="Button" Classes="Flat Large" ></Button>

Busy/Loading 状态

Axaml

xml
...
xmlns:theme="clr-namespace:SukiUI.Theme;assembly=SukiUI"
...

<Button theme:ButtonExtensions.ShowProgress="true"></Button>

C#

Csharp
   MyButton.ShowProgress();

   MyButton.HideProgress();

参阅

Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml