我的Android進階之旅------>Android關於ImageSpan和SpannableString的初步瞭解

標籤：

最近要實現一個類似QQ聊天輸入框，在輸入框中可以同時輸入文字和表情映像的功能。如所示的效果：

為了實現這個效果，先去瞭解了一下ImageSpan和SpannableString的用法。下面用一個小執行個體來看看具體的用法，效果如下：

代碼如下：

@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);TextView mDetailView = (TextView) findViewById(R.id.detail);String text = "大家好啊，多笑笑嘛，就像這樣[smile]";ImageSpan imageSpan=new ImageSpan(this, R.drawable.smile);SpannableString spannableString = new SpannableString(text);spannableString.setSpan(imageSpan, text.indexOf('['),text.indexOf(']') + 1,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);mDetailView.setText(spannableString);}

代碼中主要是將 [smile]文本 替換成了 R.id.smile映像

布局檔案：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <TextView        android:id="@+id/detail"          android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/hello_world" /></RelativeLayout>

==================================================================================================

至於要實現第一圖所示的QQ聊天輸入框的效果，需要找到多張QQ表情圖片，然後和相對應的文本，用一個Map<String key,Integer value>來儲存起來。然後使用網格布局，將所有的表情都進行相關的縮放效果後再顯示出來，還得使用分頁技術，以及添加立體翻轉效果特效等，這裡就不貼代碼了。

可以參考網上的相關部落格：

Android UI【android 仿、QQ聊天，帶表情，可翻頁，帶翻頁拖動緩衝】

地址：http://blog.csdn.net/lnb333666/article/details/8546497

==================================================================================================

  歐陽鵬  歡迎轉載，與人分享是進步的源泉！

  轉載請保留原文地址：http://blog.csdn.net/ouyang_peng

==================================================================================================  

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

我的Android進階之旅------>Android關於ImageSpan和SpannableString的初步瞭解