WPF源码控件库《Newbeecoder.UI》轮播

92 篇文章 9 订阅
24 篇文章 1 订阅

轮播控件是一种强大且视觉上吸引人的方式来呈现多个数据项,本文讨论Newbeecoder.UI轮播控件的原理和一个简单的演示应用程序。

轮播控件是包含Canvas控件的 WPF 用户控件,项目控件是的子元素,位于canvas投影到屏幕平面上的圆上。

该控件实现了一个SelectionChanged事件,允许所有者在通过单击鼠标左键选择项目时收到通知。

旋转是使用计时器实现的,计时器在所选项目更改时启动。计时器每2毫秒触发一次,以确保平稳旋转。在每个刻度上,它移动项目的量与旋转速度成正比。

在Newbeecoder.UI轮播控件增加几项属性分别是:PanelMargin(面板距离),CurrentIndex(当前下标)-获取或设置要增加或减少的量,Duration(滚动动画的时长)-获取或设置滚动的持续时间。,StayTime(每帧停留时间),(AutoPlay)自动播放,PageButtonStyle(翻页按钮样式),LabelButtonStyle(导航标签按钮样式),PrePageIcon(上一页按钮图标),NextPageIcon(下一页按钮图标)

增加自带了一个预Style两个导航按钮,但你可以交换各自的这些与你的自己Style只是通过设置相关,ShowPageButton(显示翻页按钮),ShowLabelButton(显示导航按钮)等,如果需要增加或修改特定属性,设置相关内容即可。

Demo版下载地址:

开源控件库:Newbeecoder.UIhttps://download.csdn.net/download/liaohaiyin/63234875Newbeecoder.UI控件库根据用户需求开发稳定而高效项目,通过视频来演示控件库整体功能:

C# WPF新版开源控件库:Newbeecoder.UI

 

我们截图看一下轮播控件效果和使用代码:

fdb6a9ff2567db53b10a4a8f1c086b47.png

 

<NbCarousel Height="200" Width="350">    <Label HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="1" FontSize="20" Background="Red"/>    <Label HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="2" FontSize="20" Background="Orange"/>    <Label HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="3" FontSize="20" Background="Blue"/>    <Label HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="4" FontSize="20" Background="Green"/>    <Label HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Content="5" FontSize="20" Background="Violet"/></NbCarousel>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值