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界面包含的各個功能效果逐一分析及展示。