C# WPF新版开源控件库《Newbeecoder.UI》NbTabControl

2022-02-21 18:04:45 浏览数 (2)

Newbeecoder.UI在本篇使用说明中分创建带有可关闭选项卡项的选项卡控件。可以使用放置在选项卡标题中的关闭按钮关闭选项卡控件,如下图所示:

设置NbTabControl的TabStripPlacement属性对标签条布局,可以设置左右上下摆放,如果不显示关闭按钮把ShowCloseButton属性改成False即可。标签按钮样式改变通过设置TabCloseButtonStyle,ItemPanelMargin是改变每项标签间隔位置,同时标签还有内边框背景色、内边框颜色、内边框厚度、内边框间隔,内边框圆角,圆角等属性灵活进行样式修改。修改更多样式可私信我。

Newbeecoder.UI开源控件Demo下载链接:https://share.weiyun.com/P1ZABPUd

Newbeecoder.UI可以根据产品原型图开发出一样的UI界面,先视频演示控件库效果:

视频内容

Newbeecoder.UI开源控件NbTabControl示例图和调用代码如下:

代码语言:html复制
<NbTabControl Style="{DynamicResource DefaultTabControlStyle}" Margin="5" ItemPanelMinHeight="32" BorderThickness="0,1,0,0" ItemPanelMargin="4,0,128,0">
    <NbTabItem Style="{DynamicResource DefaultTabItemStyle}" Header="选项卡一"/>
    <NbTabItem Style="{DynamicResource DefaultTabItemStyle}" Header="选项卡二"/>
    <NbTabItem Style="{DynamicResource DefaultTabItemStyle}" Header="选项卡三"/>
</NbTabControl>

0 人点赞