Skip to content

Stepper

指引用户分步骤完成一项任务的控件

用法

Axaml

xml
<suki:Stepper Index="{Binding StepIndex}" Steps="{Binding Steps}" />

ViewModel

csharp
[ObservableProperty] private int _stepIndex = 1;
public IEnumerable<string> Steps { get; } = 
                           ["First Step", "Second Step", "Third Step"];

使用另一种样式

Axaml

xml
<suki:Stepper AlternativeStyle="True" />

参阅

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

API: Controls/Stepper.axaml.cs