WPF GroupBox样式

最新推荐文章于 2024-04-09 00:15:00 发布
最新推荐文章于 2024-04-09 00:15:00 发布
阅读量2.5k 收藏 1
点赞数
文章标签： c#

 来源：http://code.msdn.microsoft.com/WPF-GroupBox-Style-1d9df7c5/

 

 效果：

 

XAML CODE:

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing" mc:Ignorable="d"
    x:Class="WpfApplication1.MainWindow"
    x:Name="Window"
    Title="MainWindow"
    Width="640" Height="480" Style="{DynamicResource WindowStyle1}" WindowStyle="ThreeDBorderWindow" Icon="ihc_account_24.png" ResizeMode="CanResizeWithGrip" WindowStartupLocation="Manual" Cursor="Arrow" Background="#FFD4D4D4">
    <Window.Resources>
        <ControlTemplate x:Key="WindowTemplateKey" TargetType="{x:Type Window}">
            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                <Grid>
                    <AdornerDecorator>
                        <ContentPresenter/>
                    </AdornerDecorator>
                    <ResizeGrip x:Name="WindowResizeGrip" HorizontalAlignment="Right" IsTabStop="false" Visibility="Collapsed" VerticalAlignment="Bottom"/>
                </Grid>
            </Border>
            <ControlTemplate.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="ResizeMode" Value="CanResizeWithGrip"/>
                        <Condition Property="WindowState" Value="Normal"/>
                    </MultiTrigger.Conditions>
                    <Setter Property="Visibility" TargetName="WindowResizeGrip" Value="Visible"/>
                </MultiTrigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
        <Style x:Key="WindowStyle1" TargetType="{x:Type Window}">
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/>
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Window}">
                        <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                            <AdornerDecorator>
                                <ContentPresenter/>
                            </AdornerDecorator>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="ResizeMode" Value="CanResizeWithGrip">
                    <Setter Property="Template" Value="{StaticResource WindowTemplateKey}"/>
                </Trigger>
            </Style.Triggers>
        </Style>
        <BorderGapMaskConverter x:Key="BorderGapMaskConverter"/>
        <Style x:Key="GroupBoxStyle1" TargetType="{x:Type GroupBox}">
            <Setter Property="BorderBrush" Value="#D5DFE5"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type GroupBox}">
                        <Grid SnapsToDevicePixels="true">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="6"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="6"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto" MinHeight="59"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="6"/>
                            </Grid.RowDefinitions>
                            <Border BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="4" Grid.Column="0" CornerRadius="4" Grid.Row="0" Grid.RowSpan="4" Background="#FFE5E5E5" Margin="0,-0.25,0,0.25">
                                <Border.Effect>
                                    <DropShadowEffect Color="#FFAAAAAA" Direction="350"/>
                                </Border.Effect>
                            </Border>
                            <Border x:Name="Header" Grid.Column="1" Padding="3,1,3,0" Grid.Row="1" Grid.RowSpan="1" HorizontalAlignment="Right" Background="{x:Null}" Margin="0" Height="16.96" VerticalAlignment="Top"/>
                            <ContentPresenter Grid.ColumnSpan="2" Grid.Column="1" Margin="{TemplateBinding Padding}" Grid.Row="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Grid.RowSpan="1"/>
                            <Border BorderBrush="White" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="4" CornerRadius="4" Grid.Row="1" Grid.RowSpan="3">
                                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
                                    <Border BorderBrush="White" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2"/>
                                </Border>
                            </Border>
                            <Grid x:Name="HeaderGrid" Height="47.2" VerticalAlignment="Stretch" Grid.Column="2" Grid.ColumnSpan="2" Grid.RowSpan="1" Margin="0,7.982,-16,3.818" Grid.Row="1" HorizontalAlignment="Right">
                                <Path Data="M12.19,0 L12.290733,14.847 -1.3000648E-08,14.847 z" Height="16.1" Margin="0,0,8.067,0" RenderTransformOrigin="0.499999978361064,0.499999995889058" Stretch="Fill" Stroke="Black" StrokeThickness="0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="12.29" >
                                    <Path.Fill>
                                        <LinearGradientBrush EndPoint="0.466,2.201" StartPoint="0.5,0">
                                            <GradientStop Color="#C66A6A6A" Offset="1"/>
                                            <GradientStop Color="#E1434343" Offset="0.855"/>
                                            <GradientStop Color="#FFC6C6C6" Offset="0.11"/>
                                        </LinearGradientBrush>
                                    </Path.Fill>
                                    <Path.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform/>
                                            <SkewTransform/>
                                            <RotateTransform Angle="90.087"/>
                                            <TranslateTransform Y="-6.04399277075815" X="6.0531771644038841"/>
                                        </TransformGroup>
                                    </Path.RenderTransform>
                                </Path>
                                <Border BorderBrush="Black" BorderThickness="0" Margin="0,8.061,0,0" CornerRadius="16,0,0,16" Background="White">
                                    <Border.Effect>
                                        <DropShadowEffect Direction="195" BlurRadius="10" Opacity="0.305" ShadowDepth="6"/>
                                    </Border.Effect>
                                    <Border x:Name="contentBorder" BorderBrush="Black" Margin="6,6,0,6" CornerRadius="16,0,0,16">
                                        <Border.Background>
                                            <LinearGradientBrush EndPoint="1.002,0.498" StartPoint="-0.024,0.502">
                                                <GradientStop Color="#FF678B03" Offset="0.027"/>
                                                <GradientStop Color="#FFA4C43D" Offset="0.948"/>
                                                <GradientStop Color="#FFADCA54" Offset="0.969"/>
                                                <GradientStop Color="#FFA7C646" Offset="0.975"/>
                                                <GradientStop Color="#FFC9EF4C" Offset="0.994"/>
                                            </LinearGradientBrush>
                                        </Border.Background>
                                        <Grid>
                                            <ContentControl HorizontalAlignment="Left" Margin="20,0,23,0" d:LayoutOverrides="Height" VerticalAlignment="Center" Foreground="White">
                                                <ContentPresenter ContentSource="Header" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="0" Width="212.323"/>
                                            </ContentControl>
                                        </Grid>
                                    </Border>
                                </Border>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <Grid x:Name="LayoutRoot">
        <GroupBox Header="Contact Details" Margin="98.5,77,132.97,65.207" Style="{DynamicResource GroupBoxStyle1}">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.285*"/>
                    <ColumnDefinition Width="0.041*"/>
                    <ColumnDefinition Width="0.674*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="27.553"/>
                    <RowDefinition Height="28.502"/>
                    <RowDefinition Height="29.424"/>
                    <RowDefinition Height="96.521"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="Name:" VerticalAlignment="Center"/>
                <TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="Phone:" VerticalAlignment="Center" Margin="0" Grid.Row="1"/>
                <TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="Email:" VerticalAlignment="Center" Margin="0" Grid.Row="2"/>
                <TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="Address:" VerticalAlignment="Center" Margin="0" Grid.Row="3"/>
                <TextBox Margin="0,0,18.241,0" TextWrapping="Wrap" VerticalAlignment="Center" Grid.Column="2" Height="24"/>
                <TextBox Margin="0,0,18.241,0" TextWrapping="Wrap" VerticalAlignment="Center" Grid.Column="2" Height="24" Grid.Row="1"/>
                <TextBox Margin="0,0,18.241,0" TextWrapping="Wrap" VerticalAlignment="Center" Grid.Column="2" Height="24" Grid.Row="2"/>
                <TextBox Margin="0,0,18.241,0" TextWrapping="Wrap" VerticalAlignment="Center" Grid.Column="2" Height="89" Grid.Row="3"/>
            </Grid>
        </GroupBox>
        <Grid Height="60.061" Margin="248,58.633,208,0" VerticalAlignment="Top" Visibility="Collapsed">
            <Path Data="M12.19,0 L12.290733,14.847 -1.3000648E-08,14.847 z" Height="16.1" Margin="0,0,8.067,0" RenderTransformOrigin="0.499999978361064,0.499999995889058" Stretch="Fill" Stroke="Black" StrokeThickness="0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="12.29" >
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.466,2.201" StartPoint="0.5,0">
                        <GradientStop Color="#FF5F6061" Offset="1"/>
                        <GradientStop Color="#FF757576" Offset="0.855"/>
                        <GradientStop Color="#FFD1D1D1" Offset="0.11"/>
                    </LinearGradientBrush>
                </Path.Fill>
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="90.087"/>
                        <TranslateTransform Y="-6.04399277075815" X="6.0531771644038841"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Border BorderBrush="Black" BorderThickness="0" Margin="0,8.061,0,0" CornerRadius="16,0,0,16" Background="White">
                <Border.Effect>
                    <DropShadowEffect Direction="195" BlurRadius="10" Opacity="0.305" ShadowDepth="6"/>
                </Border.Effect>
                <Border BorderBrush="Black" Margin="6,6,0,6" CornerRadius="16,0,0,16">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="1.002,0.498" StartPoint="-0.024,0.502">
                            <GradientStop Color="#FF678B03" Offset="0.027"/>
                            <GradientStop Color="#FFA4C43D" Offset="0.948"/>
                            <GradientStop Color="#FFADCA54" Offset="0.969"/>
                            <GradientStop Color="#FFA7C646" Offset="0.975"/>
                            <GradientStop Color="#FFC9EF4C" Offset="0.994"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <Grid/>
                </Border>
            </Border>
        </Grid>
    </Grid>
</Window>
View Code

 

Code Download

 

 

 

 

 

weixin_33834679
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF之GroupBox样式_边框透明
qq_37508979的博客
06-25 2930
WPF之GroupBox样式_边框透明XAML:GroupBox引用:效果:使用前:使用后: XAML: <BorderGapMaskConverter x:Key="BorderGapMaskConverter"/> <Style x:Key="GroupboxWithoutBorder" TargetType="{x:Type GroupBox}"> <Setter Property="BorderBrush" Value="#D5D
深入浅出WPF 之 控件与布局（GroupBox、）
Java_c#
01-15 6043
WPF入门教程系列十九——ListView示例(一) WPF的菜单栏，工具栏的简单使用 一、控件到底是什么？ 控件：能够展示数据，响应用户操作的UI元素。 控件分为6类： 1、布局控件：容纳多个控件或嵌套其他布局控件，用于在UI上组织或排列控件。 如：Grid、StackPanel、DockPanel、WrapPanel等控件。 父类：Panel ...
去除WPF中GroupBox边框的白边
12-15
使用WPF中的GroupBox控件时，如果背景色不是白色，那么会在GroupBox边框出现白边，这个项目包含了去除白边的Style。
C#自定义控件案例--美化GroupBox(十分经典)
03-07
C#自定义控件案例--美化GroupBox(十分经典)
WPF —— ListBox控件、GroupBox控件详解
lu2023_8_6的博客
03-18 599
ListBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象的集合 (，例如字符串、图像或面板)。一个 ListBox 中的多个项是可见的，与仅 ComboBox具有所选项可见的项不同，除非 IsDropDownOpen 属性为 true。该 SelectionMode 属性确定一次是否可以选择多个项 ListBox。
WPF 基础控件之 GroupBox样式
dotNET跨平台
04-07 3124
其他基础控件1.Window2.Button3.CheckBox4.ComboBox5.DataGrid 6.DatePicker7.ExpanderGroupBox控件修改Style需要注意使用Grid分两行进行展示第0行显示Header第1行显示Content。Header：添加Border并边框BorderThickness="1" 内部新增 ContentPres...
WPF 控件专题 GroupBox控件详解
^@^lemon tea^@^
08-24 6295
WPF 控件专题 GroupBox控件详解
WPF GroupBox样式( 设置窗口样式 设置 ResizeGrip )
热门推荐
VS2021的专栏
03-17 1万+
http://www.cnblogs.com/KeenLeung/p/3617426.html 来源：http://code.msdn.microsoft.com/WPF-GroupBox-Style-1d9df7c5/ <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
WPF ListView 漂亮样式
07-04
WPF ListView 漂亮样式，自己还可以根据自己的需求进行样式修改，表头、列表都可以根据注释进行拓展，很实用
WPFButton样式
10-09
WPFButton样式，6种button样式，简单的按钮样式，美化界面按钮
WPF漂亮样式
09-23
WPF漂亮样式
【WPF应用42】WPF中的 GroupBox 控件详解
最新发布
qq_35320456的博客
04-09 1236
WPF中的 GroupBox 控件详解
wpf 设置GroupBox的Header显示左中右定义
wangnaisheng的专栏
12-27 751
wpf 设置GroupBox的Header显示左中右定义
自定义GroupBox
gxcymz的博客
06-06 1030
如图为自定义GroupBox样式。 代码如下： &lt;Style x:Key="myGroup" TargetType="{x:Type GroupBox}"&gt;         &lt;Setter Property="Header" Value="这里是标题"&gt;&lt;/Setter&gt;         &lt;Setter Property=
WPF 为边框设置样式
milijiangjun的博客
09-26 7276
&lt;ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" &gt; &lt;Style x:Key="RacePitBorderStyle" Targ...
WPF ToggleButton自定义样式
Boris的专栏
01-03 6778
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:m
潘鹏整理WPF(6)带标题的内容控件GroupBox&&Expander&&TabControl
Eden's space
09-21 4604
带标题的文本控件带标题的文本控件，GroupBox\Expander\ItemControl，共同点是： 1.有标题Header 2.有文本，可以更复杂，在布局控件内更多元素来表达文本GroupBoxGroupBox简单示例，没有特殊的属性 <GroupBox Header="This is a GroupBox" HorizontalAlignment="Left" Margin="36,
wpf groupbox 无标题情况下边框有缺口
07-28
在WPF中，当GroupBox没有标题时，边框会有一个缺口。这是因为GroupBox控件默认的样式将标题的高度和边框的高度合并在一起，从而导致边框在没有标题时出现缺口。 要解决这个问题，可以通过修改GroupBox的样式来修复...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值