前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WPF开源控件库:Newbeecoder.UI轮播控件

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

原创
作者头像
用户7152477
发布2022-01-10 10:00:32
1.1K0
发布2022-01-10 10:00:32
举报
文章被收录于专栏:CSharp编程CSharp编程

轮播控件是一种强大且视觉上吸引人的方式来呈现多个数据项,本文讨论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>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档