标签：
引言及内容概要
已经有几位读者抱怨“柳峰只用到文本消息作为示例，从来不提图文消息，都不知道图文消息该如何使用”，好吧，我错了，原本以为把基础API封装完、框架搭建好，再给出一个文本消息的使用示例，大家就能够照猫画虎的，或许是因为我的绘画功底太差，画出的那只猫本来就不像猫吧……
本篇主要介绍微信公众帐号开发中图文消息的使用，以及图文消息的几种表现形式。标题取名为“图文消息全攻略”，这绝对不是标题党，是想借此机会把大家对图文消息相关的问题、疑虑、障碍全部清除掉。
图文消息的主要参数说明
通过微信官方的消息接口指南，可以看到对图文消息的参数介绍，如下图所示：
从图中可以了解到：
1）图文消息的个数限制为10，也就是图中ArticleCount的值（图文消息的个数，限制在10条以内）；
2）对于多图文消息，第一条图文的图片显示为大图，其他图文的图片显示为小图；
3）第一条图文的图片大小建议为640*320，其他图文的图片大小建议为80*80；
好了，了解这些，再结合第4篇文章所讲的消息及消息处理工具的封装，想要回复图文消息给用户也就不是什么难事了。
图文消息的多种表现形式
下面直接通过代码演示图文消息最主要的五种表现形式的用法，源代码如下：
如果不明白CoreService类放在什么位置，该如何使用，请查看本系列教程的第5篇。上面代码实现的功能是当用户发送数字1-5时，分别回复五种不同表现形式的图文消息给用户，如下：
a）用户发送1，回复单图文消息。参考代码68~81行，运行效果如下：
b）用户发送2，回复单图文消息---不含图片。参考代码82~96行，运行效果如下：
说明：图文消息的标题、描述是可以包含QQ表情、符号表情的。
c）用户发送3，回复多图文消息。参考代码97~123行，运行效果如下：
说明：对于多图文消息，描述不会被显示，可以在标题使用换行符，使得显示更加美观。
d）用户发送4，回复多图文消息---首条消息不含图片。参考代码124~158行，运行效果如下：
e）用户发送5，回复多图文消息---最后一条消息不含图片。参考代码159~186行，运行效果如下：
可以看出，图文消息有着丰富的内容及多样化的表现形式，希望大家能够根据各自的特点及实际使用需要，合理地运用。
最后，根据实践经验，我对图文消息做一个使用总结：
1）一定要给图文消息的Url属性赋值。不管是单图文，还是多图文，或者是不含图片的图文，都有可能会被用户点击。如果Url为空，用户点击后将会打开一个空白页面，这给用户的体验是非常差的；
2）只有单图文的描述才会显示，多图文的描述不会被显示；
3）图文消息的标题、描述中可以使用QQ表情和符号表情。合理地运用表情符号，会使得消息更加生动；
4）图文消息的标题、描述中可以使用换行符。合理地使用换行符，会使得内容结构更加清晰；
5）图文消息的标题、描述中不支持超文本链接（html的<a>标签）。不只是技术上实现不了，就连逻辑上也说不通，因为一条图文消息的任何位置被点击，都将调用微信内置的浏览器打开Url，如果标题、描述里再放几个超链接，不知道点击该打开哪个页面。真搞不懂为什么有好几个同学都在问这个问题，难道设计成多图文不好吗？
6）图文消息的链接、图片链接可以使用外部域名下的资源，如本例中：柳峰的头像、博文的链接，都是指向CSDN网站的资源。在网上，甚至是微信官方交流群里，认为图文消息的Url、PicUrl不可以使用外链的大有人在，不知道这谣言从哪开始的，实践是检验真理的唯一标准！
7）使用指定大小的图片。第一条图文的图片大小建议为640*320，其他图文的图片大小建议为80*80。如果使用的图片太大，加载慢，而且耗流量；如果使用的图片太小，显示后会被拉伸，失真了很难看。
8）每条图文消息的图文建议控制在1-4条。这样在绝大多数终端上一屏能够显示完，用户扫一眼就能大概了解消息的主要内容，这样最有可能促使用户去点击并阅读。
如果觉得文章对你有所帮助，请通过留言或关注微信公众帐号xiaoqrobot来支持柳峰！
标签：
原文地址：http://www.cnblogs.com/Alex80/p/4253413.html
