Android UI【android 仿微信、QQ聊天，带表情，可翻页，带翻页拖动缓冲】

分类：Android UI设计 2013-01-27 16:11 3705人阅读 评论(50) 收藏 举报 微信表情 QQ 表情

如题，这是公司项目的一个功能模块，先上个效果图：

其次大致说说原理：

1，首先判断输入的字符，是否包含表情的文字，比如 这个表情对应的文件名为emoji_1.png，它对应的文字描述 ：[可爱]，如果我们在输出的是输出这么一句话：老婆，我想你了。 那么我们对应的根本文字就是：老婆，我想你了[可爱]。

2，具体的转换过程就是用正则表达式比配文字中是否含有[xxx]这类的文字，如果有，那么我们就根据拿到的[xxx]找到它对应的资源文件id,当然这其中有一个关系表，看你怎么处理这个关系了。最后将其用SpannableString替换成文字，表面上显示有图片，其实TextView里的text依然是:老婆，我想你了[可爱]。这个过程明白么？

下面贴上DEMO工程的结构：

再贴上几个重要的类：

[java] view plain copy print ?

1. packagecom.example.facedemo;
3. importjava.util.ArrayList;
4. importjava.util.HashMap;
5. importjava.util.List;
6. importjava.util.regex.Matcher;
7. importjava.util.regex.Pattern;
9. importandroid.content.Context;
10. importandroid.graphics.Bitmap;
11. importandroid.graphics.BitmapFactory;
12. importandroid.text.Spannable;
13. importandroid.text.SpannableString;
14. importandroid.text.TextUtils;
15. importandroid.text.style.ImageSpan;
16. importandroid.util.Log;
18. /**
19. *
20. ******************************************
21. *@author廖乃波
22. *@文件名称:FaceConversionUtil.java
23. *@创建时间:2013-1-27下午02:34:09
24. *@文件描述:表情轉換工具
25. ******************************************
26. */
27. publicclassFaceConversionUtil{
29. /**每一页表情的个数*/
30. privateintpageSize=20;
32. privatestaticFaceConversionUtilmFaceConversionUtil;
34. /**保存于内存中的表情HashMap*/
35. privateHashMap<String,String>emojiMap=newHashMap<String,String>();
37. /**保存于内存中的表情集合*/
38. privateList<ChatEmoji>emojis=newArrayList<ChatEmoji>();
40. /**表情分页的结果集合*/
41. publicList<List<ChatEmoji>>emojiLists=newArrayList<List<ChatEmoji>>();
43. privateFaceConversionUtil(){
45. }
47. publicstaticFaceConversionUtilgetInstace(){
48. if(mFaceConversionUtil==null){
49. mFaceConversionUtil=newFaceConversionUtil();
50. }
51. returnmFaceConversionUtil;
52. }
54. /**
55. *得到一个SpanableString对象，通过传入的字符串,并进行正则判断
56. *
57. *@paramcontext
58. *@paramstr
59. *@return
60. */
61. publicSpannableStringgetExpressionString(Contextcontext,Stringstr){
62. SpannableStringspannableString=newSpannableString(str);
63. //正则表达式比配字符串里是否含有表情，如：我好[开心]啊
64. Stringzhengze="\\[[^\\]]+\\]";
65. //通过传入的正则表达式来生成一个pattern
66. PatternsinaPatten=Pattern.compile(zhengze,Pattern.CASE_INSENSITIVE);
67. try{
68. dealExpression(context,spannableString,sinaPatten,0);
69. }catch(Exceptione){
70. Log.e("dealExpression",e.getMessage());
71. }
72. returnspannableString;
73. }
75. /**
76. *添加表情
77. *
78. *@paramcontext
79. *@paramimgId
80. *@paramspannableString
81. *@return
82. */
83. publicSpannableStringaddFace(Contextcontext,intimgId,
84. StringspannableString){
85. if(TextUtils.isEmpty(spannableString)){
86. returnnull;
87. }
88. Bitmapbitmap=BitmapFactory.decodeResource(context.getResources(),
89. imgId);
90. bitmap=Bitmap.createScaledBitmap(bitmap,35,35,true);
91. ImageSpanimageSpan=newImageSpan(context,bitmap);
92. SpannableStringspannable=newSpannableString(spannableString);
93. spannable.setSpan(imageSpan,0,spannableString.length(),
94. Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
95. returnspannable;
96. }
98. /**
99. *对spanableString进行正则判断，如果符合要求，则以表情图片代替
100. *
101. *@paramcontext
102. *@paramspannableString
103. *@parampatten
104. *@paramstart
105. *@throwsException
106. */
107. privatevoiddealExpression(Contextcontext,
108. SpannableStringspannableString,Patternpatten,intstart)
109. throwsException{
110. Matchermatcher=patten.matcher(spannableString);
111. while(matcher.find()){
112. Stringkey=matcher.group();
113. //返回第一个字符的索引的文本匹配整个正则表达式,ture则继续递归
114. if(matcher.start()<start){
115. continue;
116. }
117. Stringvalue=emojiMap.get(key);
118. if(TextUtils.isEmpty(value)){
119. continue;
120. }
121. intresId=context.getResources().getIdentifier(value,"drawable",
122. context.getPackageName());
123. //通过上面匹配得到的字符串来生成图片资源id，下边的方法可用，但是你工程混淆的时候就有事了，你懂的。不是我介绍的重点
124. //Fieldfield=R.drawable.class.getDeclaredField(value);
125. //intresId=Integer.parseInt(field.get(null).toString());
126. if(resId!=0){
127. Bitmapbitmap=BitmapFactory.decodeResource(
128. context.getResources(),resId);
129. bitmap=Bitmap.createScaledBitmap(bitmap,50,50,true);
130. //通过图片资源id来得到bitmap，用一个ImageSpan来包装
131. ImageSpanimageSpan=newImageSpan(bitmap);
132. //计算该图片名字的长度，也就是要替换的字符串的长度
133. intend=matcher.start()+key.length();
134. //将该图片替换字符串中规定的位置中
135. spannableString.setSpan(imageSpan,matcher.start(),end,
136. Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
137. if(end<spannableString.length()){
138. //如果整个字符串还未验证完，则继续。。
139. dealExpression(context,spannableString,patten,end);
140. }
141. break;
142. }
143. }
144. }
146. publicvoidgetFileText(Contextcontext){
147. ParseData(FileUtils.getEmojiFile(context),context);
148. }
150. /**
151. *解析字符
152. *
153. *@paramdata
154. */
155. privatevoidParseData(List<String>data,Contextcontext){
156. if(data==null){
157. return;
158. }
159. ChatEmojiemojEentry;
160. try{
161. for(Stringstr:data){
162. String[]text=str.split(",");
163. StringfileName=text[0]
164. .substring(0,text[0].lastIndexOf("."));
165. emojiMap.put(text[1],fileName);
166. intresID=context.getResources().getIdentifier(fileName,
167. "drawable",context.getPackageName());
169. if(resID!=0){
170. emojEentry=newChatEmoji();
171. emojEentry.setId(resID);
172. emojEentry.setCharacter(text[1]);
173. emojEentry.setFaceName(fileName);
174. emojis.add(emojEentry);
175. }
176. }
177. intpageCount=(int)Math.ceil(emojis.size()/20+0.1);
179. for(inti=0;i<pageCount;i++){
180. emojiLists.add(getData(i));
181. }
182. }catch(Exceptione){
183. e.printStackTrace();
184. }
185. }
187. /**
188. *获取分页数据
189. *
190. *@parampage
191. *@return
192. */
193. privateList<ChatEmoji>getData(intpage){
194. intstartIndex=page*pageSize;
195. intendIndex=startIndex+pageSize;
197. if(endIndex>emojis.size()){
198. endIndex=emojis.size();
199. }
200. //不这么写，会在viewpager加载中报集合操作异常，我也不知道为什么
201. List<ChatEmoji>list=newArrayList<ChatEmoji>();
202. list.addAll(emojis.subList(startIndex,endIndex));
203. if(list.size()<pageSize){
204. for(inti=list.size();i<pageSize;i++){
205. ChatEmojiobject=newChatEmoji();
206. list.add(object);
207. }
208. }
209. if(list.size()==pageSize){
210. ChatEmojiobject=newChatEmoji();
211. object.setId(R.drawable.face_del_icon);
212. list.add(object);
213. }
214. returnlist;
215. }
216. }

下边是表情布局，带输入框的，这样可以多个地方使用，就不不会使用太多多余代码。

[java] view plain copy print ?

1. packagecom.example.facedemo;
3. importjava.util.ArrayList;
4. importjava.util.List;
6. importandroid.content.Context;
7. importandroid.graphics.Color;
8. importandroid.graphics.drawable.ColorDrawable;
9. importandroid.support.v4.view.ViewPager;
10. importandroid.support.v4.view.ViewPager.OnPageChangeListener;
11. importandroid.text.SpannableString;
12. importandroid.text.TextUtils;
13. importandroid.util.AttributeSet;
14. importandroid.view.Gravity;
15. importandroid.view.View;
16. importandroid.view.View.OnClickListener;
17. importandroid.view.ViewGroup;
18. importandroid.widget.AdapterView;
19. importandroid.widget.AdapterView.OnItemClickListener;
20. importandroid.widget.EditText;
21. importandroid.widget.GridView;
22. importandroid.widget.ImageView;
23. importandroid.widget.LinearLayout;
24. importandroid.widget.RelativeLayout;
26. /**
27. *
28. ******************************************
29. *@author廖乃波
30. *@文件名称:FaceRelativeLayout.java
31. *@创建时间:2013-1-27下午02:34:17
32. *@文件描述:带表情的自定义输入框
33. ******************************************
34. */
35. publicclassFaceRelativeLayoutextendsRelativeLayoutimplements
36. OnItemClickListener,OnClickListener{
38. privateContextcontext;
40. /**表情页的监听事件*/
41. privateOnCorpusSelectedListenermListener;
43. /**显示表情页的viewpager*/
44. privateViewPagervp_face;
46. /**表情页界面集合*/
47. privateArrayList<View>pageViews;
49. /**游标显示布局*/
50. privateLinearLayoutlayout_point;
52. /**游标点集合*/
53. privateArrayList<ImageView>pointViews;
55. /**表情集合*/
56. privateList<List<ChatEmoji>>emojis;
58. /**表情区域*/
59. privateViewview;
61. /**输入框*/
62. privateEditTextet_sendmessage;
64. /**表情数据填充器*/
65. privateList<FaceAdapter>faceAdapters;
67. /**当前表情页*/
68. privateintcurrent=0;
70. publicFaceRelativeLayout(Contextcontext){
71. super(context);
72. this.context=context;
73. }
75. publicFaceRelativeLayout(Contextcontext,AttributeSetattrs){
76. super(context,attrs);
77. this.context=context;
78. }
80. publicFaceRelativeLayout(Contextcontext,AttributeSetattrs,intdefStyle){
81. super(context,attrs,defStyle);
82. this.context=context;
83. }
85. publicvoidsetOnCorpusSelectedListener(OnCorpusSelectedListenerlistener){
86. mListener=listener;
87. }
89. /**
90. *表情选择监听
91. *
92. *@authornaibo-liao
93. *@时间：2013-1-15下午04:32:54
94. */
95. publicinterfaceOnCorpusSelectedListener{
97. voidonCorpusSelected(ChatEmojiemoji);
99. voidonCorpusDeleted();
100. }
102. @Override
103. protectedvoidonFinishInflate(){
104. super.onFinishInflate();
105. emojis=FaceConversionUtil.getInstace().emojiLists;
106. onCreate();
107. }
109. privatevoidonCreate(){
110. Init_View();
111. Init_viewPager();
112. Init_Point();
113. Init_Data();
114. }
116. @Override
117. publicvoidonClick(Viewv){
118. switch(v.getId()){
119. caseR.id.btn_face:
120. //隐藏表情选择框
121. if(view.getVisibility()==View.VISIBLE){
122. view.setVisibility(View.GONE);
123. }else{
124. view.setVisibility(View.VISIBLE);
125. }
126. break;
127. caseR.id.et_sendmessage:
128. //隐藏表情选择框
129. if(view.getVisibility()==View.VISIBLE){
130. view.setVisibility(View.GONE);
131. }
132. break;
134. }
135. }
137. /**
138. *隐藏表情选择框
139. */
140. publicbooleanhideFaceView(){
141. //隐藏表情选择框
142. if(view.getVisibility()==View.VISIBLE){
143. view.setVisibility(View.GONE);
144. returntrue;
145. }
146. returnfalse;
147. }
149. /**
150. *初始化控件
151. */
152. privatevoidInit_View(){
153. vp_face=(ViewPager)findViewById(R.id.vp_contains);
154. et_sendmessage=(EditText)findViewById(R.id.et_sendmessage);
155. layout_point=(LinearLayout)findViewById(R.id.iv_image);
156. et_sendmessage.setOnClickListener(this);
157. findViewById(R.id.btn_face).setOnClickListener(this);
158. view=findViewById(R.id.ll_facechoose);
160. }
162. /**
163. *初始化显示表情的viewpager
164. */
165. privatevoidInit_viewPager(){
166. pageViews=newArrayList<View>();
167. //左侧添加空页
168. ViewnullView1=newView(context);
169. //设置透明背景
170. nullView1.setBackgroundColor(Color.TRANSPARENT);
171. pageViews.add(nullView1);
173. //中间添加表情页
175. faceAdapters=newArrayList<FaceAdapter>();
176. for(inti=0;i<emojis.size();i++){
177. GridViewview=newGridView(context);
178. FaceAdapteradapter=newFaceAdapter(context,emojis.get(i));
179. view.setAdapter(adapter);
180. faceAdapters.add(adapter);
181. view.setOnItemClickListener(this);
182. view.setNumColumns(7);
183. view.setBackgroundColor(Color.TRANSPARENT);
184. view.setHorizontalSpacing(1);
185. view.setVerticalSpacing(1);
186. view.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
187. view.setCacheColorHint(0);
188. view.setPadding(5,0,5,0);
189. view.setSelector(newColorDrawable(Color.TRANSPARENT));
190. view.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,
191. LayoutParams.WRAP_CONTENT));
192. view.setGravity(Gravity.CENTER);
193. pageViews.add(view);
194. }
196. //右侧添加空页面
197. ViewnullView2=newView(context);
198. //设置透明背景
199. nullView2.setBackgroundColor(Color.TRANSPARENT);
200. pageViews.add(nullView2);
201. }
203. /**
204. *初始化游标
205. */
206. privatevoidInit_Point(){
208. pointViews=newArrayList<ImageView>();
209. ImageViewimageView;
210. for(inti=0;i<pageViews.size();i++){
211. imageView=newImageView(context);
212. imageView.setBackgroundResource(R.drawable.d1);
213. LinearLayout.LayoutParamslayoutParams=newLinearLayout.LayoutParams(
214. newViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT,
215. LayoutParams.WRAP_CONTENT));
216. layoutParams.leftMargin=10;
217. layoutParams.rightMargin=10;
218. layoutParams.width=8;
219. layoutParams.height=8;
220. layout_point.addView(imageView,layoutParams);
221. if(i==0||i==pageViews.size()-1){
222. imageView.setVisibility(View.GONE);
223. }
224. if(i==1){
225. imageView.setBackgroundResource(R.drawable.d2);
226. }
227. pointViews.add(imageView);
229. }
230. }
232. /**
233. *填充数据
234. */
235. privatevoidInit_Data(){
236. vp_face.setAdapter(newViewPagerAdapter(pageViews));
238. vp_face.setCurrentItem(1);
239. current=0;
240. vp_face.setOnPageChangeListener(newOnPageChangeListener(){
242. @Override
243. publicvoidonPageSelected(intarg0){
244. current=arg0-1;
245. //描绘分页点
246. draw_Point(arg0);
247. //如果是第一屏或者是最后一屏禁止滑动，其实这里实现的是如果滑动的是第一屏则跳转至第二屏，如果是最后一屏则跳转到倒数第二屏.
248. if(arg0==pointViews.size()-1||arg0==0){
249. if(arg0==0){
250. vp_face.setCurrentItem(arg0+1);//第二屏会再次实现该回调方法实现跳转.
251. pointViews.get(1).setBackgroundResource(R.drawable.d2);
252. }else{
253. vp_face.setCurrentItem(arg0-1);//倒数第二屏
254. pointViews.get(arg0-1).setBackgroundResource(
255. R.drawable.d2);
256. }
257. }
258. }
260. @Override
261. publicvoidonPageScrolled(intarg0,floatarg1,intarg2){
263. }
265. @Override
266. publicvoidonPageScrollStateChanged(intarg0){
268. }
269. });
271. }
273. /**
274. *绘制游标背景
275. */
276. publicvoiddraw_Point(intindex){
277. for(inti=1;i<pointViews.size();i++){
278. if(index==i){
279. pointViews.get(i).setBackgroundResource(R.drawable.d2);
280. }else{
281. pointViews.get(i).setBackgroundResource(R.drawable.d1);
282. }
283. }
284. }
286. @Override
287. publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,longarg3){
288. ChatEmojiemoji=(ChatEmoji)faceAdapters.get(current).getItem(arg2);
289. if(emoji.getId()==R.drawable.face_del_icon){
290. intselection=et_sendmessage.getSelectionStart();
291. Stringtext=et_sendmessage.getText().toString();
292. if(selection>0){
293. Stringtext2=text.substring(selection-1);
294. if("]".equals(text2)){
295. intstart=text.lastIndexOf("[");
296. intend=selection;
297. et_sendmessage.getText().delete(start,end);
298. return;
299. }
300. et_sendmessage.getText().delete(selection-1,selection);
301. }
302. }
303. if(!TextUtils.isEmpty(emoji.getCharacter())){
304. if(mListener!=null)
305. mListener.onCorpusSelected(emoji);
306. SpannableStringspannableString=FaceConversionUtil.getInstace()
307. .addFace(getContext(),emoji.getId(),emoji.getCharacter());
308. et_sendmessage.append(spannableString);
309. }
311. }
312. }

接下来是聊天数据填充器的

[java] view plain copy print ?

1. packagecom.example.facedemo;
3. importandroid.content.Context;
5. importandroid.text.SpannableString;
6. importandroid.view.LayoutInflater;
7. importandroid.view.View;
8. importandroid.view.ViewGroup;
10. importandroid.widget.BaseAdapter;
11. importandroid.widget.TextView;
13. importjava.util.List;
15. /**
16. *
17. ******************************************
18. *@author廖乃波
19. *@文件名称:ChatMsgAdapter.java
20. *@创建时间:2013-1-27下午02:33:16
21. *@文件描述:消息数据填充起
22. ******************************************
23. */
24. publicclassChatMsgAdapterextendsBaseAdapter{
26. publicstaticinterfaceIMsgViewType{
27. intIMVT_COM_MSG=0;
28. intIMVT_TO_MSG=1;
29. }
31. privateList<ChatMsgEntity>coll;
32. privateLayoutInflatermInflater;
33. privateContextcontext;
34. publicChatMsgAdapter(Contextcontext,List<ChatMsgEntity>coll){
35. this.coll=coll;
36. mInflater=LayoutInflater.from(context);
37. this.context=context;
38. }
40. publicintgetCount(){
41. returncoll.size();
42. }
44. publicObjectgetItem(intposition){
45. returncoll.get(position);
46. }
48. publiclonggetItemId(intposition){
49. returnposition;
50. }
52. publicintgetItemViewType(intposition){
53. ChatMsgEntityentity=coll.get(position);
55. if(entity.getMsgType()){
56. returnIMsgViewType.IMVT_COM_MSG;
57. }else{
58. returnIMsgViewType.IMVT_TO_MSG;
59. }
61. }
63. publicintgetViewTypeCount(){
64. return2;
65. }
67. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
69. ChatMsgEntityentity=coll.get(position);
70. booleanisComMsg=entity.getMsgType();
72. ViewHolderviewHolder=null;
73. if(convertView==null){
74. if(isComMsg){
75. convertView=mInflater.inflate(
76. R.layout.chatting_item_msg_text_left,null);
77. }else{
78. convertView=mInflater.inflate(
79. R.layout.chatting_item_msg_text_right,null);
80. }
82. viewHolder=newViewHolder();
83. viewHolder.tvSendTime=(TextView)convertView
84. .findViewById(R.id.tv_sendtime);
85. viewHolder.tvContent=(TextView)convertView
86. .findViewById(R.id.tv_chatcontent);
87. viewHolder.isComMsg=isComMsg;
89. convertView.setTag(viewHolder);
90. }else{
91. viewHolder=(ViewHolder)convertView.getTag();
92. }
94. viewHolder.tvSendTime.setText(entity.getDate());
95. SpannableStringspannableString=FaceConversionUtil.getInstace().getExpressionString(context,entity.getText());
96. viewHolder.tvContent.setText(spannableString);
98. returnconvertView;
99. }
101. classViewHolder{
102. publicTextViewtvSendTime;
103. publicTextViewtvContent;
104. publicbooleanisComMsg=true;
105. }
107. }

最开始要读取的表情配置文件

[java] view plain copy print ?

1. packagecom.example.facedemo;
3. importjava.io.BufferedReader;
4. importjava.io.IOException;
5. importjava.io.InputStream;
6. importjava.io.InputStreamReader;
7. importjava.util.ArrayList;
8. importjava.util.List;
10. importandroid.content.Context;
12. /**
13. *
14. ******************************************
15. *@author廖乃波
16. *@文件名称:FileUtils.java
17. *@创建时间:2013-1-27下午02:35:09
18. *@文件描述:文件工具类
19. ******************************************
20. */
21. publicclassFileUtils{
22. /**
23. *读取表情配置文件
24. *
25. *@paramcontext
26. *@return
27. */
28. publicstaticList<String>getEmojiFile(Contextcontext){
29. try{
30. List<String>list=newArrayList<String>();
31. InputStreamin=context.getResources().getAssets().open("emoji");
32. BufferedReaderbr=newBufferedReader(newInputStreamReader(in,
33. "UTF-8"));
34. Stringstr=null;
35. while((str=br.readLine())!=null){
36. list.add(str);
37. }
39. returnlist;
40. }catch(IOExceptione){
41. e.printStackTrace();
42. }
43. returnnull;
44. }
45. }

下边这个是表情翻页的数据填充，用的是viewpager，每一页填充的是一个gridview

[java] view plain copy print ?

1. packagecom.example.facedemo;
3. importjava.util.List;
5. importandroid.support.v4.view.PagerAdapter;
6. importandroid.support.v4.view.ViewPager;
7. importandroid.view.View;
8. /**
9. *
10. ******************************************
11. *@author廖乃波
12. *@文件名称:ViewPagerAdapter.java
13. *@创建时间:2013-1-27下午02:35:27
14. *@文件描述:ViewPager数据填充器，切记做其他操作！！！只填充View！！！！
15. ******************************************
16. */
17. publicclassViewPagerAdapterextendsPagerAdapter{
19. privateList<View>pageViews;
21. publicViewPagerAdapter(List<View>pageViews){
22. super();
23. this.pageViews=pageViews;
24. }
26. //显示数目
27. @Override
28. publicintgetCount(){
29. returnpageViews.size();
30. }
32. @Override
33. publicbooleanisViewFromObject(Viewarg0,Objectarg1){
34. returnarg0==arg1;
35. }
37. @Override
38. publicintgetItemPosition(Objectobject){
39. returnsuper.getItemPosition(object);
40. }
42. @Override
43. publicvoiddestroyItem(Viewarg0,intarg1,Objectarg2){
44. ((ViewPager)arg0).removeView(pageViews.get(arg1));
45. }
47. /***
48. *获取每一个item�?类于listview中的getview
49. */
50. @Override
51. publicObjectinstantiateItem(Viewarg0,intarg1){
52. ((ViewPager)arg0).addView(pageViews.get(arg1));
53. returnpageViews.get(arg1);
54. }
55. }

最后呢，是表情的配置文件，你想怎么搞都行，我就这么搞的

[java] view plain copy print ?

1. emoji_1.png,[可爱]
2. emoji_2.png,[笑脸]
3. emoji_3.png,[囧]
4. emoji_4.png,[生气]
5. emoji_5.png,[鬼脸]
6. emoji_6.png,[花心]
7. emoji_7.png,[害怕]
8. emoji_8.png,[我汗]
9. emoji_9.png,[尴尬]
10. emoji_10.png,[哼哼]
11. emoji_11.png,[忧郁]
12. emoji_12.png,[呲牙]
13. emoji_13.png,[媚眼]
14. emoji_14.png,[累]
15. emoji_15.png,[苦逼]
16. emoji_16.png,[瞌睡]
17. emoji_17.png,[哎呀]
18. emoji_18.png,[刺瞎]
19. emoji_19.png,[哭]
20. emoji_20.png,[激动]
21. emoji_21.png,[难过]
22. emoji_22.png,[害羞]
23. emoji_23.png,[高兴]
24. emoji_24.png,[愤怒]
25. emoji_25.png,[亲]
26. emoji_26.png,[飞吻]
27. emoji_27.png,[得意]
28. emoji_28.png,[惊恐]
29. emoji_29.png,[口罩]
30. emoji_30.png,[惊讶]
31. emoji_31.png,[委屈]
32. emoji_32.png,[生病]
33. emoji_33.png,[红心]
34. emoji_34.png,[心碎]
35. emoji_35.png,[玫瑰]
36. emoji_36.png,[花]
37. emoji_37.png,[外星人]
38. emoji_38.png,[金牛座]
39. emoji_39.png,[双子座]
40. emoji_40.png,[巨蟹座]
41. emoji_41.png,[狮子座]
42. emoji_42.png,[处女座]
43. emoji_43.png,[天平座]
44. emoji_44.png,[天蝎座]
45. emoji_45.png,[射手座]
46. emoji_46.png,[摩羯座]
47. emoji_47.png,[水瓶座]
48. emoji_48.png,[白羊座]
49. emoji_49.png,[双鱼座]
50. emoji_50.png,[星座]
51. emoji_51.png,[男孩]
52. emoji_52.png,[女孩]
53. emoji_53.png,[嘴唇]
54. emoji_54.png,[爸爸]
55. emoji_55.png,[妈妈]
56. emoji_56.png,[衣服]
57. emoji_57.png,[皮鞋]
58. emoji_58.png,[照相]
59. emoji_59.png,[电话]
60. emoji_60.png,[石头]
61. emoji_61.png,[胜利]
62. emoji_62.png,[禁止]
63. emoji_63.png,[滑雪]
64. emoji_64.png,[高尔夫]
65. emoji_65.png,[网球]
66. emoji_66.png,[棒球]
67. emoji_67.png,[冲浪]
68. emoji_68.png,[足球]
69. emoji_69.png,[小鱼]
70. emoji_70.png,[问号]
71. emoji_71.png,[叹号]
72. emoji_179.png,[顶]
73. emoji_180.png,[写字]
74. emoji_181.png,[衬衫]
75. emoji_182.png,[小花]
76. emoji_183.png,[郁金香]
77. emoji_184.png,[向日葵]
78. emoji_185.png,[鲜花]
79. emoji_186.png,[椰树]
80. emoji_187.png,[仙人掌]
81. emoji_188.png,[气球]
82. emoji_189.png,[炸弹]
83. emoji_190.png,[喝彩]
84. emoji_191.png,[剪子]
85. emoji_192.png,[蝴蝶结]
86. emoji_193.png,[机密]
87. emoji_194.png,[铃声]
88. emoji_195.png,[女帽]
89. emoji_196.png,[裙子]
90. emoji_197.png,[理发店]
91. emoji_198.png,[和服]
92. emoji_199.png,[比基尼]
93. emoji_200.png,[拎包]
94. emoji_201.png,[拍摄]
95. emoji_202.png,[铃铛]
96. emoji_203.png,[音乐]
97. emoji_204.png,[心星]
98. emoji_205.png,[粉心]
99. emoji_206.png,[丘比特]
100. emoji_207.png,[吹气]
101. emoji_208.png,[口水]
102. emoji_209.png,[对]
103. emoji_210.png,[错]
104. emoji_211.png,[绿茶]
105. emoji_212.png,[面包]
106. emoji_213.png,[面条]
107. emoji_214.png,[咖喱饭]
108. emoji_215.png,[饭团]
109. emoji_216.png,[麻辣烫]
110. emoji_217.png,[寿司]
111. emoji_218.png,[苹果]
112. emoji_219.png,[橙子]
113. emoji_220.png,[草莓]
114. emoji_221.png,[西瓜]
115. emoji_222.png,[柿子]
116. emoji_223.png,[眼睛]
117. emoji_224.png,[好的]

忘了布局文件，哇哈哈

[html] view plain copy print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <com.example.facedemo.FaceRelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:id="@+id/FaceRelativeLayout"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content">
7. <RelativeLayout
8. android:id="@+id/rl_input"
9. android:layout_width="fill_parent"
10. android:layout_height="wrap_content"
11. android:background="@drawable/chat_footer_bg">
13. <ImageButton
14. android:id="@+id/btn_face"
15. android:layout_width="40dip"
16. android:layout_height="40dip"
17. android:layout_alignParentLeft="true"
18. android:layout_centerVertical="true"
19. android:layout_marginLeft="8dip"
20. android:background="@drawable/chat_send_btn"
21. android:src="@drawable/ib_face"/>
23. <Button
24. android:id="@+id/btn_send"
25. android:layout_width="60dp"
26. android:layout_height="40dp"
27. android:layout_alignParentRight="true"
28. android:layout_centerVertical="true"
29. android:layout_marginRight="10dp"
30. android:background="@drawable/chat_send_btn"
31. android:text="发送"/>
33. <EditText
34. android:id="@+id/et_sendmessage"
35. android:layout_width="fill_parent"
36. android:layout_height="40dp"
37. android:layout_centerVertical="true"
38. android:layout_marginLeft="8dp"
39. android:layout_marginRight="10dp"
40. android:layout_toLeftOf="@id/btn_send"
41. android:layout_toRightOf="@id/btn_face"
42. android:background="@drawable/login_edit_normal"
43. android:singleLine="true"
44. android:textSize="18sp"/>
45. </RelativeLayout>
47. <RelativeLayout
48. android:id="@+id/ll_facechoose"
49. android:layout_width="fill_parent"
50. android:layout_height="124dip"
51. android:layout_below="@id/rl_input"
52. android:background="#f6f5f5"
53. android:visibility="gone">
55. <android.support.v4.view.ViewPager
56. android:id="@+id/vp_contains"
57. android:layout_width="match_parent"
58. android:layout_height="match_parent">
59. </android.support.v4.view.ViewPager>
61. <LinearLayout
62. android:id="@+id/iv_image"
63. android:layout_width="match_parent"
64. android:layout_height="wrap_content"
65. android:layout_alignParentBottom="true"
66. android:layout_marginBottom="6dip"
67. android:gravity="center"
68. android:orientation="horizontal">
69. </LinearLayout>
70. </RelativeLayout>
72. </com.example.facedemo.FaceRelativeLayout>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 源码<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

更多相关文章

1. NPM 和webpack 的基础使用
2. 【阿里云镜像】使用阿里巴巴DNS镜像源——DNS配置教程
3. 读取android手机流量信息
4. android 使用html5作布局文件: webview跟javascript交互
5. Android(安卓)多媒体扫描过程（Android(安卓)Media Scanner Proces
6. android“设置”里的版本号
7. Android开发环境搭建
8. Android(安卓)Resource介绍和使用
9. 2014.01.21 ——— android 关联android-support源码

随机推荐

1. Android打开或者关闭软键盘的解决方案
2. 浅谈Android os体系架构
3. Mac Android(安卓)Studio快捷键整理
4. 【Android】APP_ALLOW_MISSING_DEPS=true
5. android上传文件到服务器（图片、文本等）
6. android 图片轮播（自动循环轮播）
7. 详细讲解下Hook技术,以Hook点击事件来示
8. Android 中的数据存储
9. android 监控usb插拔
10. Android如何防止apk程序被反编译