WPF HandyControl 笔记:二、标签的使用

一、新建一个WPF窗口,命名为Label.xaml

新建Label.xaml

二、添加WPF原生控件 Label,在Style属性中绑定HandlyControl皮肤样式

原生控件:

效果:
原生Label
代码:

<Label Content="原生Label" HorizontalAlignment="Left" Margin="31,23,0,0" VerticalAlignment="Top" Width="100"/>

LabelInfo 皮肤效果

效果:
LabelInfo

<Label Content="LabelDefault" HorizontalAlignment="Left" Margin="31,63,0,0" VerticalAlignment="Top"
                Style="{StaticResource LabelInfo}" Width="100">
<Label Content="LabelInfo.Small" HorizontalAlignment="Left" Margin="160,103,0,0" VerticalAlignment="Top"
                Style="{StaticResource LabelInfo.Small}" Width="100"/>

LabelDanger 皮肤效果

效果:
LabelDanger
代码:

<Label Content="LabelDanger" HorizontalAlignment="Left" Margin="31,263,0,0" VerticalAlignment="Top"
               Style="{StaticResource LabelDanger}" Width="100"/>
<Label Content="LabelDanger.Small" HorizontalAlignment="Left" Margin="160,263,0,0" VerticalAlignment="Top"
               Style="{StaticResource LabelDanger.Small}" Width="100"/>

其它的Style皮肤样式

  • LabelWarning
  • LabelWarning.Small
  • LabelDefault
  • LabelDefault.Small
  • LabelPrimary
  • LabelPrimary.Small
  • LabelSuccess
  • LabelSuccess.Small
三、其它装饰效果

边框:BorderBrush控制样式 BorderThickness控件宽度

效果:
在这里插入图片描述
代码:

<Label Content="原生Label" Margin="0,30,0,0" VerticalAlignment="Top" Width="100"
               BorderBrush="{StaticResource SuccessBrush}" BorderThickness="1"/>

圆角:添加命名空间 xmlns:hc="https://handyorg.github.io/handycontrol"

效果:
BElement
代码:

<Label Content="原生Label" Margin="0,73,0,0" VerticalAlignment="Top" Width="100"
            hc:BorderElement.CornerRadius="20" />
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是实现 WPF HandyControl MVVM 分页的步骤: 1. 添加依赖项 在项目中添加以下依赖项: - WPF HandyControl - Prism.Core - Prism.Wpf 2. 创建 ViewModel 创建一个 ViewModel,其中包含以下属性: - TotalItems:总项目数 - PageSize:每页显示的项目数 - CurrentPage:当前页码 - TotalPages:总页数 还应该有以下命令: - FirstCommand:将当前页码设置为第一页 - PreviousCommand:将当前页码减一 - NextCommand:将当前页码加一 - LastCommand:将当前页码设置为最后一页 3. 创建 View 创建一个 View,其中包含以下元素: - 一个 TextBlock,显示当前页码和总页数 - 一个 Button,用于执行 FirstCommand - 一个 Button,用于执行 PreviousCommand - 一个 Button,用于执行 NextCommand - 一个 Button,用于执行 LastCommand 4. 绑定数据 在 View 中绑定 ViewModel 的属性和命令,以便在用户与 View 交互时更新它们。 5. 实现分页逻辑 在 ViewModel 中实现分页逻辑。在 FirstCommand、PreviousCommand、NextCommand 和 LastCommand 中更新 CurrentPage 的值,并重新计算 TotalPages 的值。在 TotalItems、PageSize 和 CurrentPage 的值更改时,还应该更新 TotalPages 的值。 6. 显示分页数据 在 View 中使用 HandyControl 的 DataPager 控件来显示分页数据。将 DataPager 的 ItemsSource 属性绑定到 ViewModel 中的项目集合,并将 DataPager 的 PageSize 属性设置为 ViewModel 中的 PageSize 属性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值