WPF日积月累之DataGrid样式以及操作数据模板中的控件
一、效果图
二、代码预览
1 <Window x:Class="Test.MainWindow"
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6 xmlns:local="clr-namespace:Test"
7 mc:Ignorable="d"
8 Title="MainWindow" Height="450" Width="800">
9 <Window.Resources>
10 <local:Text2ImageConverter x:Key="text2ImageConverter"></local:Text2ImageConverter>
11 </Window.Resources>
12 <Grid Margin="10">
13 <DataGrid Margin="3 0 3 0" Name="dataGridTestCase" ItemsSource="{Binding CaseCollection}" BorderThickness="0"
14 AutoGenerateColumns="False" CanUserAddRows = "False" SelectedIndex="{Binding SelIndex,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Grid.Row="1" RowHeaderWidth="0">
15 <DataGrid.ColumnHeaderStyle>
16 <Style TargetType="DataGridColumnHeader">
17 <Setter Property="HorizontalContentAlignment" Value="Center"/>
18 <Setter Property="BorderBrush" Value="#FFA558EA"/>
19 <Setter Property="BorderThickness" Value="0 0.5 0.5 0.5"/>
20 <!--<Setter Property="Background" Value="#FF421E63"/>-->
21 <Setter Property="Background">
22 <Setter.Value>
23 <ImageBrush ImageSource="Resource/dgBg.png">
24
25 </ImageBrush>
26 </Setter.Value>
27 </Setter>
28 <Setter Property="Foreground" Value="White"/>
29 <Setter Property="Height" Value="30"/>
30 </Style>
31 </DataGrid.ColumnHeaderStyle>
32 <DataGrid.RowStyle>
33 <Style TargetType="DataGridRow">
34 <Style.Triggers>
35 <Trigger Property="IsMouseOver" Value="True">
36 <Setter Property="Background" Value="#FFF9F0FF" >
37
38 </Setter>
39 </Trigger>
40 <Trigger Property="IsSelected" Value="True">
41 <Setter Property="Background" Value="#FFB57EED" >
42
43 </Setter>
44 </Trigger>
45 </Style.Triggers>
46 </Style>
47 </DataGrid.RowStyle>
48
49 <DataGrid.CellStyle>
50 <Style TargetType="DataGridCell">
51 <Style.Triggers>
52 <Trigger Property="IsMouseOver" Value="True">
53 <Setter Property="Background" Value="#FFF9F0FF" >
54
55 </Setter>
56 </Trigger>
57 <Trigger Property="IsSelected" Value="True">
58 <Setter Property="Background" Value="#FFB57EED" />
59
60 <Setter Property="BorderBrush" Value="#FFB57EED" />
61 <Setter Property="Foreground" Value="White" />
62
63 </Trigger>
64 </Style.Triggers>
65 </Style>
66 </DataGrid.CellStyle>
67 <DataGrid.Style>
68 <Style TargetType="DataGrid">
69 <Setter Property="BorderBrush" Value="#FFF5F7F5" />
70 <Setter Property="HorizontalGridLinesBrush">
71 <Setter.Value>
72 <SolidColorBrush Color="#FF532F75"/>
73 </Setter.Value>
74 </Setter>
75 <Setter Property="VerticalGridLinesBrush">
76 <Setter.Value>
77 <SolidColorBrush Color="#FF532F75"/>
78 </Setter.Value>
79 </Setter>
80 </Style>
81 </DataGrid.Style>
82
83 <DataGrid.Columns >
84 <DataGridTemplateColumn Header="" MinWidth="8" Width="8" MaxWidth="8">
85 <DataGridTemplateColumn.CellTemplate>
86 <DataTemplate>
87 <Label Name="lb" Margin="-1">
88 <Label.Background>
89 <ImageBrush ImageSource="Resource/dgBg.png">
90
91 </ImageBrush>
92 </Label.Background>
93 </Label>
94 </DataTemplate>
95 </DataGridTemplateColumn.CellTemplate>
96 </DataGridTemplateColumn>
97
98 <DataGridTemplateColumn Header="用例描述" MinWidth="373" >
99 <DataGridTemplateColumn.CellTemplate>
100 <DataTemplate>
101 <Label Content="{Binding Description}" ToolTip="{Binding Description}"></Label>
102 </DataTemplate>
103 </DataGridTemplateColumn.CellTemplate>
104 </DataGridTemplateColumn>
105
106 <DataGridTemplateColumn Header="结果" Width="40">
107 <DataGridTemplateColumn.CellTemplate>
108 <DataTemplate>
109 <Image Source="{Binding TestResult, Converter={StaticResource text2ImageConverter},ConverterParameter=0}" Width="20" Height="20"></Image>
110 </DataTemplate>
111 </DataGridTemplateColumn.CellTemplate>
112 </DataGridTemplateColumn>
113 <DataGridTemplateColumn Header="操作" Width="50" >
114 <DataGridTemplateColumn.CellTemplate>
115 <DataTemplate>
116 <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
117 <Button Content="查看" Name="btnDetail" Width="auto" Margin="1 0 5 0" >
118 <Button.Style>
119 <Style TargetType="Button">
120 <Setter Property="Padding" Value="0"/>
121 <Setter Property="Foreground" Value="Green"/>
122 <Setter Property="VerticalAlignment" Value="Center"/>
123 <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
124 <Setter Property="Template">
125 <Setter.Value>
126 <ControlTemplate TargetType="Button">
127 <ContentPresenter Content="{TemplateBinding Content}"/>
128 </ControlTemplate>
129 </Setter.Value>
130 </Setter>
131 <Style.Triggers>
132 <Trigger Property="IsMouseOver" Value="True">
133 <Setter Property="Foreground" Value="Red">
134
135 </Setter>
136 </Trigger>
137 </Style.Triggers>
138 </Style>
139 </Button.Style>
140 </Button>
141 </StackPanel>
142 </DataTemplate>
143 </DataGridTemplateColumn.CellTemplate>
144 </DataGridTemplateColumn>
145 </DataGrid.Columns>
146
147 </DataGrid>
148 </Grid>
149 </Window>
1 using System;
2 using System.Collections.Generic;
3 using System.Collections.ObjectModel;
4 using System.ComponentModel;
5 using System.Globalization;
6 using System.Linq;
7 using System.Text;
8 using System.Windows;
9 using System.Windows.Controls;
10 using System.Windows.Data;
11 using System.Windows.Documents;
12 using System.Windows.Input;
13 using System.Windows.Media;
14 using System.Windows.Media.Imaging;
15 using System.Windows.Navigation;
16 using System.Windows.Shapes;
17
18 namespace Test
19 {
20
21 /// <summary>
22 /// MainWindow.xaml 的交互逻辑
23 /// </summary>
24 public partial class MainWindow : Window, INotifyPropertyChanged
25 {
26 #region INotifyPropertyChanged interface
27 public event PropertyChangedEventHandler PropertyChanged;
28 public virtual void OnPropertyChanged(string propertyName)
29 {
30 PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
31 }
32 #endregion
33 public ObservableCollection<Case> CaseCollection { get; set; }
34 private int preSelIndex = 0;
35 private int selIndex = -1;
36 public int SelIndex
37 {
38 get
39 {
40 return selIndex;
41 }
42 set
43 {
44 if(value != selIndex)
45 {
46 selIndex = value;
47
48 DataGridRow preRow = GetRow(dataGridTestCase, preSelIndex);
49 Label preLb = FindVisualChildByName<Label>(preRow, "lb");
50 preLb.Background = new SolidColorBrush(Colors.Transparent);
51 preSelIndex = selIndex;
52
53
54
55 DataGridRow row = GetRow(dataGridTestCase, selIndex);
56 Label lb = FindVisualChildByName<Label>(row, "lb");
57 lb.Background = new SolidColorBrush(Colors.Orange);
58 OnPropertyChanged(nameof(SelIndex));
59 }
60
61 }
62 }
63 public MainWindow()
64 {
65 InitializeComponent();
66 Init();
67 }
68 private void Init()
69 {
70 this.DataContext = this;
71 CaseCollection = new ObservableCollection<Case>();
72 CaseCollection.Add(new Case("描述1", "成功"));
73 CaseCollection.Add(new Case("描述2", "成功"));
74 CaseCollection.Add(new Case("描述3", "失败"));
75 CaseCollection.Add(new Case("描述3", "失败"));
76 }
77 public DataGridRow GetRow(DataGrid datagrid, int columnIndex)
78 {
79 DataGridRow row = (DataGridRow)datagrid.ItemContainerGenerator.ContainerFromIndex(columnIndex);
80 if (row == null)
81 {
82 datagrid.UpdateLayout();
83 datagrid.ScrollIntoView(datagrid.Items[columnIndex]);
84 row = (DataGridRow)datagrid.ItemContainerGenerator.ContainerFromIndex(columnIndex);
85 }
86 return row;
87 }
88 public T FindVisualChildByName<T>(Visual parent, string name) where T : Visual
89 {
90 if (parent != null)
91 {
92 for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
93 {
94 var child = VisualTreeHelper.GetChild(parent, i) as Visual;
95 string controlName = child.GetValue(Control.NameProperty) as string;
96 if (controlName == name)
97 {
98 return child as T;
99 }
100 else
101 {
102 T result = FindVisualChildByName<T>(child, name);
103 if (result != null)
104 return result;
105 }
106 }
107 }
108 return null;
109 }
110 }
111
112 public class Case
113 {
114 public string Description { get; set; }
115 public string TestResult { get; set; }
116 public Case()
117 {
118
119 }
120 public Case(string description, string testResult)
121 {
122 this.Description = description;
123 this.TestResult = testResult;
124 }
125 }
126
127 public class Text2ImageConverter : IValueConverter
128 {
129 public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
130 {
131 if (value == null)
132 return null;
133
134 string p = value.ToString();
135 if (p == "成功")
136 {
137 if (parameter.ToString() == "1")
138 {
139 return new BitmapImage(new Uri("../Resource/Success.png", UriKind.RelativeOrAbsolute));
140 }
141 else
142 {
143 return new BitmapImage(new Uri("Resource/Success.png", UriKind.RelativeOrAbsolute));
144 }
145
146 }
147 else if (p == "失败")
148 {
149 if (parameter.ToString() == "1")
150 {
151 return new BitmapImage(new Uri("../Resource/Fail.png", UriKind.RelativeOrAbsolute));
152 }
153 else
154 {
155 return new BitmapImage(new Uri("Resource/Fail.png", UriKind.RelativeOrAbsolute));
156 }
157
158 }
159 else
160 {
161 return null;
162 }
163
164 }
165
166 public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
167 {
168 return null;
169 }
170 }
171 }
WPF日积月累之DataGrid样式以及操作数据模板中的控件的更多相关文章
- WPF备忘录（5）怎样修改模板中的控件
首先,想问大家一个问题,你们如果要给一个Button添加背景图片会怎么做?(呵呵,这个问题又点小白哈) 是这样吗? <Button Height="57" Horizonta ...
- WPF关于控件 父级控件，子级控件，控件模板中的控件，等之间的相互访问
原文:WPF关于控件 父级控件,子级控件,控件模板中的控件,等之间的相互访问 1,在菜单中访问 弹出菜单的控件 var mi = sender as MenuItem;//菜单条目 MenuItem ...
- UWP 查找模板中的控件
这个标题我也不知道咋起,意思说一下你就明白. 1. 对官方控件的模板进行定制修改,以满足多样化需求,还有漂亮的UI 比如ListView,GridView等. 2. 在设计的情况下并没有这个控件,而在 ...
- WPF中如何使用代码操作数据模板生成的控件
有一个Listbox,里面的Item是通过数据模板生成的,如下所示: <Border Margin="15" BorderBrush="Aqua" Bor ...
- WPF 获取控件模板中的控件
DG是控件名称public T GetVisualChild<T>(DependencyObject parent, Func<T, bool> predicate) wher ...
- 在DataList、Repeater的HeaderTemplate和FooterTemplate模板中寻找控件FindControl
[程序代码] <asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> ...
- WPF中查找控件的扩展类
在wpf中查找控件要用到VisualTreeHelper类,但这个类并没有按照名字查找控件的方法,于是搜索网络,整理出下面这个类,感觉用起来很是方便. 贴出来,供大家参考. /// <summa ...
- 精通 WPF UI Virtualization （提升 OEA 框架中 TreeGrid 控件的性能）
原文:精通 WPF UI Virtualization (提升 OEA 框架中 TreeGrid 控件的性能) 本篇博客主要说明如何使用 UI Virtualization(以下简称为 UIV) 来提 ...
- 示例：WPF中Slider控件封装的缓冲播放进度条控件
原文:示例:WPF中Slider控件封装的缓冲播放进度条控件 一.目的:模仿播放器播放进度条,支持缓冲任务功能 二.进度: 实现类似播放器中带缓存的播放样式(播放区域.缓冲区域.全部区域等样式) 实现 ...
随机推荐
- 第二十六篇 -- wifi学习
参考网址:https://blog.csdn.net/zwl1584671413/article/details/77936950 https://blog.csdn.net/Righthek/art ...
- Tomcat7+ 弱口令 && 后台getshell漏洞
打开tomcat管理页面http://192.168.49.2:8080/manager/html,输入弱密码tomcat:tomcat,即可访问后台 先将jsp大马压缩为zip,再将zip后缀改名为 ...
- 🔥 LeetCode 热题 HOT 100（1-10）
1. 两数之和 思路一:暴力遍历所有组合 class Solution { public int[] twoSum(int[] nums, int target) { for (int i = 0; ...
- 就这？Spring 事务失效场景及解决方案
小明:靓仔,我最近遇到了很邪门的事. 靓仔:哦?说来听听. 小明:上次看了你的文章<就这?一篇文章让你读懂 Spring 事务>,对事务有了详细的了解,但是在项目中还是遇到了问题,明明加了 ...
- DC-1 靶机渗透测试
DC-1靶机渗透测试 对着镜子大喊三声"太菜了""太菜了""太菜了" DC系列靶机的第一篇.边学习边日靶机边进步,摸爬滚打着前行. 内容不只 ...
- OpenFaaS实战之七：java11模板解析
欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...
- Excel VBA活动抽奖小程序
在活动中,我们常会有抽奖,抽奖箱准备繁琐,现在多采用线上抽奖方式,下面用Excel VBA写了一个简单的抽奖小程序 简单测试效果如下,可实现: 多次抽奖,且每次抽奖都不重复 抽奖界面滚动人员信息,点击 ...
- linux笔记1（不全，无图版）随笔
1.ls 查看当前目录下的所有内容 黑色的是文件,蓝色的是文件夹,也就是目录 2.rm -f anaconda-ks. cfg 彻底删除文件(如不确定,则需要先保存备份,也就是快照) 3.ifconf ...
- 代码重构与单元测试——使用“以查询取代临时变量”再次对Statement()方法进行重构（七）
代码重构与单元测试(一) 代码重构与单元测试--测试项目(二) 代码重构与单元测试--"提取方法"重构(三) 代码重构与单元测试--重构1的单元测试(四) 代码重构与单元测试--对 ...
- Tomcat服务器种的HttpServletRequest类
HttpServletRequest 类有什么作用: 每次只要有请求进入 Tomcat 服务器,Tomcat 服务器就会把请求过来的 HTTP 协议信息解析好封装到 Reque ...