前提
入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。
开源地址：
如果觉得写的还行，请点个 star 支持一下吧
欢迎前来交流探讨： 企鹅群568015492
目录
准备工作
gdi+画的，不了解gdi+可以百度了解下先
开始
添加一个用户控件，命名uccrumbnavigation
提供属性
1 private color m_navcolor = color.fromargb(100, 100, 100);
2
3 public color navcolor
4 {
5 get { return m_navcolor; }
6 set
7 {
8 if (value == color.empty || value == color.transparent)
9 return;
10 m_navcolor = value;
11 refresh();
12 }
13 }
14
15
16 private string[] m_navigations = new string[] { "目录1", "目录2", "目录3" };
17 graphicspath[] m_paths;
18 public string[] navigations
19 {
20 get { return m_navigations; }
21 set
22 {
23 m_navigations = value;
24 if (value == null)
25 m_paths = new graphicspath[0];
26 else
27 m_paths = new graphicspath[value.length];
28 refresh();
29 }
30 }
31
32 public override font font
33 {
34 get
35 {
36 return base.font;
37 }
38 set
39 {
40 base.font = value;
41 refresh();
42 }
43 }
44
45 public override system.drawing.color forecolor
46 {
47 get
48 {
49 return base.forecolor;
50 }
51 set
52 {
53 base.forecolor = value;
54 refresh();
55 }
56 }
重绘
1 protected override void onpaint(painteventargs e)
2 {
3 base.onpaint(e);
4
5 if (m_navigations != null && m_navigations.length > 0)
6 {
7 var g = e.graphics;
8 int intlastx = 0;
9 int intlength = m_navigations.length;
10 for (int i = 0; i < m_navigations.length; i++)
11 {
12 graphicspath path = new graphicspath();
13 string strtext = m_navigations[i];
14 system.drawing.sizef sizef = g.measurestring(strtext.replace(" ", "a"), font);
15 int inttextwidth = (int)sizef.width + 1;
16 path.addline(new point(intlastx + 1, 1), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, 1));
17
18 //if (i != (intlength - 1))
19 //{
20 path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, 1), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth + 10, this.height / 2));
21 path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth + 10, this.height / 2), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth - 1, this.height - 1));
22 //}
23 //else
24 //{
25 // path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, 1), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, this.height - 1));
26 //}
27
28 path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, this.height - 1), new point(intlastx + 1, this.height - 1));
29
30 if (i != 0)
31 {
32 path.addline(new point(intlastx, this.height - 1), new point(intlastx + 1 + 10, this.height / 2));
33 path.addline(new point(intlastx + 1 + 10, this.height / 2), new point(intlastx + 1, 1));
34 }
35 else
36 {
37 path.addline(new point(intlastx + 1, this.height - 1), new point(intlastx + 1, 1));
38 }
39 g.fillpath(new solidbrush(m_navcolor), path);
40
41 g.drawstring(strtext, this.font, new solidbrush(this.forecolor), new pointf(intlastx + 2 + (i == 0 ? 0 : 10), (this.height - sizef.height) / 2 + 1));
42 m_paths[i] = path;
43 intlastx += ((i == 0 ? 0 : 10) + inttextwidth + (i == (intlength - 1) ? 0 : 10));
44 }
45 }
46
47 }
处理一下点击事件
1 void uccrumbnavigation_mousedown(object sender, mouseeventargs e)
2 {
3 if (!designmode)
4 {
5 if (m_paths != null && m_paths.length > 0)
6 {
7 for (int i = 0; i < m_paths.length; i++)
8 {
9 if (m_paths[i].isvisible(e.location))
10 {
11 hzh_controls.forms.frmtips.showtipssuccess(this.findform(), m_navigations[i]);
12 }
13 }
14 }
15 }
16 }
完整代码如下
1 using system;
2 using system.collections.generic;
3 using system.componentmodel;
4 using system.drawing;
5 using system.data;
6 using system.linq;
7 using system.text;
8 using system.windows.forms;
9 using system.drawing.drawing2d;
10
11 namespace hzh_controls.controls
12 {
13 public partial class uccrumbnavigation : usercontrol
14 {
15 private color m_navcolor = color.fromargb(100, 100, 100);
16
17 public color navcolor
18 {
19 get { return m_navcolor; }
20 set
21 {
22 if (value == color.empty || value == color.transparent)
23 return;
24 m_navcolor = value;
25 refresh();
26 }
27 }
28
29
30 private string[] m_navigations = new string[] { "目录1", "目录2", "目录3" };
31 graphicspath[] m_paths;
32 public string[] navigations
33 {
34 get { return m_navigations; }
35 set
36 {
37 m_navigations = value;
38 if (value == null)
39 m_paths = new graphicspath[0];
40 else
41 m_paths = new graphicspath[value.length];
42 refresh();
43 }
44 }
45
46 public override font font
47 {
48 get
49 {
50 return base.font;
51 }
52 set
53 {
54 base.font = value;
55 refresh();
56 }
57 }
58
59 public override system.drawing.color forecolor
60 {
61 get
62 {
63 return base.forecolor;
64 }
65 set
66 {
67 base.forecolor = value;
68 refresh();
69 }
70 }
71
72 public uccrumbnavigation()
73 {
74 initializecomponent();
75 this.setstyle(controlstyles.allpaintinginwmpaint, true);
76 this.setstyle(controlstyles.doublebuffer, true);
77 this.setstyle(controlstyles.resizeredraw, true);
78 this.setstyle(controlstyles.selectable, true);
79 this.setstyle(controlstyles.supportstransparentbackcolor, true);
80 this.setstyle(controlstyles.userpaint, true);
81 this.mousedown += uccrumbnavigation_mousedown;
82 }
83
84 void uccrumbnavigation_mousedown(object sender, mouseeventargs e)
85 {
86 if (!designmode)
87 {
88 if (m_paths != null && m_paths.length > 0)
89 {
90 for (int i = 0; i < m_paths.length; i++)
91 {
92 if (m_paths[i].isvisible(e.location))
93 {
94 hzh_controls.forms.frmtips.showtipssuccess(this.findform(), m_navigations[i]);
95 }
96 }
97 }
98 }
99 }
100
101 protected override void onpaint(painteventargs e)
102 {
103 base.onpaint(e);
104
105 if (m_navigations != null && m_navigations.length > 0)
106 {
107 var g = e.graphics;
108 int intlastx = 0;
109 int intlength = m_navigations.length;
110 for (int i = 0; i < m_navigations.length; i++)
111 {
112 graphicspath path = new graphicspath();
113 string strtext = m_navigations[i];
114 system.drawing.sizef sizef = g.measurestring(strtext.replace(" ", "a"), font);
115 int inttextwidth = (int)sizef.width + 1;
116 path.addline(new point(intlastx + 1, 1), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, 1));
117
118 //if (i != (intlength - 1))
119 //{
120 path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, 1), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth + 10, this.height / 2));
121 path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth + 10, this.height / 2), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth - 1, this.height - 1));
122 //}
123 //else
124 //{
125 // path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, 1), new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, this.height - 1));
126 //}
127
128 path.addline(new point(intlastx + 1 + (i == 0 ? 0 : 10) + inttextwidth, this.height - 1), new point(intlastx + 1, this.height - 1));
129
130 if (i != 0)
131 {
132 path.addline(new point(intlastx, this.height - 1), new point(intlastx + 1 + 10, this.height / 2));
133 path.addline(new point(intlastx + 1 + 10, this.height / 2), new point(intlastx + 1, 1));
134 }
135 else
136 {
137 path.addline(new point(intlastx + 1, this.height - 1), new point(intlastx + 1, 1));
138 }
139 g.fillpath(new solidbrush(m_navcolor), path);
140
141 g.drawstring(strtext, this.font, new solidbrush(this.forecolor), new pointf(intlastx + 2 + (i == 0 ? 0 : 10), (this.height - sizef.height) / 2 + 1));
142 m_paths[i] = path;
143 intlastx += ((i == 0 ? 0 : 10) + inttextwidth + (i == (intlength - 1) ? 0 : 10));
144 }
145 }
146
147 }
148 }
149 }
1 namespace hzh_controls.controls
2 {
3 partial class uccrumbnavigation
4 {
5 /// <summary>
6 /// 必需的设计器变量。
7 /// </summary>
8 private system.componentmodel.icontainer components = null;
9
10 /// <summary>
11 /// 清理所有正在使用的资源。
12 /// </summary>
13 /// <param name="disposing">如果应释放托管资源，为 true；否则为 false。</param>
14 protected override void dispose(bool disposing)
15 {
16 if (disposing && (components != null))
17 {
18 components.dispose();
19 }
20 base.dispose(disposing);
21 }
22
23 #region 组件设计器生成的代码
24
25 /// <summary>
26 /// 设计器支持所需的方法 - 不要
27 /// 使用代码编辑器修改此方法的内容。
28 /// </summary>
29 private void initializecomponent()
30 {
31 this.suspendlayout();
32 //
33 // uccrumbnavigation
34 //
35 this.autoscalemode = system.windows.forms.autoscalemode.none;
36 this.cursor = system.windows.forms.cursors.hand;
37 this.forecolor = system.drawing.color.fromargb(((int)(((byte)(224)))), ((int)(((byte)(224)))), ((int)(((byte)(224)))));
38 this.minimumsize = new system.drawing.size(0, 25);
39 this.name = "uccrumbnavigation";
40 this.size = new system.drawing.size(220, 25);
41 this.resumelayout(false);
42
43 }
44
45 #endregion
46
47
48 }
49 }
用处及效果
最后的话
如果你喜欢的话，请到 点个星 星吧
黄山市民网：https://www.huangshanshimin.com/
