WPF—QQ界面（一）：QQ界面的總體佈局

15年6月底初學C#的WPF，在此以前對軟件編程行業基本上至關於小白，今後漫漫程序路。

把C#的基本語法看了一遍，高級教程還沒看，在師兄的提點下，開始嘗試着寫QQ的界面。

先將界面包含的各個效果分塊寫成隨筆，期間遇到各類問題，要麼請教師兄、同窗，要麼上網查閱大牛們寫的博客（此後全部的文章中如有冒犯，請私信），如文中出現不當或者不夠優化的代碼，望廣大博友積極指出，謝謝！

編譯環境：windows 8.1 + VS2013

先上效果圖：

總體佈局我採用Grid來作，將整個界面分紅9行（其中兩行是空的），接着在各個網站找小圖標（For exp：www.iconfont.cn公開圖標庫），將這些小圖標添加進界面便可。

將圖標添加進界面的詳細步驟：（能夠以Button或Image兩種方式添加）

1，在解決方案處右鍵添加——新建文件夾，重命名爲A，此時在本地也會生成一個同名的文件夾，將找好的小圖標放進該A文件夾；

2，找到Properties下的Resources.resx 並雙擊，在彈出的Resources.resx的窗口中點擊「添加資源」——添加現有文件，將A文件夾的圖片導入資源庫；

3，此時在解決方案下的A文件夾中就有了你導入的圖片，選中該圖片右鍵——屬性，在屬性欄的「生成操做」中選擇「Resource」，此時咱們就能夠在代碼中引用這張圖片了。

4，例如我用Image將這張圖片添加到界面中，

<Image  Source="emotion/online2.png" />

上行代碼中的source 是圖片源，可以索引圖片的位置，emotion至關於A文件夾，online2.png是圖片名，此時圖片就能在Xaml的設計器中顯示了。

。。。。。

重複這樣的步驟，可以將大體的界面佈局完成，添加文本框和文本塊這樣的簡單操做在這裏我就不一一贅述了。

接下來的隨筆將會對這個QQ界面包含的各個功能效果逐一分析及展現。