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