WPF开源控件库：Newbeecoder.UI轮播控件

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

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

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

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

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

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

Demo版下载地址：https://download.csdn.net/download/liaohaiyin/63234875

Newbeecoder.UI控件库根据用户需求开发稳定而高效项目，通过视频来演示控件库整体功能：

视频内容

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

代码语言：html复制

<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>

wpf c#

0 人点赞