Skip to content

按钮

代码示例

xml
<Lay:LayButton Content="默认按钮" Type="Default" />
xml
<Lay:LayButton Content="圆角按钮" CornerRadius="19" Type="Default" />
xml
<Lay:LayButton Type="Default">
    <StackPanel Orientation="Horizontal">
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="{StaticResource IconFont}" Text="&#xecf8;" FontSize="16" />
        <TextBlock Text="图标按钮" VerticalAlignment="Center" Margin="5,0,0,0" />
    </StackPanel>
</Lay:LayButton>
xml
<Lay:LayButton Content="加载中按钮" Type="Default" IsLoading="True" LoadingContent="加载中..." />

图片示例

按钮图片示例

基础用法

你可以使用 Type 属性来定义按钮的类型。

使用 Type 属性来定义按钮的类型。 该属性可选值为 PrimaryDefaultNormalWarmDangerCustomize

加载状态按钮

点击按钮来加载数据,并向用户反馈加载状态。

通过设置 IsLoading 属性为 true 来显示加载中状态。

TIP

您可以使用 LoadingContent 属性自定义加载时显示的内容。

链接按钮

你可以使用 Uri 属性来定义按钮的超链接。

LayButton 属性

属性名说明类型默认值
CornerRadius按钮圆角struct0
LoadingContent按钮加载时显示内容object
IsLoading是否为加载中状态booleanfalse
Type按钮类型enum
HoverBackground鼠标悬浮时,按钮背景色Brush
HoverBorderBrush鼠标悬浮时,边框颜色Brush
Uri按钮跳转链接Uri