一個很有意思的選擇表情DialogActivity

看效果圖:

彈出來的是一個Activity,所以在manifest中這樣宣告:

<activity android:name=".InputFaceActivity"
          android:theme="@android:style/Theme.Dialog"/>

下面程式碼是用來解析和儲存表情drawable的:

public class MessageFaceModel{

   /** single instance of this class */
   private static MessageFaceModel instance = null;
   
   /** context */
   private boolean mInitialized = false;
   
   private HashMap<String,Bitmap> mFaceMap = new HashMap<String,Bitmap>();
   
   private ArrayList<String> mFaceStrings = new ArrayList<String>();
   
   private ArrayList<Bitmap> mFaceIcons = new ArrayList<Bitmap>();
   
   /**
    * constructor
    */
   private MessageFaceModel(){
      
   }
   
   /**
    * Factory method
    */
   public static synchronized MessageFaceModel getInstance(){
      if(instance == null){
         instance = new MessageFaceModel();
      }
      return instance;
   }
   
   /**
    * initialize face data
    */
   public void init(Context context){
      if(mInitialized){
         //initialize only once
         return;
      }
      
      mFaceMap.clear();
      mFaceStrings.clear();
      mFaceIcons.clear();
      
      AssetManager assetManager = context.getAssets();
      ArrayList<String> faces = new ArrayList<String>();
      DocumentBuilderFactory docBuilderFactory = null;
      DocumentBuilder docBuilder = null;
      Document doc = null;
      try {
         docBuilderFactory = DocumentBuilderFactory.newInstance();
         docBuilder = docBuilderFactory.newDocumentBuilder();
         doc = docBuilder.parse(assetManager.open("message_face/MessageFace.xml"));
         Element root = doc.getDocumentElement();
         NodeList nodeList = root.getElementsByTagName("string");
         for(int i =0;i< nodeList.getLength();i++)
         {
            Node node = nodeList.item(i);
            String s = "";
            NodeList list = node.getChildNodes();
            if(list != null){
               for(int j = 0; j < list.getLength(); j++){
                  s += list.item(j).getNodeValue();
               }
            }
            faces.add(s);
         }
         
      } catch (Exception e) {
         // TODO Auto-generated catch block
         e.printStackTrace();
      } finally{
         doc = null;
         docBuilder = null;
         docBuilderFactory = null;

      }
      
      int i;
      for(i = 0; i < faces.size(); ++i){
         int index = i + 1;
         int id = context.getResources().getIdentifier(   
                    "msgface_" + index,    
                    "drawable", "com.pic.optimize");
         try {
            Bitmap bm =  BitmapFactory.decodeResource(context.getResources(),id);
            mFaceMap.put(faces.get(i), bm);
            mFaceStrings.add(faces.get(i));
            mFaceIcons.add(bm);
         } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
         }
      }
      
      mInitialized = true;
      
   }
   
   public ArrayList<Bitmap> getFaceIcons(){
      return mFaceIcons;
   }
   
   public ArrayList<String> getFaceStrings(){
      return mFaceStrings;
   }
   
   public Bitmap getFaceIcon(String face){
      if(mFaceMap != null){
         return mFaceMap.get(face);
      }else{
         return null;
      }
   }
   
   /**
    * find face string in TextView content and replace then with face icon
    */
   public SpannableString ProcessTextForFace(String textContent){
      
      if(textContent.length() == 0){
         return null;
      }
      
      int searchStartPos = 0;
      SpannableString spannableString = new SpannableString(textContent);
      while(true){
         int sPos = textContent.indexOf("(#", searchStartPos);
         if(sPos < 0){
            break;
         }
         
         int ePos = textContent.indexOf(")", searchStartPos);
         if(ePos < 0){
            break;
         }
         
         if (sPos >= ePos) {
            break;
         }
         
         //one symbol pair is found
         String face = textContent.substring(sPos, ePos + 1);
         Bitmap bm = getFaceIcon(face);
         if(bm != null){
            spannableString.setSpan(new ImageSpan(bm),
                              sPos, 
                              ePos + 1,
                              Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         }
         
         searchStartPos = ePos + 1;
      }
      
      return spannableString;
   
   }
   
   public void clear() {
      // TODO Auto-generated method stub
      mInitialized = false;
      mFaceMap.clear();
      mFaceStrings.clear();
      mFaceIcons.clear();
   }

}

然後我們寫Activity,xml檔案是:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android=""
  android:layout_width="fill_parent"
  android:layout_height="300dp"
  android:minHeight="100dp"
  android:background="@drawable/face_list_bg">
  <GridView
     xmlns:android=""
     android:id="@+id/input_face_gridview" 
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:layout_marginLeft="18dp"
     android:layout_marginRight="10dp" 
     android:layout_marginTop = "18dp"
     android:layout_marginBottom = "30dp"
     android:numColumns="auto_fit" 
     android:horizontalSpacing="10dp"
     android:verticalSpacing="15dp"
     android:columnWidth="50dp"
     android:stretchMode="columnWidth"
     android:gravity="center"
     android:layout_weight="1.0">
  </GridView>
  
  <LinearLayout
     xmlns:android=""
     android:layout_width="fill_parent"
     android:layout_height="wrap_content">
     <Button
        android:id="@+id/input_face_cancel_button" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/cancel_button_style">
     </Button>
  </LinearLayout>
</RelativeLayout>

gridview來顯示錶情:

@Override
protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    MessageFaceModel.getInstance().init(this);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    mWidth = this.getResources().getDimensionPixelSize(R.dimen.image_width);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM,
            WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM);
    setContentView(R.layout.input_face_activity);
    GridView gridView = (GridView) findViewById(R.id.input_face_gridview);
    gridView.setAdapter(new FaceListAdapter());
    gridView.setOnItemClickListener(new FaceListOnItemClickListener());

    Button cancelButton = (Button)findViewById(R.id.input_face_cancel_button);
    cancelButton.setOnClickListener(new View.OnClickListener(){

        @Override
        public void onClick(View arg0) {
            finish();
        }

    });

}

private class FaceListAdapter extends BaseAdapter {

    public int getCount() {
        if(mMessageFaceModel.getFaceIcons() != null){
            return mMessageFaceModel.getFaceIcons().size();
        }else{
            return 0;
        }
    }

    public Object getItem(int arg0) {
        return arg0;
    }

    public long getItemId(int arg0) {
        return arg0;
    }

    public View getView(int position, View convertView, ViewGroup parent) {

        ImageView view = new ImageView(InputFaceActivity.this);
        view.setImageBitmap(mMessageFaceModel.getFaceIcons().get(position));

        view.setLayoutParams(new GridView.LayoutParams(mWidth, mWidth));
        view.setScaleType(ImageView.ScaleType.CENTER);
        return view;
    }

}

程式碼在