这篇文章主要介绍了C#利用DesignSurface如何实现简单窗体设计器的相关资料，文中通过图文及示例代码介绍的很详细，对大家具有一定的参考价值，需要的朋友们下面来一起学习学习吧。
正文
C#利用DesignSurface如何实现简单的窗体设计器
system.componentmodel.design.designsurface是为设计组件提供一个用户界面，通过它可以实现一个简单的窗体设计器。
在构建之前，我们需要引入system.design.dll，否则会出现找不到designsurface的错误。
|
1
2
3
4
5
6
7
8
9
10
|
private void form1_load(object sender, eventargs e) { //引用system.deisgn.dll designsurface ds = new designsurface(); //开始加载窗体 ds.beginload(typeof(form)); control designercontorl = (control)ds.view; designercontorl.dock = dockstyle.fill; this.controls.add(designercontorl); } |
运行后出现简单的一个ui设计器
但是该设计器并不能实现控件拖放和ui设计器，以及控件的属性配置。
为了支持从源代码加载初始化窗体，需要对源码中的相关方法进行解析，这里我们 codedomdesignerloader来实现定制化业务，codedomdesignerloader是提供用于实现基于 codedom 的设计器加载程序的基类。
继承它的类需要重写codecompileunit parse()方法，来实现加载窗体：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
protected override codecompileunit parse() { #region 源文件读取 var sw = new streamreader(@"e:\frmuser.cs"); var sw_designer = new streamreader(@"e:\frmuser.designer.cs"); string formcodecs = sw.readtoend(); string formcodedesigner = sw_designer.readtoend(); list<string> source = new list<string>(); source.add(formcodecs); source.add(formcodedesigner); #endregion //rolsyn解析c# var rootdesigner = source2codedom.parse(formcodedesigner); codedesingercompileunit = source2codedom.getdesignercodecomplieunit(rootdesigner); var rootcs = source2codedom.parse(formcodecs); codecscompileunit = source2codedom.getcodecomplieunit(rootcs); //mergeformsource string merges = source2codedom.mergeformsource(formcodedesigner, formcodecs); codemergecompileunit = source2codedom.getmergedesignercodecomplieunit(merges); return codemergecompileunit; |
解析的方法如下，但是此解析只是用于代码的生成，并不能用户ui界面的显示：
|
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
|
public static codecompileunit getdesignercodecomplieunit2(compilationunitsyntax root) { codecompileunit ccu = new codecompileunit(); var firstmember = root.members[0]; var namespacedeclration = (namespacedeclarationsyntax)firstmember; var designclassdeclaration = (classdeclarationsyntax)namespacedeclration.members[0]; var mydesignerclass = new codetypedeclaration(designclassdeclaration.identifier.tostring()); var initializecomponent = new codemembermethod(); var ns = new codenamespace(namespacedeclration.name.tostring()); foreach (var m in designclassdeclaration.members) { if (m is constructordeclarationsyntax) { var ctor = ((constructordeclarationsyntax)m); var codebody = ctor.body.tostring(); codebody = codebody.trim().trimstart('{').trimend('}').trim().trimend(';'); codesnippetexpression csbody = new codesnippetexpression(codebody); codeexpressionstatement stmt = new codeexpressionstatement(csbody); //add the expression statements to the method. // initializecomponent var cctor = new codeconstructor(); cctor.name = ctor.identifier.tostring(); //var cmm = new codemembermethod(); //cmm.name = ctor.identifier.tostring(); //cmm.attributes = getctorattrmapping(ctor); //cmm.returntype = new codetypereference(typeof(void)); cctor.statements.add(stmt); mydesignerclass.members.add(cctor); } if (m is fielddeclarationsyntax) { var f = ((fielddeclarationsyntax)m); var type = f.declaration.type; foreach (var variable in f.declaration.variables) { var field = new codememberfield(); field.name = variable.identifier.tostring(); field.type = new codetypereference(type.tostring()); field.attributes = getfieldattrmapping(f); //field.initexpression = new codeprimitiveexpression(null); mydesignerclass.members.add(field); } } if (m is methoddeclarationsyntax) { var node = m as methoddeclarationsyntax; #region xml comments var xmltrivia = node.getleadingtrivia() .select(i => i.getstructure()) .oftype<documentationcommenttriviasyntax>() .firstordefault(); #endregion var method = (methoddeclarationsyntax)m; var cmm = new codemembermethod(); cmm.name = method.identifier.tostring(); ///xml注释 string[] comments = xmltrivia.tostring().split("\r\n".tochararray()); foreach (string text in comments) { if (text.trim() != "") { cmm.comments.add(new codecommentstatement(text.trim().trimstart("///".tochararray()).trim(), true)); } } if (cmm.name == "initializecomponent") { //region coderegiondirective coderegion = new coderegiondirective(coderegionmode.start, "windows 窗体设计器生成的代码"); coderegiondirective codeendregion = new coderegiondirective(coderegionmode.end, ""); cmm.startdirectives.add(coderegion); cmm.enddirectives.add(codeendregion); } //memberattributes.family is protected //cmm.attributes = memberattributes.override | memberattributes.family; cmm.attributes = getmethodattrmapping(method); cmm.returntype = new codetypereference(method.returntype.tostring()); foreach (var p in method.parameterlist.parameters) { codeparameterdeclarationexpression cpd = new codeparameterdeclarationexpression(); cpd.name = p.identifier.tostring(); cpd.type = new codetypereference(p.type.tostring()); cmm.parameters.add(cpd); } //包含方法{};，会重复生成{}; string codebody = method.body.tostring(); codebody = codebody.trim().trimstart('{').trimend('}').trim().trimend(';'); if (codebody != "") { codesnippetexpression csbody = new codesnippetexpression(codebody); codeexpressionstatement stmt = new codeexpressionstatement(csbody); //add the expression statements to the method. cmm.statements.add(stmt); } mydesignerclass.members.add(cmm); } if (m is memberdeclarationsyntax) { } } ccu.namespaces.add(ns); //partial class mydesignerclass.ispartial = true; ns.types.add(mydesignerclass); return ccu; } |
窗体的显示，需要逐句进行c#解析，特别是initializecomponent()方法。
.cs code其实最简单的就是读取源代码，然后返回就可以了。当设计器添加控件或者绑定事件时，可以通过文本操作进行代码完善。
|
1
2
3
4
5
6
|
//直接返回代码，最简单public string gettextcscode(){flush();return __cstextcode;} |
codedomhostloader类中有oncomponentrename，在设计器重命名组件时候响应，这里可以修复后台.cs中的控件引用
但此设计器还有很多不完善的地方，后期有时间再完善吧。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
原文链接：http://www.cnblogs.com/isaboy/p/DesignSurface.html
发表评论