上篇已經成功響應了關注事件，也實現了文本消息的發(fā)送，這篇開始圖文消息處理， 微信中最常用的消息類型就是圖文消息了，因為它圖文并茂，最能表達信息。 圖文消息在微信中的接口定義如下：

<xml>
<ToUserName><![CDATA[toUser]]></ToUserName>
<FromUserName><![CDATA[fromUser]]></FromUserName>
<CreateTime>12345678</CreateTime>
<MsgType><![CDATA[news]]></MsgType>
<ArticleCount>2</ArticleCount>
<Articles>
<item>
<Title><![CDATA[title1]]></Title>?
<Description><![CDATA[description1]]></Description>
<PicUrl><![CDATA[picurl]]></PicUrl>
<Url><![CDATA[url]]></Url>
</item>
<item>
<Title><![CDATA[title]]></Title>
<Description><![CDATA[description]]></Description>
<PicUrl><![CDATA[picurl]]></PicUrl>
<Url><![CDATA[url]]></Url>
</item>
</Articles>
</xml>

加上文字定義：

很多人第一次看這個文檔時會感覺看不懂， ?因為它這寫的實在是不太直觀， ?多看幾眼就明白了， ?開發(fā)者、用戶、時間等等跟文本消息及其他消息都一樣， 唯一不一樣的是圖文消息中articles節(jié)點又是個多條記錄的節(jié)點，它跟其他節(jié)點同級，具體文章相當于子級， ?這個看了之前文章中定義圖文消息模型就很直觀了，我把文章單獨作為一個list當作圖文消息模型中的一個屬性來用。

? ? ?我們這里模擬幾條數據

SNews?mN?=?new?SNews();
???????????????mN.FromUserName?=?ReadXml.ReadModel("ToUserName",?model);
???????????????mN.ToUserName?=?ReadXml.ReadModel("FromUserName",?model);
???????????????mN.CreateTime?=?long.Parse(ReadXml.ReadModel("CreateTime",?model));
???????????????mN.MsgType?=?"news";
???????????????
???????????????//???以下為文章內容，??實際使用時，此處應該是一個跟數據庫交互的方法，查詢出文章
???????????????//文章條數，??文章內容等???都應該由數據庫查詢出來的數據決定???這里測試，就模擬幾條
???????????????
???????????????mN.ArticleCount?=5;
???????????????List<ArticlesModel>?listNews?=?new?List<ArticlesModel>();
???????????????for?(int?i?=?0;?i?<?6;i++?)
???????????????{
???????????????????ArticlesModel?ma?=?new?ArticlesModel();
???????????????????ma.Title?="這是第"+i.ToString()+"篇文章";
???????????????????ma.Description?="--"+i.ToString()+"--";
???????????????????ma.PicUrl?=?"http://image6.tuku.cn/pic/wallpaper/dongwu/taipingniaogaoqingbizhi/s00"+(i+1).ToString()+".jpg";
???????????????????ma.Url?=?"http://www.cnblogs.com/mochen/";
???????????????????listNews.Add(ma);
???????????????}
???????????????mN.Articles?=?listNews;
???????????????ReadXml.ResponseToEnd(DALWei.SendNews(mN));

demo是輸入？或?或幫助 ?回復文字菜單， 輸入其他字符回復圖文

效果：

圖文消息超過1篇時默認第一篇是大圖顯示，且每一篇都僅僅顯示標題， ?當只有一條時會顯示簡介，如圖：

? ? ?無論有多少條文章，每篇文章點擊都會打開所賦值的文章鏈接， 此時就相當于打開了一個瀏覽器訪問你的web頁面，這個頁面你可以自行設計成任何樣子， ?由于手機大小不一，這個頁面設計時最好考慮下屏幕適配，做成響應式布局吧

?

? ? ?好了，圖文消息就是這么多，至此為止，微信所有的基礎內容基本上都完成了， ?在第7篇我會放出完整的demo版源碼，保證拿回去扔到服務器上指定個域名，然后到微信官方填寫一下，立刻就能看到效果......

更多asp.net開發(fā)微信公眾平臺(5)微信圖文消息相關文章請關注PHP中文網！