現在介面設計越來越注重與程式碼的分離，把表現介面的元素寫在XML檔案中，程式載入時再通過反射等機制載入到程式裡。以前我寫的小程式，也有些設定功能，往往把介面直接在程式碼裡寫死。如果選項不多還好，如果選項一多，就使介面混亂不堪了。所以我也採用了XML配置檔案的方式來編寫設定功能。

但是既然是小程式，就要保持原來短小精悍的風格，速度也不能太慢，最重要的是程式碼編寫得方便，所以不能太那些框架那樣搞。我先分析，設定介面大概需要這些東西：1，數值選擇框、2，複選框、3，單選框，4，其它（可以有TextBox之類的）。我只需要前三項，且第3項單選框我用“下拉選擇框”來代替，可以節省空間（其實主要是方便編碼啦）。

先來規定下XML的格式，下面是一個示例。

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <preference>
3. <pagename="標籤1">
4. <itemtype="int"name="set1">
5. <text>設定1</text>
6. <valuemax="100"min="0">5</value>
7. </item>
8. <itemtype="int"
   name="set6">
9. <text>設定1</text>
10. <valuemax="100"min="0">100</value>
11. </item>
12. <itemtype="checkbox"name="set2">
13. <text>設定2</text>
14. <value>True</value>
15. </item>
16. <itemtype="combo"name="set3"
    >
17. <combo>
18. <text>item0</text>
19. <value>0</value>
20. </combo>
21. <combo>
22. <text>item1</text>
23. <value>1</value>
24. </combo>
25. <text>選擇XX選項:</text>
26. <value>1</value>
27. </item>
28. </page>
29. <pagename="標籤2">
30. <itemtype="int"name="set1">
31. <text>設定1</text>
32. <valuemax="100"min="0">100</value>
33. </item>
34. <pagename="標籤2_1">
35. </page>
36. </page>
37. </preference>

用“preference”做根節點，根節點下面是“page”，一個“page”代表一個選項卡，一個“page”裡可以有子“page”，就像Eclipse的設定一樣，也可以包含有“Item”，一個“Item”代表一個選項。“Item”可以有3種類型，代表“數值選擇框”、“複選框”和“下拉框”。路徑由"name"屬性來唯一標識，如：“name1\name1_1”，同一個page下相同的"name"將會導致解析的錯誤（未定義行為）。上面的例子中有“標籤1”，“標籤2”兩頁，“標籤2”有一個“標籤2_1”的子頁。

為了解析這個XML，我設計了三個類。

1，PreferenceTreeAdapter，讀取XML的目錄結構，顯示到TreeView控制元件中。

1. ///<summary>
2. ///從XML檔案中讀取首選項的目錄
3. ///</summary>
4. publicclassPreferenceTreeAdapter
5. {
6. protectedstringxmlDoc;
8. publicPreferenceTreeAdapter(StringfilePath)
9. {
10. xmlDoc=File.ReadAllText(filePath);
11. }
13. publicvoidFill(TreeViewtreeView)
14. {
15. XmlDocumentdoc=newXmlDocument();
16. doc.LoadXml(xmlDoc);
18. XmlNodeListnodeList=doc.SelectSingleNode("preference").SelectNodes("page");
19. FillChildren(nodeList,treeView.Nodes);
20. }
22. protectedvoidFillChildren(XmlNodeListnodeList,TreeNodeCollectiontreeNodeCollection)
23. {
24. if(nodeList.Count==0)
25. {
26. return;
27. }
29. for(inti=0;i<nodeList.Count;i++)
30. {
31. XmlNodenode=nodeList[i];
32. TreeNodecurTreeNode=treeNodeCollection.Add(node.Attributes.GetNamedItem("name").Value);
33. XmlNodeListnewNodeList=node.SelectNodes("page");
34. if(newNodeList!=null)
35. {
36. FillChildren(newNodeList,curTreeNode.Nodes);
37. }
38. }
39. }
40. }

2，OptionsAdapter 負責一個"page"中的選項和控制元件的對應關係，是一個雙向的介面卡。

1. ///<summary>
2. ///將XML中一個page的選項展示在窗體中
3. ///</summary>
4. publicclassOptionsAdapter
5. {
6. protectedDictionary<Control,XmlNode>map=newDictionary<Control,XmlNode>();
7. protectedXmlDocumentdoc=newXmlDocument();
9. publicOptionsAdapter(stringfilePath)
10. {
11. doc.LoadXml(File.ReadAllText(filePath));
12. }
14. ///<summary>
15. ///當路徑對應的設定項填充到介面中
16. ///</summary>
17. ///<paramname="layout">要填充到的物件</param>
18. ///<paramname="fullPath">路徑</param>
19. publicvoidFill(TableLayoutPanellayout,stringfullPath)
20. {
21. layout.Controls.Clear();
23. XmlNodenode=XmlLocate(fullPath);
24. XmlNodeListoptionsList=node.SelectNodes("item");
25. for(inti=0;i<optionsList.Count;i++)
26. {
27. Panelpanel=newPanel();
28. panel.AutoSize=true;
30. Controlcontrol=FillPanel(optionsList[i],panel);
31. if(control!=null)
32. {
33. map.Add(control,optionsList[i]);//新增控制元件對節點的對映關係
34. layout.Controls.Add(panel,0,i);
35. }
36. }
38. }
40. protectedXmlNodeXmlLocate(stringfullPath)
41. {
42. string[]pathList=fullPath.Split('\\');
44. XmlNodenode=doc.SelectSingleNode("preference");
46. intpathLevelCount=pathList.Count();
47. for(inti=0;i<pathLevelCount;i++)
48. {
49. boolflag=false;
50. foreach(XmlNodecurNodeinnode.SelectNodes("page"))
51. {
52. if(curNode.Attributes.GetNamedItem("name").Value==pathList[i])
53. {
54. node=curNode;
55. flag=true;
56. break;
57. }
58. }
59. if(!flag)
60. {
61. thrownewException("nosuchpath:"+pathList[i]);
62. }
63. }
65. returnnode;
66. }
68. protectedControlFillPanel(XmlNodenode,Panelpanel)
69. {
70. stringtype=node.Attributes.GetNamedItem("type").Value;
72. switch(type)
73. {
74. case"checkbox":
75. {
76. CheckBoxcheckBox=newCheckBox();
77. checkBox.Text=node.SelectSingleNode("text").InnerText;
78. checkBox.Checked=bool.Parse(
79. node.SelectSingleNode("value").InnerText);
80. panel.Controls.Add(checkBox);
81. returncheckBox;
82. }
83. case"combo":
84. {
85. Labellabel=newLabel();
86. label.Text=node.SelectSingleNode("text").InnerText;
87. label.Location=newSystem.Drawing.Point(0,0);
89. XmlNodeListlist=node.SelectNodes("combo");
90. ComboBoxcomboBox=newComboBox();
91. comboBox.DisplayMember="Key";
92. comboBox.ValueMember="Value";
93. comboBox.Location=newSystem.Drawing.Point(
94. 5,label.Height+label.Top+2);
96. stringselectedValue=node.SelectSingleNode("value").InnerText;
97. for(inti=0;i<list.Count;i++)
98. {
99. XmlNodecurNode=list[i];
100. stringkey=curNode.SelectSingleNode("text").InnerText;
101. stringvalue=curNode.SelectSingleNode("value").InnerText;
102. comboBox.Items.Add(newKeyValuePair<string,string>(key,value));
103. if(selectedValue==value)
104. {
105. comboBox.SelectedIndex=i;
106. }
107. }
109. panel.Controls.Add(label);
110. panel.Controls.Add(comboBox);
111. returncomboBox;
112. }
113. case"int":
114. {
115. Labellabel=newLabel();
116. label.Location=newSystem.Drawing.Point(0,0);
117. label.Text=node.SelectSingleNode("text").InnerText;
119. NumericUpDownnumericUpDown=newNumericUpDown();
120. XmlNodevalueNode=node.SelectSingleNode("value");
121. if(valueNode.Attributes.GetNamedItem("max")!=null)
122. {
123. numericUpDown.Maximum=decimal.Parse(
124. valueNode.Attributes.GetNamedItem("max").Value);
125. }
126. if(valueNode.Attributes.GetNamedItem("min")!=null)
127. {
128. numericUpDown.Minimum=decimal.Parse(
129. valueNode.Attributes.GetNamedItem("min").Value);
130. }
131. numericUpDown.Value=decimal.Parse(valueNode.InnerText);
132. numericUpDown.Location=newSystem.Drawing.Point(
133. 5,label.Height+label.Top+2);
135. panel.Controls.Add(label);
136. panel.Controls.Add(numericUpDown);
138. returnnumericUpDown;
139. }
140. }
142. returnnull;
143. }
145. ///<summary>
146. ///把窗體上的控制元件的值儲存到XML中
147. ///</summary>
148. ///<paramname="layout"></param>
149. publicvoidUpdate(TableLayoutPanellayout)
150. {
151. foreach(Controlpanelinlayout.Controls)
152. {
153. if(panelisPanel)
154. {
155. foreach(Controlcontrolinpanel.Controls)
156. {
157. if(map.ContainsKey(control))
158. {
159. map[control].SelectSingleNode("value").InnerText
160. =getControlValue(control);
161. }
162. }
163. }
164. }
165. doc.Save(Resource.ResourceManager.GetString("preference"));
166. }
168. protectedstringgetControlValue(Controlcontrol)
169. {
170. switch(control.GetType().Name.ToString().ToLower())
171. {
172. case"checkbox":
173. {
174. return((CheckBox)control).Checked.ToString();
175. }
176. case"combobox":
177. {
178. ComboBoxcomboBox=(ComboBox)control;
180. return((KeyValuePair<string,string>)comboBox.SelectedItem).Value;
181. }
182. case"numericupdown":
183. {
184. return((NumericUpDown)control).Value.ToString();
185. }
186. }
187. thrownewException("未知的型別");
188. }
189. }

3、PreferenceReader 讀取一個選項的值

1. ///<summary>
2. ///讀取某個選項的值
3. ///</summary>
4. classPreferenceReader
5. {
6. protectedXmlDocumentdoc=newXmlDocument();
8. publicPreferenceReader(stringfilePath)
9. {
10. doc.LoadXml(File.ReadAllText(filePath));
11. }
13. publicboolReadCheckbox(stringfullPath)
14. {
15. XmlNodenode=XmlLocate(fullPath);
16. if(node.Attributes.GetNamedItem("type").Value!="checkbox")
17. {
18. thrownewException("路徑與型別不符");
19. }
21. returnbool.Parse(node.SelectSingleNode("value").InnerText);
22. }
24. publicstringReadCombo(stringfullPath)
25. {
26. XmlNodenode=XmlLocate(fullPath);
27. if(node.Attributes.GetNamedItem("type").Value!="combo")
28. {
29. thrownewException("路徑與型別不符");
30. }
32. returnnode.SelectSingleNode("value").InnerText;
33. }
35. publicintReadInt(stringfullPath)
36. {
37. XmlNodenode=XmlLocate(fullPath);
38. if(node.Attributes.GetNamedItem("type").Value!="int")
39. {
40. thrownewException("路徑與型別不符");
41. }
43. returnint.Parse(node.SelectSingleNode("value").InnerText);
44. }
46. protectedXmlNodeXmlLocate(stringfullPath)
47. {
48. string[]pathList=fullPath.Split('\\');
50. XmlNodenode=doc.SelectSingleNode("preference");
52. intpathLevelCount=pathList.Count();
53. for(inti=0;i<pathLevelCount;i++)
54. {
55. boolflag=false;
56. foreach(XmlNodecurNodeinnode.ChildNodes)
57. {
58. if(curNode.Attributes.GetNamedItem("name")!=null&&
59. curNode.Attributes.GetNamedItem("name").Value==pathList[i])
60. {
61. node=curNode;
62. flag=true;
63. break;
64. }
65. }
66. if(!flag)
67. {
68. thrownewException("nosuchpath:"+pathList[i]);
69. }
70. }
72. returnnode;
73. }
74. }

Demo:

1. publicpartialclassFrmPreference:Form
2. {
3. OptionsAdapteroptionsAdapter=newOptionsAdapter(
4. Resource.ResourceManager.GetString("preference"));
6. publicFrmPreference()
7. {
8. InitializeComponent();
9. }
11. privatevoidFrmPreference_Load(objectsender,EventArgse)
12. {
13. PreferenceTreeAdapterpreferenceTreeAdapter=newPreferenceTreeAdapter("preference.xml");
14. preferenceTreeAdapter.Fill(optionsView);
15. if(optionsView.Nodes.Count>0)
16. {
17. optionsView.SelectedNode=optionsView.Nodes[0];
18. }
20. tableLayoutPanel.AutoSize=true;
21. }
23. privatevoidbtnSave_Click(objectsender,EventArgse)
24. {
25. optionsAdapter.Update(tableLayoutPanel);
26. }
28. privatevoidbutton1_Click(objectsender,EventArgse)
29. {
30. 
    PreferenceReaderpreferenceReader=newPreferenceReader(
31. Resource.ResourceManager.GetString("preference"));
33. MessageBox.Show(preferenceReader.ReadInt("標籤1\\set1").ToString());
34. MessageBox.Show(preferenceReader.ReadCheckbox("標籤1\\set2").ToString());
35. MessageBox.Show(preferenceReader.ReadCombo("標籤1\\set3").ToString());
36. }
38. privatevoidoptionsView_AfterSelect(objectsender,TreeViewEventArgse)
39. {
40. optionsAdapter.Fill(tableLayoutPanel,optionsView.SelectedNode.FullPath);
41. }

Demo效果如下

最近一直在實習，晚上才有一點點時間自己寫程式碼，斷斷續續寫了N天，寫的也有點亂了，初步就這麼一個效果，有空再完善下介面。這種方式寫的設定介面有個好處，只需要編碼一次，以後再用就只要修改下XML檔案就行了，介面的顯示就交給軟體自動去完成。而且程式碼還算精簡，沒有用到反射，但也有一定的擴充套件性了。

轉載於:https://blog.51cto.com/jianshusoft/637077