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

最新推荐文章于 2024-08-16 18:04:50 发布

有技巧搬砖

最新推荐文章于 2024-08-16 18:04:50 发布

阅读量1.4k

点赞数

分类专栏：开源代码 UI设计 c# WPF 文章标签： wpf ui c#

本文链接：https://blog.csdn.net/liaohaiyin/article/details/122316862

版权

UI设计同时被 3 个专栏收录

92 篇文章 9 订阅

订阅专栏

c# WPF

92 篇文章 24 订阅

订阅专栏

开源代码

24 篇文章 1 订阅

订阅专栏

本文介绍了WPF的GroupBox控件及其在Newbeecoder.UI库中的扩展应用。 NbGroupBox控件新增了如圆角、边距、内间距等属性，允许用户自定义样式，包括Header颜色、边框样式等。通过提供的Demo和代码示例展示了如何使用这些新特性创建标准和不同风格的GroupBox，并提供了下载资源链接以便开发者快速构建美观的WPF界面。

摘要由CSDN通过智能技术生成

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

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

Demo版下载地址：

Newbeecoder.UI.zip-C#文档类资源-CSDN下载WPF开发桌面软件具有天然优势，能快速漂亮的界面程序。Newbeecoder.UI是一款简单易用漂更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/liaohaiyin/63234875Newbeecoder.UI控件库根据用户需求开发稳定而高效项目，通过视频来演示控件库整体功能：

C# WPF新版开源控件库：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>