原文:WPF GroupBox 样式分享

默认样式

GroupBox 样式分享" title="WPF GroupBox 样式分享">

添加样式后



GroupBox 样式分享" title="WPF GroupBox 样式分享">

样式代码:

<Style 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" 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>

前台布局:

<Grid
x:Name="bootGrid">

       
<GroupBox Header="groupBox1" 
x:Name="groupBox1" Margin="100" MinHeight="200"
MinWidth="200">

           
<Grid>

               
<Grid.ColumnDefinitions>

                   
<ColumnDefinition Width="75"/>

                   
<ColumnDefinition Width="10"/>

                   
<ColumnDefinition
Width="150*"/>

               
</Grid.ColumnDefinitions>

               
<Grid.RowDefinitions>

                   
<RowDefinition Height="28"/>

                   
<RowDefinition Height="28"/>

                   
<RowDefinition Height="28"/>

                   
<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="Top"
Margin="0 10 0 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,2,18.241,20" TextWrapping="Wrap"
VerticalAlignment="Stretch"  Grid.Column="2"
MinHeight="58" Grid.Row="3"/>

           
</Grid>

       
</GroupBox>

   
</Grid>

WPF GroupBox 样式分享的更多相关文章

  1. WPF DataGrid 样式分享

    原文:WPF DataGrid 样式分享 隔行换色,鼠标单击,悬浮样式都有 先看效果: 代码: <DataGrid AutoGenerateColumns="False" N ...

  2. WPF GroupBox样式

    来源:http://code.msdn.microsoft.com/WPF-GroupBox-Style-1d9df7c5/ 效果: XAML CODE: <Window xmlns=" ...

  3. WPF DataGrid 样式设置

    隔行换色,鼠标单击,悬浮样式都有,其具体效果如图 1 所示. 图 1 WPF DataGrid 样式设置效果图 其中: 界面设计代码下所示 ? + 查看代码 1 2 3 4 5 6 7 8 9 10 ...

  4. wpf 导出Excel Wpf Button 样式 wpf简单进度条 List泛型集合对象排序 C#集合

    wpf 导出Excel   1 private void Button_Click_1(object sender, RoutedEventArgs e) 2 { 3 4 ExportDataGrid ...

  5. 求助 WPF ListViewItem样式问题

    求助 WPF ListViewItem样式问题 .NET 开发 > Windows Presentation Foundation Вопрос 0 Нужно войти <Style ...

  6. 自定义WPF 窗口样式

    原文:自定义WPF 窗口样式 Normal 0 false 7.8 pt 0 2 false false false EN-US ZH-CN X-NONE 自定义 Window 在客户端程序中,经常需 ...

  7. WPF中样式和行为和触发器

    原文:WPF中样式和行为和触发器 样式简介:样式(style)是组织和重用格式化选项的重要工具,不是使用重复的标记填充XAML,以便设置外边距.内边距.颜色以及字体等细节.而是创建一系列封装所有这些细 ...

  8. WPF自定义样式篇-DataGrid

    WPF自定义样式篇-DataGrid 先上效果图: 样式:  <!--DataGrid样式-->    <Style TargetType="DataGrid"& ...

  9. WPF CheckBox样式 ScrollViewer样式 WrapPanel、StackPanel、Grid布局

    本节讲述布局,顺带加点样式给大家看看~单纯学布局,肯定是枯燥的~哈哈 那如上界面,该如何设计呢? 1.一些布局元素经常用到.Grid StackPanel Canvas WrapPanel等.如上这种 ...

随机推荐

  1. Primo Ramdisk配置教程

    首先感谢xiaohu在太平洋电脑网上发表的“将内存当硬盘用!Primo Ramdisk图文教程”,本文主要是将其图文整理了一下,以方便以后使用. 原文地址:http://fashion.pconlin ...

  2. Android IntentService 与Alarm开启任务关闭任务

    1:MyService public class MyService extends IntentService{ AlarmManager alarmManager = null; PendingI ...

  3. log4j 将日志记录到数据库

    需要以下jar包: ---log4j commons-loggin-1.1.1.jar log4j-1.2.16.jar ---mysql mysql-connector-java-5.1.15-bi ...

  4. Android之自定义checkbox样式

    大部分情况下,我们在UI中并不采用Android自带的checkbox复选框样式,这时候就需要我们自定义自己的checkbox. 首先找两张checkbox背景图片,比如下图样子的: 然后在drawa ...

  5. TCP/IP协议详解概述

    TCP/IP协议详解卷1--第一章概述--读书笔记 作者:vpoet 日期:2015/06/25 注:本系列的文章只是作者对TCP/IP协议的理解,难免会出现纰漏或者不完整,当然也有可能很肤浅,希望大 ...

  6. poj 1015 Jury Compromise_dp

    题意:n个陪审团,每个陪审团有x,y值,选出m个陪审团,要求 (sum(xi)-sum(yi))最少,当 (sum(xi)-sum(yi))最少有多个,取sum(xi)+sum(yi)最大那个 ,并顺 ...

  7. 二分图带权最大独立集 网络流解决 hdu 1569

    方格取数(2) Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total S ...

  8. find -exec

    find -exec 的标准写法 find ./ -name "*.tmp" -exec rm -rf "{}" \; find -exec 这个命令组合很好用 ...

  9. Timer和TimerTask

    目录结构: Timer和TimerTask 一个Timer调度的例子 如何终止Timer线程 关于cancle方式终止线程 反复执行一个任务 schedule VS. scheduleAtFixedR ...

  10. 俄罗斯方块:win32api开发

    本文简述一门课程,演示win32api开发俄罗斯方块的开发过程.如果学生学习过C语言,没学过或者学习C++不好,刚刚開始学习win32api程序设计,还不懂消息循环和注冊窗体类.   近期的照片在这里 ...