仿QQ聊天（5）—聊天表情的适配

实现发送表情

第一步：先在drawable下导入需要的一些表情。然后自己再写一个txt文件，放在assets目录下。
txt文件格式如下：

f000.gif就是你放在drawable下表情图片的名称，必须和文字一一对应。

第二步
写两个方法，处理这些数据；

//从Assets中读取文件    public static List<String> readFromAssets(Context context){        List<String> data = new ArrayList<String>();        try {            InputStream inputStream = context.getResources().getAssets().open("emoji.txt");            BufferedReader br = new BufferedReader(new InputStreamReader(inputStream, "UTF_8"));            String str = null;            while((str = br.readLine())!= null){                data.add(str);            }            return data;        } catch (IOException e) {            e.printStackTrace();        }        return null;    }

/** 保存于内存中的表情HashMap */    private static HashMap<String, String> emojiMap = new HashMap<String, String>();//将这些数据处理成实体类    public static List<EmojiEntity> getlistEmEntities(List<String> data,Context context){        List<EmojiEntity> listEmEntities = new ArrayList<EmojiEntity>();        if (data == null) {            return null;        }        EmojiEntity emEntity;        for(String str:data){            String[] split = str.split(",");            String name1 = split[0];            String name = name1.substring(0,4);             String content = split[1];            FileUtils.emojiMap.put(content,name);            int id = context.getResources().getIdentifier(name"drawable",context.getPackageName());            if(id != 0){                emEntity = new EmojiEntity();                emEntity.setContent(content);                emEntity.setID(id);                listEmEntities.add(emEntity);            }        }        return listEmEntities;    }

在ChatActivity中调用这两个方法：

private List<EmojiEntity> listEmEntities;List<String> data = FileUtils.readFromAssets(getApplicationContext());        listEmEntities = FileUtils.getlistEmEntities(data, this);        int size = listEmEntities.size();        List<EmojiEntity> temListEmEntities1 = listEmEntities.subList(0, 21);        List<EmojiEntity> temListEmEntities2 = listEmEntities.subList(22, 43);        List<EmojiEntity> temListEmEntities3 = listEmEntities.subList(44, size);

我比较蠢，只会这样写。表情页每页放21个表情，就把数据处理成了三段，没段21个表情。

第三步

点击头像按钮，弹出表情页，表情页是用ViewPager做的，可以左右滑动。观察QQ表情的摆放，可以知道这些表情是发在一个GridView里面的，所以呢，ViewPager的每一页都是一个GridView。在ChatActivity中动态的生成三个GridView，

private List<GridView> listViews = new ArrayList<GridView>();//保存GridView的集合for (int i = 0; i < 3; i++) {            GridView view = new GridView(this);            view.setOnItemClickListener(this);            view.setNumColumns(7);            view.setBackgroundColor(Color.TRANSPARENT);            view.setHorizontalSpacing(1);            view.setVerticalSpacing(1);            view.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);            view.setCacheColorHint(0);            view.setPadding(5, 0, 5, 0);            view.setSelector(new ColorDrawable(Color.TRANSPARENT));            view.setLayoutParams(new LayoutParams(android.view.ViewGroup.LayoutParams.FILL_PARENT,                    android.view.ViewGroup.LayoutParams.WRAP_CONTENT));            view.setGravity(Gravity.CENTER);            if (i == 0) {            //设置第一页的表情                GridViewAdapter gvAdapter = new GridViewAdapter(this,                        temListEmEntities1);                view.setAdapter(gvAdapter);                listViews.add(view);            } else if (i == 1) {            //设置第二页的表情                GridViewAdapter gvAdapter = new GridViewAdapter(this,                        temListEmEntities2);                view.setAdapter(gvAdapter);                listViews.add(view);            } else if (i == 2) {            //设置第三页的表情                GridViewAdapter gvAdapter = new GridViewAdapter(this,                        temListEmEntities3);                view.setAdapter(gvAdapter);                listViews.add(view);            }            //这个是ViewPager的适配器。他的里面填充的就是GridView            EmojiAdapter amAdapter = new EmojiAdapter(this, listViews);            vp_emoji.setAdapter(amAdapter);        }

GridView的适配器比较简单，根据数据源temListEmEntities1 ，temListEmEntities2，temListEmEntities3的不同，设置不同的数据，然后根据position给每个位置放上表情

package com.example.adapter;import java.util.ArrayList;import java.util.List;import com.example.activity.ChatActivity;import com.example.bean.EmojiEntity;import com.example.testqqchatui.R;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;/** * @author 作者:xsl * @version 创建时间 :2015/10/30 * 类说明:表情适配器 */public class GridViewAdapter extends BaseAdapter{    private Context context;    private List<EmojiEntity> listEmEntities = new ArrayList<EmojiEntity>();    private LayoutInflater inflater;    public GridViewAdapter(ChatActivity chatActivity, List<EmojiEntity> temListEmEntities1) {        this.context = chatActivity;        this.listEmEntities = temListEmEntities1;        inflater = LayoutInflater.from(context);    }    @Override    public int getCount() {        return listEmEntities.size();    }    @Override    public Object getItem(int position) {        return null;    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        EmojiEntity i = listEmEntities.get(position);        View view = null;        ViewHolder holder = null;        if(convertView == null){            holder = new ViewHolder();            view = inflater.inflate(R.layout.item_face,null);            holder.item_iv_face = (ImageView)view.findViewById(R.id.item_iv_face);            view.setTag(holder);        }else{            view = convertView;            holder = (ViewHolder)view.getTag();        }        holder.item_iv_face.setImageResource(i.getID());        return view;    }    class ViewHolder{        ImageView item_iv_face;    }}

ViewPager的表情就更简单了，

package com.example.adapter;import java.util.List;import com.example.activity.ChatActivity;import android.content.Context;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.view.View;import android.widget.GridView;/** * @author 作者:xsl * @version 创建时间 :2015/10/30 * 类说明:表情页面切换适配器 */public class EmojiAdapter extends PagerAdapter{    private Context context;    private List<GridView> listViews;    public EmojiAdapter(ChatActivity chatActivity, List<GridView> listViews) {        this.context = chatActivity;        this.listViews = listViews;    }    @Override    public int getCount() {        return 3;    }    @Override    public boolean isViewFromObject(View arg0, Object arg1) {        return arg0 == arg1 ;    }    @Override    public Object instantiateItem(View container, int position) {        ((ViewPager)container).addView(listViews.get(position));        return listViews.get(position);    }    @Override    public void destroyItem(View container, int position, Object object) {        ((ViewPager)container).removeView(listViews.get(position));    }}

这样就把数据适配上去了。
然后点击每一个item就可以把表情发送到聊天窗口了，当然，还需要做一下正则表达式的比较。我是不会的正则的骂我是抄的。源码中有。