提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

WPF(C#)桌面UI控件库推荐：Newbeecoder.UI-NbGroupBox使用

UI
2023-04-18 16:54:42 时间

WPF自带GroupBox控件分为两个部分Header和Content，Header是设置头部相关样式，Content填充内容数据，Header和Content是object类型，所有能包含任意对象（字符串、图像）。它继承于HeaderedContentControl类。

同样的NbGroupBox控件增加几项属性方便用户扩展其功能，它们分别是：圆角、边距、控件内间距、Header颜色、边框厚度、边框颜色、Header圆角、对齐方式等。在使用中需要改变某个属性在样式中改变值就行。

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

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

视频内容

最后运行展示NbGroupBox控件效果：

NbGroupBox标准样式代码:

<NbGroupBox Style="{DynamicResource DefaultGroupBoxStyle}" Width="300" Height="300" Header="选项卡" HeaderMargin="10,0,0,0" HeaderPadding="5" HeaderBackground="{Binding Source={x:Static NbTheme.Current}, Path=Color.Brush_Base1}">
    <NbGroupBox.Content>
        <StackPanel Orientation="Vertical" Margin="10">
            <NbRepeatButton Style="{DynamicResource NormalRepeatButtonStyle}" Margin="5" Content="一般按钮"/>
            <NbRepeatButton Style="{DynamicResource DefaultRepeatButtonStyle}" Margin="5" Content="默认按钮"/>
            <NbRepeatButton Style="{DynamicResource SuccessRepeatButtonStyle}" Margin="5" Content="成功按钮"/>
            <NbRepeatButton Style="{DynamicResource InfoRepeatButtonStyle}" Margin="5" Content="信息按钮"/>
            <NbRepeatButton Style="{DynamicResource WarningRepeatButtonStyle}" Margin="5" Content="警告按钮"/>
            <NbRepeatButton Style="{DynamicResource DangerRepeatButtonStyle}" Margin="5" Content="危险按钮"/>
        </StackPanel>
    </NbGroupBox.Content>
</NbGroupBox>

NbGroupBox其它样式代码:

  <NbGroupBox Style="{DynamicResource ChildLineGroupBoxStyle}" Width="300" Height="300" Header="选项卡" Margin="50,0,0,0">
        <NbGroupBox.Content>
            <StackPanel Orientation="Vertical" Margin="10">
                <NbRepeatButton Style="{DynamicResource NormalRepeatButtonStyle}" Margin="5" Content="一般按钮"/>
                <NbRepeatButton Style="{DynamicResource DefaultRepeatButtonStyle}" Margin="5" Content="默认按钮"/>
                <NbRepeatButton Style="{DynamicResource SuccessRepeatButtonStyle}" Margin="5" Content="成功按钮"/>
                <NbRepeatButton Style="{DynamicResource InfoRepeatButtonStyle}" Margin="5" Content="信息按钮"/>
                <NbRepeatButton Style="{DynamicResource WarningRepeatButtonStyle}" Margin="5" Content="警告按钮"/>
                <NbRepeatButton Style="{DynamicResource DangerRepeatButtonStyle}" Margin="5" Content="危险按钮"/>
            </StackPanel>
        </NbGroupBox.Content>
    </NbGroupBox>

相关文章