Android_聊天

接下来就进入聊天界面了，我的界面效果如下几个图所示：

这其中包括两个点：仿微信按住说话功能，表情管理
第一个，按住说话按钮的功能，通过重写Button完成，
/**
* 控制录音Button
* 1、重写onTouchEvent；（changeState方法、wantToCancel方法、reset方法）；
* 2、编写AudioDialogManage、并与该类AudioRecorderButton进行整合；
* 3、编写AudioManage、并与该类AudioRecorderButton进行整合；
*/

package com.ppl.myvoice.save;import android.content.Context;
import android.os.Environment;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;import com.ppl.get_loc.R;
import com.ppl.myvoice.save.AudioManage.AudioStateListenter;
/*** 控制录音Button* 1、重写onTouchEvent；（changeState方法、wantToCancel方法、reset方法）；* 2、编写AudioDialogManage、并与该类AudioRecorderButton进行整合；* 3、编写AudioManage、并与该类AudioRecorderButton进行整合；*/
public class AudioRecordrButton extends Button implements AudioStateListenter{/*** AudioRecorderButton的三个状态*/private static final int STATE_NORMAL = 1;           //默认状态private static final int STATE_RECORDERING = 2;      //录音状态private static final int STATE_WANT_TO_CALCEL = 3;   //取消状态private int mCurState = STATE_NORMAL;    // 当前录音状态private boolean isRecordering = false;   // 是否已经开始录音private boolean mReady;    // 是否触发onLongClickprivate static final int DISTANCE_Y_CANCEL = 50;private AudioDialogManage audioDialogManage;private AudioManage mAudioManage;/*** 正常录音完成后的回调* @author songshi**/public interface AudioFinishRecorderListenter{void onFinish(float seconds, String FilePath);}private AudioFinishRecorderListenter mListenter;public void setAudioFinishRecorderListenter(AudioFinishRecorderListenter listenter){this.mListenter=listenter;}//构造方法public AudioRecordrButton(Context context) {super(context);// TODO Auto-generated constructor stub}public AudioRecordrButton(Context context, AttributeSet attrs) {super(context, attrs);audioDialogManage = new AudioDialogManage(getContext());String dir = Environment.getExternalStorageDirectory()+ "/VoiceRecorder";                             // 此处需要判断是否有存储卡(外存)mAudioManage = AudioManage.getInstance(dir);mAudioManage.setOnAudioStateListenter(this);setOnLongClickListener(new OnLongClickListener() {@Overridepublic boolean onLongClick(View v) {mReady = true;// 真正显示应该在audio end prepared以后mAudioManage.prepareAudio();//return true;return false;}});}/* * 复写onTouchEvent* @see android.widget.TextView#onTouchEvent(android.view.MotionEvent)*/@Overridepublic boolean onTouchEvent(MotionEvent event) {int action = event.getAction();   //获取当前Actionint x = (int) event.getX();       //获取当前的坐标int y = (int) event.getY();switch (action) {case MotionEvent.ACTION_DOWN:changeState(STATE_RECORDERING);break;case MotionEvent.ACTION_MOVE:// 已经开始录音状态时，根据X、Y的坐标，判断是否想要取消if (isRecordering) {if (wantToCancel(x, y)) {changeState(STATE_WANT_TO_CALCEL);} else {changeState(STATE_RECORDERING);}}break;case MotionEvent.ACTION_UP:if (!mReady) {   //没有触发onLongClickreset();return super.onTouchEvent(event);}if (!isRecordering || mTime < 0.7f) {  //录音时间过短audioDialogManage.tooShort();mAudioManage.cancel();mHandler.sendEmptyMessageDelayed(MSG_DIALOG_DIMISS, 1300);// 延迟，1.3秒以后关闭“时间过短对话框”} else if (mCurState == STATE_RECORDERING) { //正常录制结束audioDialogManage.dimissDialog();// releasemAudioManage.release();// callbackToAct// 正常录制结束，回调录音时间和录音文件完整路径——在播放的时候需要使用if(mListenter!=null){mListenter.onFinish(mTime, mAudioManage.getCurrentFilePath());}               } else if (mCurState == STATE_WANT_TO_CALCEL) {// cancelaudioDialogManage.dimissDialog();mAudioManage.cancel();}reset();break;}return super.onTouchEvent(event);}/*** 恢复状态以及一些标志位*/private void reset() {isRecordering = false;mReady = false;                 //是否触发onLongClickmTime = 0;changeState(STATE_NORMAL);}private boolean wantToCancel(int x, int y) {// 判断手指的滑动是否超出范围if (x < 0 || x > getWidth()) {return true;}if (y < -DISTANCE_Y_CANCEL || y > getHeight() + DISTANCE_Y_CANCEL) {return true;}return false;}/*** 改变Button的背景和文本、展示不同状态的录音提示对话框* @param state*/private void changeState(int state) {if (mCurState != state) {mCurState = state;switch (state) {case STATE_NORMAL:setBackgroundResource(R.drawable.btn_recorder_normal);setText(R.string.str_recorder_normal);break;case STATE_RECORDERING:setBackgroundResource(R.drawable.btn_recorder_recordering);setText(R.string.str_recorder_recording);if (isRecordering) {// 更新Dialog.recording()audioDialogManage.recording();}break;case STATE_WANT_TO_CALCEL:setBackgroundResource(R.drawable.btn_recorder_recordering);setText(R.string.str_recorder_want_cancel);// 更新Dialog.wantCancel()audioDialogManage.wantToCancel();break;}}}/* * 实现“准备完毕”接口* (non-Javadoc)* @see songshi.voicenotes.recorder.AudioManage.AudioStateListenter#wellPrepared()*/@Overridepublic void wellPrepared() {// TODO Auto-generated method stubmHandler.sendEmptyMessage(MSG_AUDIO_PREPARED);}private static final int MSG_AUDIO_PREPARED = 0x110;   //准备完全private static final int MSG_VOICE_CHANGE = 0x111;     //声音改变private static final int MSG_DIALOG_DIMISS = 0x112;    //销毁对话框/*** 接收子线程数据，并用此数据配合主线程更新UI* Handler运行在主线程（UI线程）中，它与子线程通过Message对象传递数据。* Handler接受子线程传过来的(子线程用sedMessage()方法传弟)Message对象，把这些消息放入主线程队列中，配合主线程进行更新UI。*/private Handler mHandler = new Handler() {public void handleMessage(android.os.Message msg) {switch (msg.what) {case MSG_AUDIO_PREPARED:        //216:mHandler.sendEmptyMessage(MSG_AUDIO_PREPARED);audioDialogManage.showRecorderingDialog();isRecordering = true;//已经在录制，同时开启一个获取音量、并且计时的线程new Thread(mGetVoiceLevelRunnable).start();break;case MSG_VOICE_CHANGE:          //265:mHandler.sendEmptyMessage(MSG_VOICE_CHANGE);audioDialogManage.updateVoiceLevel(mAudioManage.getVoiceLevel(7));break;//这里在Handler里面处理DIALOG_DIMISS，是因为想让该对话框显示一段时间，延迟关闭，——详见125行case MSG_DIALOG_DIMISS:         //125:mHandler.sendEmptyMessageDelayed(MSG_DIALOG_DIMISS, 1300);audioDialogManage.dimissDialog();break;}};};private float mTime;  //开始录音时，计时；（在reset()中置空）/*** 获取音量大小的Runnable*/private Runnable mGetVoiceLevelRunnable = new Runnable() {@Overridepublic void run() {while (isRecordering) {try {Thread.sleep(100);mTime += 0.1f;mHandler.sendEmptyMessage(MSG_VOICE_CHANGE);} catch (InterruptedException e) {// TODO Auto-generated catch blocke.printStackTrace();}}}};
}

上面即可完成按住说话的功能。

下面介绍表情的显示；效果如下图：

表情包括可选表情和表情导航，
方法 GridView+ViewPager
XML代码如下：

<android.support.v4.view.ViewPager
                android:id="@+id/vp_emjo"android:layout_width="match_parent"android:layout_height="wrap_content" /><LinearLayout
                android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginBottom="5dip"android:gravity="center_horizontal"android:orientation="horizontal"android:padding="2dip" ><ImageView
                    android:id="@+id/iv_e1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/login_point" /><ImageView
                    android:id="@+id/iv_e2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/login_point" /><ImageView
                    android:id="@+id/iv_e3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/login_point" /><ImageView
                    android:id="@+id/iv_e4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/login_point" /><ImageView
                    android:id="@+id/iv_e5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/login_point" /><ImageView
                    android:id="@+id/iv_e6"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/login_point" /></LinearLayout>

接下来介绍表情的显示，如何让表情在输入框与聊天对话框中显示，先介绍两个Java的小知识点，我本身是做C和VC++的，因为要做Android才知道一点点Java的，闲话少叙上干货，Pattern 与 Matcher
这俩是Java的正则表达式功能是用正则表达式所定制的模式来对字符串进行匹配工作。
下面是表情显示的代码：

package com.ppl.get_loc.chat.emos;import java.util.ArrayList;
import java.util.List;
import java.util.regex.Matcher;
import java.util.regex.Pattern;import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.TextUtils;
import android.text.style.ImageSpan;public class FaceTextUtils {public static List<FaceText> faceTexts = new ArrayList<FaceText>();static {faceTexts.add(new FaceText("\\face_0"));faceTexts.add(new FaceText("\\face_1"));faceTexts.add(new FaceText("\\face_2"));faceTexts.add(new FaceText("\\face_3"));faceTexts.add(new FaceText("\\face_4"));faceTexts.add(new FaceText("\\face_5"));faceTexts.add(new FaceText("\\face_6"));faceTexts.add(new FaceText("\\face_7"));faceTexts.add(new FaceText("\\face_8"));faceTexts.add(new FaceText("\\face_9"));faceTexts.add(new FaceText("\\face_10"));faceTexts.add(new FaceText("\\face_11"));faceTexts.add(new FaceText("\\face_12"));faceTexts.add(new FaceText("\\face_13"));faceTexts.add(new FaceText("\\face_14"));faceTexts.add(new FaceText("\\face_15"));faceTexts.add(new FaceText("\\face_16"));faceTexts.add(new FaceText("\\face_17"));faceTexts.add(new FaceText("\\face_18"));faceTexts.add(new FaceText("\\face_19"));faceTexts.add(new FaceText("\\face_20"));faceTexts.add(new FaceText("\\face_21"));faceTexts.add(new FaceText("\\face_22"));faceTexts.add(new FaceText("\\face_23"));faceTexts.add(new FaceText("\\face_24"));faceTexts.add(new FaceText("\\face_25"));faceTexts.add(new FaceText("\\face_26"));faceTexts.add(new FaceText("\\face_27"));faceTexts.add(new FaceText("\\face_28"));faceTexts.add(new FaceText("\\face_29"));faceTexts.add(new FaceText("\\face_30"));faceTexts.add(new FaceText("\\face_31"));faceTexts.add(new FaceText("\\face_32"));faceTexts.add(new FaceText("\\face_33"));faceTexts.add(new FaceText("\\face_34"));faceTexts.add(new FaceText("\\face_35"));faceTexts.add(new FaceText("\\face_36"));faceTexts.add(new FaceText("\\face_37"));faceTexts.add(new FaceText("\\face_38"));faceTexts.add(new FaceText("\\face_39"));faceTexts.add(new FaceText("\\face_40"));faceTexts.add(new FaceText("\\face_41"));faceTexts.add(new FaceText("\\face_42"));faceTexts.add(new FaceText("\\face_43"));faceTexts.add(new FaceText("\\face_44"));faceTexts.add(new FaceText("\\face_45"));faceTexts.add(new FaceText("\\face_46"));faceTexts.add(new FaceText("\\face_47"));faceTexts.add(new FaceText("\\face_48"));faceTexts.add(new FaceText("\\face_49"));faceTexts.add(new FaceText("\\face_50"));faceTexts.add(new FaceText("\\face_51"));faceTexts.add(new FaceText("\\face_52"));faceTexts.add(new FaceText("\\face_53"));faceTexts.add(new FaceText("\\face_54"));faceTexts.add(new FaceText("\\face_55"));faceTexts.add(new FaceText("\\face_56"));faceTexts.add(new FaceText("\\face_57"));faceTexts.add(new FaceText("\\face_58"));faceTexts.add(new FaceText("\\face_59"));faceTexts.add(new FaceText("\\face_60"));faceTexts.add(new FaceText("\\face_61"));faceTexts.add(new FaceText("\\face_62"));faceTexts.add(new FaceText("\\face_63"));faceTexts.add(new FaceText("\\face_64"));faceTexts.add(new FaceText("\\face_65"));faceTexts.add(new FaceText("\\face_66"));faceTexts.add(new FaceText("\\face_67"));faceTexts.add(new FaceText("\\face_68"));faceTexts.add(new FaceText("\\face_69"));faceTexts.add(new FaceText("\\face_70"));faceTexts.add(new FaceText("\\face_71"));faceTexts.add(new FaceText("\\face_72"));faceTexts.add(new FaceText("\\face_73"));faceTexts.add(new FaceText("\\face_74"));faceTexts.add(new FaceText("\\face_75"));faceTexts.add(new FaceText("\\face_76"));faceTexts.add(new FaceText("\\face_77"));faceTexts.add(new FaceText("\\face_78"));faceTexts.add(new FaceText("\\face_79"));faceTexts.add(new FaceText("\\face_80"));faceTexts.add(new FaceText("\\face_81"));faceTexts.add(new FaceText("\\face_82"));faceTexts.add(new FaceText("\\face_83"));faceTexts.add(new FaceText("\\face_84"));faceTexts.add(new FaceText("\\face_85"));faceTexts.add(new FaceText("\\face_86"));faceTexts.add(new FaceText("\\face_87"));faceTexts.add(new FaceText("\\face_88"));faceTexts.add(new FaceText("\\face_89"));faceTexts.add(new FaceText("\\face_90"));faceTexts.add(new FaceText("\\face_91"));faceTexts.add(new FaceText("\\face_92"));faceTexts.add(new FaceText("\\face_93"));faceTexts.add(new FaceText("\\face_94"));faceTexts.add(new FaceText("\\face_95"));faceTexts.add(new FaceText("\\face_96"));faceTexts.add(new FaceText("\\face_97"));faceTexts.add(new FaceText("\\face_98"));faceTexts.add(new FaceText("\\face_99"));faceTexts.add(new FaceText("\\face_100"));faceTexts.add(new FaceText("\\face_101"));faceTexts.add(new FaceText("\\face_102"));faceTexts.add(new FaceText("\\face_103"));faceTexts.add(new FaceText("\\face_104"));faceTexts.add(new FaceText("\\face_105"));faceTexts.add(new FaceText("\\face_106"));faceTexts.add(new FaceText("\\face_107"));faceTexts.add(new FaceText("\\face_108"));faceTexts.add(new FaceText("\\face_109"));faceTexts.add(new FaceText("\\face_110"));faceTexts.add(new FaceText("\\emotion_del_normal"));faceTexts.add(new FaceText("\\emotion_del_down"));}public static String parse(String s) {for (FaceText faceText : faceTexts) {s = s.replace("\\" + faceText.text, faceText.text);s = s.replace(faceText.text, "\\" + faceText.text);}return s;}/** * toSpannableString* @return SpannableString* @throws*/public static SpannableString toSpannableString(Context context, String text) {if (!TextUtils.isEmpty(text)) {SpannableString spannableString = new SpannableString(text);int start = 0;Pattern pattern = Pattern.compile("\\\\face_[0-9]{1,3}", Pattern.CASE_INSENSITIVE);Matcher matcher = pattern.matcher(text);while (matcher.find()) {String faceText = matcher.group();String key = faceText.substring(1);BitmapFactory.Options options = new BitmapFactory.Options();Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),context.getResources().getIdentifier(key, "drawable", context.getPackageName()), options);ImageSpan imageSpan = new ImageSpan(context, bitmap);int startIndex = text.indexOf(faceText, start);int endIndex = startIndex + faceText.length();if (startIndex >= 0)spannableString.setSpan(imageSpan, startIndex, endIndex, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);start = (endIndex - 1);}return spannableString;} else {return new SpannableString("");}}public static SpannableString toSpannableString(Context context, String text, SpannableString spannableString) {int start = 0;Pattern pattern = Pattern.compile("\\\\ue[a-z0-9]{3}", Pattern.CASE_INSENSITIVE);Matcher matcher = pattern.matcher(text);while (matcher.find()) {String faceText = matcher.group();String key = faceText.substring(1);BitmapFactory.Options options = new BitmapFactory.Options();
//          options.inSampleSize = 2;Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), context.getResources().getIdentifier(key, "drawable", context.getPackageName()), options);ImageSpan imageSpan = new ImageSpan(context, bitmap);int startIndex = text.indexOf(faceText, start);int endIndex = startIndex + faceText.length();if (startIndex >= 0)spannableString.setSpan(imageSpan, startIndex, endIndex, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);start = (endIndex - 1);}return spannableString;}
}

向聊天框里输入表情的代码如下：

EmoteAdapter emoAdapter = (EmoteAdapter) itemAdapter;if(position == emoAdapter.getCount() - 1){//点击  删除 按钮et_input.dispatchKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL));}else{//点击了表情,则添加到输入框中sendText = et_input.getText().toString();FaceText name = (FaceText) gridAdapter.getItem(position);String key = name.text.toString();int start = et_input.getSelectionStart();SpannableString aps = FaceTextUtils.toSpannableString(getApplicationContext(), sendText + key);et_input.setText(aps);// 定位光标位置CharSequence info = et_input.getText();if (info instanceof Spannable) {Spannable spanText = (Spannable) info;Selection.setSelection(spanText,start + key.length());}}

在发送框里显示的代码如下：

SpannableString spS = FaceTextUtils.toSpannableString(mContext, item.getContent());viewHolder.tv_message.setText(spS);

最终效果如下图所示：

至此，完成聊天中，表情添加与显示。

Android_聊天_表情相关推荐

android 自定义表情包,android基于环信的聊天和表情自定义
环信sdk的导入自定义聊天界面此处只有静态图,请谅解. 自定义表情发送自定义聊天界面简单说下自定义的聊天界面,一个带有recyclerview和的xml文件,和对应的adapter即可.rec ...
聊天没有表情包被嘲讽，程序员直接用python爬取了十万张表情包
聊天没有表情包被嘲讽,程序员直接用python爬取了十万张表情包前言分析页面具体实现解析页面获取网页内容解析网页内容文件下载多线程下载成果总结前言事情要从几天前说起,我有一个朋 ...
Android_动画_旋转、平移、缩放、渐变
Android_动画_旋转.平移.缩放.渐变效果图需要的文件 AndroidManifest.xml <?xml version="1.0" encoding=" ...
程序员聊天必备表情包，收好不谢
现在聊天用表情代替文字已经是潮流了,往往一张图片比文字更能表达内心的想法,今天我们就来了解下程序员聊天时都用些什么表情. 程序员怒产品 : 被吐槽写BUG时怎么办产品又来提需求产品又要改需求,怎么 ...
猿人学题库十六题——js加密_表情包+sojson6.0——满天坑
猿人学题库十六题--js加密_表情包+sojson6.0 1. 首先进入浏览器的开发者工具, 进去后首先还是无线debug ,找到 debugg 对应的行数,右击选择 never pause ...
Android_聊天软件_添加好友_与服务器交互
上一篇文章介绍了用户A向服务器发送添加B的请求,这篇文章介绍服务器通知用户B,以及用户B同意与否的操作. 好久没有更新文章,主要是前段时间花了2天时间帮别人画了点东西,还有就是充电了,主要是Servi ...
Android_聊天软件_加好友_与服务器交互
番外篇: 1.在做界面时,总遇到输入键盘不能自己收起,导致需要手动收起键盘,使操作多一步,现在说一下我的流程, 检查键盘是否显示,代码如下: private Context mContext;priv ...
ios开发多人语音聊天_微信“暗黑模式”正式上线！语音界面大改，新增贴心“群工具”...
微必知科技资讯(winbz.com):3月9日,微信团队对外预热:"为了优化用户体验,微信与苹果达成合作,共同探索微信在iOS系统的暗黑模式体验,目前该功能已完成开发,将有望在下一个新版本中 ...
flutter 聊天界面+表情图片
网上找了找零零碎碎有一些文章没找到一个整体的自己做完记录一下防止忘了大体就是这样聊天气泡用的是 https://blog.csdn.net/oterminator12/article/de ...

Android_聊天_表情

Android_聊天_表情相关推荐

最新文章

热门文章