轮播控件是一种强大且视觉上吸引人的方式来呈现多个数据项,本文讨论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
我们截图看一下轮播控件效果和使用代码:
<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>