WPF利用附加属性修改ShowGridLines效果

最新推荐文章于 2023-07-08 03:27:22 发布
最新推荐文章于 2023-07-08 03:27:22 发布
阅读量2k 收藏 1
点赞数

1.思路主要代码

wpf的gridline原本效果是虚线类型的。有时候需要设计成表格形式的，因此有了用附加属性来自动绘制边框线的想法。

思路：绘制Line并添加到grid的children里，但效果并不理想，会出现锯齿，像素对齐，模糊等问题。

UseLayoutRounding="False"
SnapsToDevicePixels="True"

RenderOptions.EdgeModeProperty 貌似都没起作用。

于是想到了用border来实现，简单又实用吧 哈哈。

大致思路如下：绘制border的左边框和上边框，在边界的时候考虑边界封闭。然后将border平移一半的距离。这样边框就居中并且包围了所有的线。

 

主要代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
using  System.Windows;
using  System.Windows.Controls;
using  System.Windows.Media;
 
namespace  用附加属性修改Grid的边框
{
     public  class  GridHelper
     {
         private  static  void  RefreshGrid(Grid grid,  int  lineWidth, Brush color)
         {
             for  ( var  i = grid.Children.Count - 1; i > 0; i--)
             {
                 var  child = grid.Children[i];
 
                 var  bd = child  as  Border;
                 if  (bd !=  null  && bd.Tag !=  null  && bd.Tag.ToString() ==  "gridline" )
                 {
                     grid.Children.Remove(bd);
                 }
             }
             var  rows = grid.RowDefinitions.Count;
             var  cols = grid.ColumnDefinitions.Count;
             //边界考虑
             if  (rows == 0)
             {
                 rows = 1;
             }
             if  (cols == 0)
             {
                 cols = 1;
             }
             //生成行列
             for  ( var  i = 0; i < rows; i++)
             {
                 for  ( var  j = 0; j < cols; j++)
                 {
                     var  thick =  new  Thickness(lineWidth, lineWidth, 0, 0);
                     var  margin =  new  Thickness(-lineWidth/2d, -lineWidth/2d, 0, 0);
                     //边界考虑
                     if  (i == 0)
                     {
                         margin.Top = 0;
                     }
                     if  (i == rows - 1)
                     {
                         thick.Bottom = lineWidth;
                     }
                     if  (j == 0)
                     {
                         margin.Left = 0;
                     }
                     if  (j == cols - 1)
                     {
                         thick.Right = lineWidth;
                     }
                     var  bd =  new  Border
                     {
                         BorderThickness = thick,
                         Margin = margin,
                         BorderBrush = color,
                         Tag =  "gridline"
                     };
                     Grid.SetRow(bd, i);
                     Grid.SetColumn(bd, j);
                     grid.Children.Add(bd);
                 }
             }
             grid.InvalidateArrange();
             grid.InvalidateVisual();
         }
 
         #region 线颜色
 
         // Using a DependencyProperty as the backing store for LineColor.  This enables animation, styling, binding, etc...
         public  static  readonly  DependencyProperty LineColorProperty =
             DependencyProperty.RegisterAttached( "LineColor" ,  typeof  (Brush),  typeof  (GridHelper),
                 new  PropertyMetadata(Brushes.Black, LineColorPropertyChanged));
 
         public  static  Brush GetLineColor(DependencyObject obj)
         {
             return  (Brush) obj.GetValue(LineColorProperty);
         }
 
         public  static  void  SetLineColor(DependencyObject obj, Brush value)
         {
             obj.SetValue(LineColorProperty, value);
         }
 
 
         private  static  void  LineColorPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
         {
             var  grid = d  as  Grid;
             if  (grid ==  null )
             {
                 return ;
             }
             var  showLines = GetShowGridLines(grid);
             var  color = GetLineColor(grid);
             var  lineWidth = GetLineWidth(grid);
             if  (showLines)
             {
                 //  grid.SnapsToDevicePixels = true;
                 grid.Loaded +=  delegate  { RefreshGrid(grid, lineWidth, color); };
             }
         }
 
         #endregion
 
         #region 线宽度
 
         // Using a DependencyProperty as the backing store for LineWidth.  This enables animation, styling, binding, etc...
         public  static  readonly  DependencyProperty LineWidthProperty =
             DependencyProperty.RegisterAttached( "LineWidth" ,  typeof  ( int ),  typeof  (GridHelper),
                 new  PropertyMetadata(1, LineWidthPropertyChanged));
 
         public  static  int  GetLineWidth(DependencyObject obj)
         {
             return  ( int ) obj.GetValue(LineWidthProperty)
                 ;
         }
 
 
         public  static  void  SetLineWidth(DependencyObject obj,  int  value)
         {
             obj.SetValue(LineWidthProperty, value);
         }
 
 
         private  static  void  LineWidthPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
         {
             var  grid = d  as  Grid;
             if  (grid ==  null )
             {
                 return ;
             }
             var  showLines = GetShowGridLines(grid);
             var  color = GetLineColor(grid);
             var  lineWidth = GetLineWidth(grid);
             if  (showLines)
             {
                 // grid.SnapsToDevicePixels = true;
                 grid.Loaded +=  delegate  { RefreshGrid(grid, lineWidth, color); };
             }
         }
 
         #endregion
 
         #region 是否显示线
 
         // Using a DependencyProperty as the backing store for ShowGridLines.  This enables animation, styling, binding, etc...
         public  static  readonly  DependencyProperty ShowGridLinesProperty =
             DependencyProperty.RegisterAttached( "ShowGridLines" ,  typeof  ( bool ),  typeof  (GridHelper),
                 new  PropertyMetadata( false , ShowGridLinesPropertyChanged));
 
 
         public  static  bool  GetShowGridLines(DependencyObject obj)
         {
             return  ( bool ) obj.GetValue(ShowGridLinesProperty);
         }
 
         public  static  void  SetShowGridLines(DependencyObject obj,  bool  value)
         {
             obj.SetValue(ShowGridLinesProperty, value);
         }
 
 
         private  static  void  ShowGridLinesPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
         {
             var  grid = d  as  Grid;
             if  (grid ==  null )
             {
                 return ;
             }
             var  showLines = GetShowGridLines(grid);
             var  color = GetLineColor(grid);
             var  lineWidth = GetLineWidth(grid);
             if  (showLines)
             {
                 //  grid.SnapsToDevicePixels = true;
                 grid.Loaded +=  delegate  { RefreshGrid(grid, lineWidth, color); };
             }
         }
 
         #endregion
     }
}

　　

2.效果图

效果还可以，任何分辨率下，任何边框大小，都没有出现像素对齐或者模糊问题。 图中的虚线是grid的默认gridLine，红色和绿色是自定义的gridline，跟虚线完美重合。

 

 

3.源码下载

https://files.cnblogs.com/files/chlm/%E7%94%A8%E9%99%84%E5%8A%A0%E5%B1%9E%E6%80%A7%E4%BF%AE%E6%94%B9Grid%E7%9A%84%E8%BE%B9%E6%A1%86.rar

http://www.iru8567.cn/
http://www.dyq9159.cn/
http://www.ece1729.cn/
http://www.zpp0623.cn/
http://www.ymg3874.cn/
http://www.jaf1308.cn/
http://www.djz1658.cn/
http://www.jlh2124.cn/
http://www.acj2609.cn/
http://www.per1537.cn/
http://www.jxa6372.cn/
http://www.dja2819.cn/
http://www.sml6389.cn/
http://www.hgh3722.cn/
http://www.ntd5264.cn/
http://www.esn7121.cn/
http://www.oee2689.cn/
http://www.pdh7765.cn/
http://www.qsv0141.cn/
http://www.mar4014.cn/
http://www.rcd9187.cn/
http://www.unw3900.cn/
http://www.tmo9604.cn/
http://www.eko5785.cn/
http://www.eqn5017.cn/
http://www.oek0353.cn/
http://www.hmw0652.cn/
http://www.tub1546.cn/
http://www.taj7240.cn/
http://www.dto7731.cn/
http://www.tox1106.cn/
http://www.pzx0011.cn/
http://www.kdd4058.cn/
http://www.bti6873.cn/
http://www.nvg6571.cn/
http://www.krr6354.cn/
http://www.uym8620.cn/
http://www.blm3653.cn/
http://www.uqt9445.cn/
http://www.txr3194.cn/
http://www.hqu4552.cn/
http://www.veo6686.cn/
http://www.usx0758.cn/
http://www.bpl6646.cn/
http://www.iyi5365.cn/
http://www.xgm6868.cn/
http://www.hfk7896.cn/
http://www.ngp3761.cn/
http://www.bwb3762.cn/
http://www.jbx0190.cn/
http://www.fvj9657.cn/
http://www.ife7579.cn/
http://www.zws1014.cn/
http://www.bou1446.cn/
http://www.xvn7640.cn/
http://www.zus2206.cn/
http://www.muu1638.cn/
http://www.sxw8975.cn/

kkfd1002
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF如何利用附加属性修改ShowGridLines效果详解
08-27
主要给大家介绍了关于WPF如何利用附加属性修改ShowGridLines效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
为WPF的Grid添加网格边框线
最新发布
weixin_50478033的博客
05-22 1408
为WPF的Grid添加网格边框线
WPF ListView显示GridLine(可选)
OneOnce的专栏
08-16 2279
有的代码是大神提供的，只是整理了一下 效果 修改GridLine是否可见，以及线宽： Collapsed Collapsed Visible--> Visible-->          2 1 0,0,-1,0 40 #80365080 #80FFFFFF Style: <Window x:Class="ListViewTest.Ma
WPF Datagrid 样式
dxm809的博客
07-22 266
<Style x:Key="TabControlStyle" TargetType="{x:Type TabControl}"> <Setter Property="Padding" Value="2"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="VerticalContentAlignm...
C# wpf 附加属性实现任意控件（包括窗口）拖动
11-18
将各种控件拖动功能封装到附加属性中，提高复用性和易用性。包括了各种情况的控件拖动，在Grid中以及在Canvas或者其他任意布局的控件拖动，以及窗口拖动，同时解决了拖动和点击的冲突问题。原文链接：...
C# wpf 附加属性实现任意控件拖动调整大小
12-08
使用附加属性将各种控件拖动改变大小功能整合到一起，提高复用性和移植性，界面和逻辑分离，支持自定义拖动样式。原文链接：https://blog.csdn.net/u013113678/article/details/121719278
WPF源码：附加属性代码演示.rar
03-01
在这个“WPF源码：附加属性代码演示.rar”压缩包中，我们很显然会看到一个关于WPF附加属性的实际代码示例。附加属性是WPF中的一个重要概念，它们允许我们在非依赖项属性的类上定义和使用依赖项属性。 首先，理解...
WPF---Grid布局讲解
weixin_41883890的博客
08-04 1840
清单 4 中的以下代码片段创建一个 TextBlock 控件并将其显示在代表 Grid 的第一行和第一列的 Cell(0,0) 中。WPF 中的任何控件都可以使用其 Grid.Row 和 Grid.Column 属性放置在网格中，这些属性表示控件将放置在哪一列和哪一行。以下代码片段创建了一个 Grid 控件，设置它的宽度、水平对齐、垂直对齐并显示网格线并设置背景颜色。下面的代码片段创建一个 Grid 控件，设置它的宽度和前景色，并确保网格线可见。要将图像设置为网格的背景，我们可以将图像设置为网格的背景。..
wpf 利用Grid动态绘制表格
05-29
wpf 利用Grid动态绘制表格 最近需要制作一个表格，但是用listview很不方便，特别是样式方面，还有表格布局等。今天研究了一下直接利用Grid + Border动态绘制表格。
WPF ListView显示GridLine(可选), 通过附加属性修改
OneOnce的专栏
08-17 1070
效果见上一篇。 Style: <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
WPF图形学习笔记之Line
yasenRK的博客
02-16 7399
WPF图形学习笔记之Line WPF_Graphics之Line Line 创建一个Line <Canvas> <Line X1="0" Y1="0" X2="100" Y2="100" Stroke="Black" StrokeThickness="1"/> &l...
wpf linewidth linestyle combobox（线宽选择器）
realzuile的博客
11-27 685
wpf没有默认的线宽、线样式选择器，不过通过自制可以达到如下效果： 代码如下： <StackPanel Orientation="Horizontal" Margin="0 10 0 0"> <TextBlock Margin="13 0 0 0" VerticalAlignment="Center">Line Style:&...
WPF grid控件定义行和列
bcbobo21cn的专栏
07-08 1043
WPF grid控件定义行和列；
WPF布局控件之Grid布局
qq_36819973的博客
11-10 3775
Grid控件常用于界面表格网格的布局，Grid和其他各个Panel比较起来，功能最多也最为复杂。同时此面板可承载任意元素，包括控件，图形，甚至文字。各种元素依据屏幕坐标确定位置。
为WPF和Silverlight的Grid添加边框线
jiangxinyu的专栏
08-12 3917
为WPF和Silverlight的Grid添加边框线(原文链接) 在此源代码的基础上,经过简单修改,保证了边框线条宽度统一. 修改后的源代码 using System.Windows; using System.Windows.Controls; using System.Windows.Media; namespace SilverlightApplicationGridBord
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值