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>