前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WPF(C#)桌面UI控件库推荐:Newbeecoder.UI-NbGroupBox使用

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

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

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标准样式代码:

代码语言:html
复制
<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其它样式代码:

代码语言:html
复制
  <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>

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

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

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

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

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