聊天室添加发送图片以及语音消息

王琳
1 parent 7aca54d0
Showing 32 changed files with 940 additions and 155 deletions
app/libs/libcnliveutil.jar
app/src/main/AndroidManifest.xml
app/src/main/java/com/cnlive/im/adapter/ChatRoomAdpter.java
app/src/main/java/com/cnlive/im/ui/ChatRoomActivity.java
app/src/main/java/com/cnlive/im/ui/PopupWindowFactory.java
app/src/main/java/com/cnlive/im/ui/UserLoginActivity.java
app/src/main/java/com/cnlive/im/util/AudioRecordUtil.java
app/src/main/java/com/cnlive/im/util/IVoiceManager.java
app/src/main/java/com/cnlive/im/util/PlayerUtil.java
app/src/main/java/com/cnlive/im/util/TimeUtils.java
app/src/main/res/drawable-hdpi/keybord.png
app/src/main/res/drawable-hdpi/pic.png
app/src/main/res/drawable-hdpi/record_bottom.png
app/src/main/res/drawable-hdpi/record_top.png
app/src/main/res/drawable-hdpi/send_cancel.png
app/src/main/res/drawable-hdpi/voice.png
app/src/main/res/drawable-hdpi/voice_bg_left.png
app/src/main/res/drawable-hdpi/voice_bg_right.png
app/src/main/res/drawable-hdpi/voice_msg_left.png
app/src/main/res/drawable-hdpi/voice_msg_right.9.png
@@ -2,7 +2,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.cnlive.im">
-
     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
@@ -17,44 +16,37 @@
     <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
     <application
-        android:name="com.cnlive.im.CNLiveApplication"
+        android:name=".CNLiveApplication"
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-        <activity android:name="com.cnlive.im.ui.MainActivity">
+        <activity android:name=".ui.MainActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
-
-
         <activity
-            android:name="com.cnlive.im.ui.ChatRoomActivity"
+            android:name=".ui.ChatRoomActivity"
             android:theme="@style/Theme.AppCompat.Light.NoActionBar"
-            android:windowSoftInputMode="adjustResize"></activity>
-
+            android:windowSoftInputMode="adjustResize" />
         <activity
-            android:name="com.cnlive.im.ui.LoGinActivity"
+            android:name=".ui.LoGinActivity"
             android:screenOrientation="portrait" />
-
         <activity
             android:name=".ui.UserLoginActivity"
             android:screenOrientation="portrait" />
-
         <activity
-            android:name="com.cnlive.im.ui.CommentActivity"
+            android:name=".ui.CommentActivity"
             android:screenOrientation="portrait" />
-
         <service
             android:name="io.rong.imlib.ipc.RongService"
             android:exported="true"
             android:process=":ipc" />
-
         <service
             android:name="io.rong.imlib.ReConnectService"
             android:exported="true" />
@@ -62,10 +54,10 @@
         <receiver
             android:name="io.rong.imlib.ConnectChangeReceiver"
             android:exported="true" />
-
         <receiver
             android:name="io.rong.imlib.HeartbeatReceiver"
             android:process=":ipc" />
+
     </application>
 </manifest>
 \ No newline at end of file
 package com.cnlive.im.adapter;
 import android.content.Context;
+import android.database.Cursor;
 import android.graphics.Color;
 import android.net.Uri;
+import android.provider.ContactsContract;
+import android.provider.MediaStore;
 import android.support.v7.widget.RecyclerView;
+import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
+import android.view.WindowManager;
 import android.widget.ImageView;
+import android.widget.LinearLayout;
 import android.widget.TextView;
 import com.bumptech.glide.Glide;
@@ -18,6 +24,12 @@ import com.cnlive.im.mode.ImagMessage;
 import com.cnlive.im.mode.StringMessage;
 import com.cnlive.im.mode.VoiceMessage;
+import java.text.SimpleDateFormat;
+import java.util.Calendar;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.Locale;
+
 /**
  * @author 陈硕
  * @time 2017/7/14  14:35
@@ -100,6 +112,9 @@ public class ChatRoomAdpter extends BaseRecyclerAdapter {
             Object o = mItems.get(position);
             ImagMessage o1 = (ImagMessage) o;
             holder1.ima_user_name.setTextColor(Color.parseColor("#d61d0c"));
+            holder1.img_content.getLayoutParams().height = 200;
+            holder1.img_content.getLayoutParams().width = 200;
+            holder1.img_content.setLayoutParams(holder1.img_content.getLayoutParams());
             Glide.with(mContext).load(o1.getCnImgMessage().getRemoteUri()).into(holder1.img_content);
             holder1.ima_user_name.setText(o1.getCnImgMessage().getUserInfo().getUserName());
         } else if (holder instanceof VoiceMessageHolder) {
@@ -108,6 +123,8 @@ public class ChatRoomAdpter extends BaseRecyclerAdapter {
             VoiceMessage o1 = (VoiceMessage) o;
             holder1.voice_user_name.setText(o1.getCnVoiceMessage().getUserInfo().getUserName());
             final Uri voiceUri = o1.getCnVoiceMessage().getVoiceUri();
+            int duration = o1.getCnVoiceMessage().getVoiceTime();
+            holder1.voice_duration.setText(String.valueOf(duration).concat("\""));
             holder1.itemView.setOnClickListener(new View.OnClickListener() {
                 @Override
                 public void onClick(View v) {
@@ -146,15 +163,15 @@ public class ChatRoomAdpter extends BaseRecyclerAdapter {
         private TextView voice_user_name;
-        private ImageView voice_content;
+        private TextView voice_content;
+        private TextView voice_duration;
         public VoiceMessageHolder(View itemView) {
             super(itemView);
             voice_user_name = (TextView) itemView.findViewById(R.id.voice_user_name);
-            voice_content = (ImageView) itemView.findViewById(R.id.voice_content);
+            voice_content = (TextView) itemView.findViewById(R.id.voice_content);
+            voice_duration = (TextView) itemView.findViewById(R.id.voice_duration);
         }
     }
-
-
 }
@@ -2,23 +2,37 @@ package com.cnlive.im.ui;
 import android.Manifest;
 import android.app.Activity;
+import android.content.ContentResolver;
+import android.content.Context;
 import android.content.Intent;
 import android.content.pm.PackageManager;
+import android.database.Cursor;
 import android.net.Uri;
 import android.os.Build;
 import android.os.Bundle;
 import android.os.Handler;
+import android.provider.ContactsContract;
+import android.provider.MediaStore;
+import android.support.annotation.NonNull;
+import android.support.v4.app.ActivityCompat;
 import android.support.v4.content.ContextCompat;
 import android.support.v7.app.AppCompatActivity;
 import android.support.v7.widget.LinearLayoutManager;
 import android.support.v7.widget.RecyclerView;
+import android.text.Editable;
+import android.text.TextUtils;
+import android.text.TextWatcher;
 import android.util.Log;
+import android.view.Gravity;
 import android.view.MotionEvent;
 import android.view.View;
+import android.view.inputmethod.InputMethodManager;
 import android.widget.Button;
 import android.widget.EditText;
+import android.widget.ImageView;
 import android.widget.LinearLayout;
 import android.widget.RelativeLayout;
+import android.widget.TextView;
 import android.widget.Toast;
 import com.cnlive.im.R;
@@ -27,8 +41,11 @@ import com.cnlive.im.adapter.base.VoiceItemClickListener;
 import com.cnlive.im.mode.ImagMessage;
 import com.cnlive.im.mode.StringMessage;
 import com.cnlive.im.mode.VoiceMessage;
+import com.cnlive.im.util.AudioRecordUtil;
 import com.cnlive.im.util.MediaRecorderUtil;
 import com.cnlive.im.util.MessageType;
+import com.cnlive.im.util.PlayerUtil;
+import com.cnlive.im.util.TimeUtils;
 import com.cnlive.libs.util.chat.ChatUtil;
 import com.cnlive.libs.util.chat.base.IChat;
 import com.cnlive.libs.util.chat.model.CNImgMessage;
@@ -38,15 +55,18 @@ import com.cnlive.libs.util.chat.model.CNVoiceMessage;
 import org.json.JSONException;
+import java.io.LineNumberReader;
 import java.util.ArrayList;
+import static android.R.id.edit;
+
 /**
  * @author 陈硕
  * @time 2017/3/7  14:36
  * @desc ${TODD}
  */
-public class ChatRoomActivity extends AppCompatActivity implements View.OnClickListener, View.OnTouchListener, VoiceItemClickListener {
+public class ChatRoomActivity extends AppCompatActivity implements View.OnClickListener, VoiceItemClickListener {
     private static final String TAG = "ChatRoomActivity";
     private ArrayList<Object> groupChatOneListMy;
     private String roomIdOne = "ChatRoom05";
@@ -57,32 +77,55 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
     private Button foundChatBtn;
     private Handler mHandler;
     private RelativeLayout re_chat;
-    private LinearLayout lin_user;
-    private EditText user_id, user_name;
+//    private LinearLayout lin_user;
+//    private EditText user_id, user_name;
     private Button exit_chat1;
     public static String user_name_string;
     private boolean isUserLogin = false;
-    private Button ima_send;
-    private Button voice_send;
+    private ImageView ima_send;
+    private Button sendVoice;
+
+    private Context context;
+    private AudioRecordUtil mAudioRecordUtil;
+    private PopupWindowFactory mPop;
+    private ImageView mImageView;
+    private TextView mTextView;
+    private ImageView keybordBtn;
+
+    private LinearLayout sendMsgLayout;
+    private LinearLayout cancelSendLayout;
+
+    private boolean isVoiceBtnVisible = false;
     public static final int IMG_FROM_PICTURE = 0x1001;
     public static final int VOICE = 0x1002;
     public static final int PICTURE_REQUEST_CODE = 0x1003;
     public static final int VOICE_REQUEST_CODE = 0x1004;
-    private MediaRecorderUtil mediaRecorderUtil;
     private long l;
     int i;
+    private String mFilePath;
+
+    private PlayerUtil playerUtil;
+
+    // 所需的全部权限
+    static final String[] PERMISSIONS = new String[]{
+            Manifest.permission.RECORD_AUDIO,
+            Manifest.permission.WRITE_EXTERNAL_STORAGE
+    };
+
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         //取消状态栏
         setContentView(R.layout.activity_groupchat);
+        context = this;
         initUI();
+        mAudioRecordUtil = new AudioRecordUtil();
+        mAudioRecordUtil.setOnAudioStatusUpdateListener(onAudioStatusUpdateListener);
         //设置监听
         mHandler = new Handler();
-        mediaRecorderUtil = new MediaRecorderUtil();
         ChatUtil.setOnConnectStatusListener(connectStatusListener);
         ChatUtil.setOnChatRoomActionListener(chatRoomActionListener);
         ChatUtil.setOnReceiveMessageListener(receiveMessageListener);
@@ -93,21 +136,30 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
         if (user_name_string != null)
             ChatUtil.login(new CNUserInfo(user_id_string, user_name_string, ""), connectListener);
         else ChatUtil.logOut(connectListener);
+        requestPermission();
+        playerUtil = new PlayerUtil(this);
     }
     private void initUI() {
-        voice_send = (Button) findViewById(R.id.voice_send);
-        ima_send = (Button) findViewById(R.id.ima_send);
+
+        final View view = View.inflate(this, R.layout.layout_microphone, null);
+        mPop = new PopupWindowFactory(this, view);
+        mImageView = (ImageView) view.findViewById(R.id.iv_recording_icon);
+        mTextView = (TextView) view.findViewById(R.id.tv_recording_time);
+        sendMsgLayout = (LinearLayout) view.findViewById(R.id.send_layout);
+        cancelSendLayout = (LinearLayout) view.findViewById(R.id.cancel_send_layout);
+        ima_send = (ImageView) findViewById(R.id.ima_send);
         exit_chat1 = (Button) findViewById(R.id.exit_chat1);
-        user_id = (EditText) findViewById(R.id.user_ID);
-        user_name = (EditText) findViewById(R.id.user_name);
-        lin_user = (LinearLayout) findViewById(R.id.lin_user);
+//        user_id = (EditText) findViewById(R.id.user_ID);
+//        user_name = (EditText) findViewById(R.id.user_name);
+//        lin_user = (LinearLayout) findViewById(R.id.lin_user);
         re_chat = (RelativeLayout) findViewById(R.id.re_chat);
         foundChatBtn = (Button) findViewById(R.id.creatChat);
         listViewOne = (RecyclerView) findViewById(R.id.chat_list_viewOne);
         editText = (EditText) findViewById(R.id.message_content);
+        editText.addTextChangedListener(textWatcher);
         send_messageOneBtn = (Button) findViewById(R.id.send_messageOne);
         ima_send.setOnClickListener(this);
         exit_chat1.setOnClickListener(this);
@@ -118,7 +170,15 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
         chatListAdapterOne.setonVoiceItemClickListener(this);
         listViewOne.setLayoutManager(new LinearLayoutManager(ChatRoomActivity.this));
         listViewOne.setAdapter(chatListAdapterOne);
-        voice_send.setOnTouchListener(this);
+
+        sendVoice = (Button) findViewById(R.id.send_voice);
+        re_chat = (RelativeLayout) findViewById(R.id.activity_chat_room);
+        keybordBtn = (ImageView) findViewById(R.id.keybord);
+        keybordBtn.setOnClickListener(this);
+
+
+        StartListener();
+
     }
@@ -126,7 +186,6 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
     /**
      * 发送消息监听
      */
-
     private IChat.OnSendMessageListener sendMessageListener = new IChat.OnSendMessageListener() {
         @Override
         public void onAttached(Object o) {
@@ -148,14 +207,20 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
                         CNVoiceMessage o1 = (CNVoiceMessage) o;
                         VoiceMessage voiceMessage = new VoiceMessage(MessageType.voiceMessage, o1, true);
                         chatListAdapterOne.addItem(voiceMessage);
+                        //发送成功后删除保存在本地的录制文件
+                        mAudioRecordUtil.deleteRecordFile(mFilePath);
+
                     }
+                    listViewOne.smoothScrollToPosition(chatListAdapterOne.getItemCount() - 1);
                 }
             });
         }
         @Override
         public void onError(Object o, int i, String s) {
+            if (o instanceof CNImgMessage) {
+            }
         }
     };
@@ -186,6 +251,7 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
                         VoiceMessage voiceMessage = new VoiceMessage(MessageType.voiceMessage, o1, false);
                         chatListAdapterOne.addItem(voiceMessage);
                     }
+                    listViewOne.smoothScrollToPosition(chatListAdapterOne.getItemCount() - 1);
                 }
             });
@@ -282,41 +348,24 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
             case R.id.ima_send:
                 fromPicture();
                 break;
+            case R.id.keybord:
+                if (!isVoiceBtnVisible) {
+                    editText.setVisibility(View.GONE);
+                    sendVoice.setVisibility(View.VISIBLE);
+                    keybordBtn.setImageResource(R.drawable.keybord);
+                    InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
+                    imm.hideSoftInputFromWindow(editText.getWindowToken(), 0);
+                    isVoiceBtnVisible = true;
+                } else {
+                    sendVoice.setVisibility(View.GONE);
+                    editText.setVisibility(View.VISIBLE);
+                    keybordBtn.setImageResource(R.drawable.voice);
+                    isVoiceBtnVisible = false;
+                }
+                break;
         }
     }
-    public void mediaRecorder() {
-        if (Build.VERSION.SDK_INT >= 23) {
-            int checkCallPhonePermission = ContextCompat.checkSelfPermission(ChatRoomActivity.this, Manifest.permission.WRITE_EXTERNAL_STORAGE);
-            int checkCallPhonePermission1 = ContextCompat.checkSelfPermission(ChatRoomActivity.this, Manifest.permission.RECORD_AUDIO);
-
-            if (checkCallPhonePermission != PackageManager.PERMISSION_GRANTED || checkCallPhonePermission1 != PackageManager.PERMISSION_GRANTED) {
-                requestPermissions(new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.RECORD_AUDIO}, VOICE_REQUEST_CODE);
-                return;
-            } else {
-                recorder();
-            }
-        } else {
-            recorder();
-        }
-    }
-
-
-    public String getRecoderFile() {
-
-        return mediaRecorderUtil.getRecorderFile();
-
-    }
-
-    public void recorder() {
-        mediaRecorderUtil.record();
-
-    }
-
-    public void releaseRecord() {
-        mediaRecorderUtil.releaseRecord();
-
-    }
     public void fromPicture() {
         if (Build.VERSION.SDK_INT >= 23) {
@@ -336,31 +385,8 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
     private void toIntentPicture() {
         Intent intent = new Intent();
         intent.setType("image/*");
-        intent.setAction(Intent.ACTION_GET_CONTENT);
-        startActivityForResult(intent, IMG_FROM_PICTURE);
-    }
-
-
-    @Override
-    public void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {
-        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
-        switch (requestCode) {
-            case PICTURE_REQUEST_CODE:
-                if (grantResults[0] == PackageManager.PERMISSION_GRANTED) {
-                    toIntentPicture();
-                } else {
-                    Toast.makeText(ChatRoomActivity.this, "权限已被禁止，请打开，再使用此功能", Toast.LENGTH_LONG).show();
-                }
-                break;
-
-            case VOICE_REQUEST_CODE:
-                if (grantResults[0] == PackageManager.PERMISSION_GRANTED) {
-                    recorder();
-                } else {
-                    Toast.makeText(ChatRoomActivity.this, "权限已被禁止，请打开，再使用此功能", Toast.LENGTH_LONG).show();
-                }
-                break;
-        }
+        intent.setAction(Intent.ACTION_PICK);
+        startActivityForResult(Intent.createChooser(intent, "Complete action using"), IMG_FROM_PICTURE);
     }
@@ -370,7 +396,19 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
         if (resultCode == Activity.RESULT_OK) {
             switch (requestCode) {
                 case IMG_FROM_PICTURE:
-                    Uri uri = data.getData();
+//                    String localImagePath = "/sdcard/test.png";
+//                    Uri selectedImage = Uri.parse("file://" + localImagePath);
+                    Uri selectedImage = data.getData();
+                    String[] filePathColumn = {MediaStore.Images.Media.DATA};
+
+                    Cursor cursor = getContentResolver().query(selectedImage,
+                            filePathColumn, null, null, null);
+                    cursor.moveToFirst();
+
+                    int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
+                    final String picturePath = cursor.getString(columnIndex);
+
+                    Uri uri = Uri.parse("file://" + picturePath);
                     ChatUtil.sendImaMessage(IChat.CHATROOM, roomIdOne, uri, uri, sendMessageListener);
                     break;
@@ -406,53 +444,169 @@ public class ChatRoomActivity extends AppCompatActivity implements View.OnClickL
     @Override
-    public boolean onTouch(View v, MotionEvent event) {
+    public void onItemClick(Uri uri) {
+        playerUtil.start(uri);
-        switch (event.getAction()) {
-            case MotionEvent.ACTION_DOWN:
-                l = System.currentTimeMillis();
-                mediaRecorder();
-                break;
-            case MotionEvent.ACTION_UP:
+    }
+
+
+    /**************************************************************************/
+
+    /**
+     * 开启扫描之前判断权限是否打开
+     */
+    private void requestPermission() {
+        //判断是否开启摄像头权限
+        if ((ContextCompat.checkSelfPermission(context,
+                Manifest.permission.WRITE_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED) &&
+                (ContextCompat.checkSelfPermission(context,
+                        Manifest.permission.RECORD_AUDIO) == PackageManager.PERMISSION_GRANTED)
+                ) {
+            StartListener();
+
+            //判断是否开启语音权限
+        } else {
+            //请求获取摄像头权限
+            ActivityCompat.requestPermissions((Activity) context,
+                    new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.RECORD_AUDIO}, VOICE_REQUEST_CODE);
+        }
+    }
-                if (Build.VERSION.SDK_INT >= 23) {
-                    int checkCallPhonePermission = ContextCompat.checkSelfPermission(ChatRoomActivity.this, Manifest.permission.WRITE_EXTERNAL_STORAGE);
-                    int checkCallPhonePermission1 = ContextCompat.checkSelfPermission(ChatRoomActivity.this, Manifest.permission.RECORD_AUDIO);
+    @Override
+    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
+        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
+        if (requestCode == VOICE_REQUEST_CODE) {
+            if ((grantResults[0] == PackageManager.PERMISSION_GRANTED) && (grantResults[1] == PackageManager.PERMISSION_GRANTED)) {
+                StartListener();
+            } else {
+                Toast.makeText(context, "已拒绝权限！", Toast.LENGTH_SHORT).show();
+            }
+        }
+    }
+
+    float downX;
+    float downY;
+
+    public void StartListener() {
+
+        //Button的touch监听
+        sendVoice.setOnTouchListener(new View.OnTouchListener() {
+            @Override
+            public boolean onTouch(View v, MotionEvent event) {
+                if (lacksPermissions(PERMISSIONS)) {
+                    if (lacksPermission(PERMISSIONS[0])) {
+                        Toast.makeText(ChatRoomActivity.this, "没有麦克风权限，请前往“设置 - 应用 - 权限”中开启权限", Toast.LENGTH_SHORT).show();
+
+                    } else if (lacksPermission(PERMISSIONS[1])) {
+                        Toast.makeText(ChatRoomActivity.this, "没有文件读写权限，请前往“设置 - 应用 - 权限”中开启权限", Toast.LENGTH_SHORT).show();
-                    if (checkCallPhonePermission != PackageManager.PERMISSION_GRANTED || checkCallPhonePermission1 != PackageManager.PERMISSION_GRANTED) {
-                        requestPermissions(new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.RECORD_AUDIO}, VOICE_REQUEST_CODE);
-                    } else {
-                        sendVoice();
                     }
                 } else {
-                    sendVoice();
+
+                    switch (event.getAction()) {
+
+                        case MotionEvent.ACTION_DOWN:
+                            mPop.showAtLocation(re_chat, Gravity.CENTER, 0, 0);
+
+                            sendVoice.setText("松开发送");
+                            mAudioRecordUtil.startRecord();
+                            downX = event.getX();
+                            downY = event.getY();
+
+                            break;
+
+                        case MotionEvent.ACTION_UP:
+
+                            if (cancelSendLayout.getVisibility() == View.VISIBLE) {
+                                cancelSendLayout.setVisibility(View.GONE);
+                                sendMsgLayout.setVisibility(View.VISIBLE);
+                            }
+                            float moveX = Math.abs(event.getX() - downX);
+                            float moveY = Math.abs(event.getY() - downY);
+                            if (moveY > 100) {
+//                                Toast.makeText(ChatRoomActivity.this, "cancel", Toast.LENGTH_SHORT).show();
+                                mAudioRecordUtil.cancelRecord();
+                            } else {
+                                mAudioRecordUtil.stopRecord();        //结束录音（保存录音文件）
+                            }
+                            mPop.dismiss();
+                            mTextView.setText("00:00");
+                            sendVoice.setText("按住说话");
+                            break;
+                        case MotionEvent.ACTION_MOVE:
+                            float moveXm = Math.abs(event.getX() - downX);
+                            float moveYm = Math.abs(event.getY() - downY);
+                            if (moveYm > 100) {
+//                                Toast.makeText(ChatRoomActivity.this, "cancel", Toast.LENGTH_SHORT).show();
+                                if (sendMsgLayout.getVisibility() == View.VISIBLE) {
+                                    sendMsgLayout.setVisibility(View.GONE);
+                                    cancelSendLayout.setVisibility(View.VISIBLE);
+                                }
+                            } else {
+                                if (cancelSendLayout.getVisibility() == View.VISIBLE) {
+                                    cancelSendLayout.setVisibility(View.GONE);
+                                    sendMsgLayout.setVisibility(View.VISIBLE);
+                                }
+                            }
+                            break;
+                    }
                 }
+                return true;
+            }
+        });
+    }
-                break;
+    // 判断权限集合
+    public boolean lacksPermissions(String... permissions) {
+        for (String permission : permissions) {
+            if (lacksPermission(permission)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    // 判断是否缺少权限
+    private boolean lacksPermission(String permission) {
+        return ContextCompat.checkSelfPermission(this, permission) == PackageManager.PERMISSION_DENIED;
+    }
+    private AudioRecordUtil.OnAudioStatusUpdateListener onAudioStatusUpdateListener = new AudioRecordUtil.OnAudioStatusUpdateListener() {
+        @Override
+        public void onUpdate(double db, long time) {
+            mImageView.getDrawable().setLevel((int) (3000 + 6000 * db / 100));
+            mTextView.setText(TimeUtils.long2String(time));
         }
-        return true;
-    }
+        @Override
+        public void onStop(String filePath) {
+            i = (int) mAudioRecordUtil.getDuration();
+            mFilePath = filePath;
+            ChatUtil.sendVoiceMessage(IChat.CHATROOM, roomIdOne, Uri.parse(mFilePath), i, sendMessageListener);
+        }
+    };
-    private void sendVoice() {
-        long l1 = System.currentTimeMillis();
-        long l2 = (l1 - l) / 1000;
-        i = (int) l2;
-        releaseRecord();
-        String recoderFile = getRecoderFile();
-        ChatUtil.sendVoiceMessage(IChat.CHATROOM, roomIdOne, Uri.parse(recoderFile), i, sendMessageListener);
-    }
+    private TextWatcher textWatcher = new TextWatcher() {
+        @Override
+        public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
+        }
-    @Override
-    public void onItemClick(Uri uri) {
-        plaVoice(uri);
+        @Override
+        public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
-    }
+        }
+
+        @Override
+        public void afterTextChanged(Editable editable) {
+            if (!TextUtils.isEmpty(editable)){
+                ima_send.setVisibility(View.GONE);
+                send_messageOneBtn.setVisibility(View.VISIBLE);
+            }else {
+                send_messageOneBtn.setVisibility(View.GONE);
+                ima_send.setVisibility(View.VISIBLE);
+            }
+        }
+    };
-    public void plaVoice(Uri uri) {
-        mediaRecorderUtil.plaVoice(uri, this);
-    }
 }
+package com.cnlive.im.ui;
+
+import android.content.Context;
+import android.graphics.drawable.BitmapDrawable;
+import android.util.Log;
+import android.view.KeyEvent;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.PopupWindow;
+
+/**
+ * Created by Lynn on 2017/7/21.
+ */
+
+public class PopupWindowFactory {
+    private Context mContext;
+    private PopupWindow mPop;
+
+    /**
+     * @param context 上下文
+     * @param view    PopupWindow显示的布局文件
+     */
+    public PopupWindowFactory(Context context, View view) {
+        this(context, view, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
+    }
+
+    /**
+     * @param context 上下文
+     * @param view    PopupWindow显示的布局文件
+     * @param width   PopupWindow的宽
+     * @param height  PopupWindow的高
+     */
+    public PopupWindowFactory(Context context, View view, int width, int height) {
+        init(context, view, width, height);
+    }
+
+
+    private void init(Context context, View view, int width, int height) {
+        this.mContext = context;
+
+        //下面这两个必须有
+        view.setFocusable(true);
+        view.setFocusableInTouchMode(true);
+
+        //PopupWindow(布局，宽度、高度)
+        mPop = new PopupWindow(view, width, height, true);
+        mPop.setFocusable(true);
+        mPop.setOutsideTouchable(false);
+
+        //重写onKeyListener，按返回键消失
+        view.setOnKeyListener(new View.OnKeyListener() {
+            @Override
+            public boolean onKey(View view, int i, KeyEvent keyEvent) {
+                if (i == KeyEvent.KEYCODE_BACK) {
+                    mPop.dismiss();
+                    return true;
+                }
+                return false;
+            }
+        });
+
+//        点击其他地方消失
+        view.setOnTouchListener(new View.OnTouchListener() {
+            @Override
+            public boolean onTouch(View view, MotionEvent motionEvent) {
+                if (mPop != null && mPop.isShowing()) {
+//                    mPop.dismiss();
+                    return true;
+                }
+                return false;
+            }
+        });
+
+    }
+
+    public PopupWindow getPopupWindow() {
+        return mPop;
+    }
+
+    /**
+     * 以触发弹出窗的view为基准，出现在view的内部上面，弹出的pop_view左上角正对view的左上角
+     *
+     * @param parent  view
+     * @param gravity 在view的什么位置Gravity.CENTER、Gravity.TOP......
+     * @param x       与控件的x坐标距离
+     * @param y       与控件的y坐标距离
+     */
+    public void showAtLocation(View parent, int gravity, int x, int y) {
+        if (mPop.isShowing()) {
+            return;
+        }
+        mPop.showAtLocation(parent, gravity, x, y);
+    }
+
+    /**
+     * 以触发弹出窗的view为基准，出现在view的正下方，弹出的pop_view左上角正对view的左下角
+     *
+     * @param anchor view
+     */
+    public void showAsDropDown(View anchor) {
+        showAsDropDown(anchor, 0, 0);
+    }
+
+    /**
+     * 以触发弹出窗的view为基准，出现在view的正下方，弹出的pop_view左上角正对view的左下角
+     *
+     * @param anchor view
+     * @param xoff   与view的x坐标距离
+     * @param yoff   与view的y坐标距离
+     */
+    public void showAsDropDown(View anchor, int xoff, int yoff) {
+        if (mPop.isShowing()) {
+            return;
+        }
+
+        mPop.showAsDropDown(anchor, xoff, yoff);
+    }
+
+    /**
+     * 隐藏popupwindow
+     */
+    public void dismiss() {
+        if (mPop.isShowing()) {
+            mPop.dismiss();
+        }
+    }
+}
@@ -50,7 +50,7 @@ public class UserLoginActivity extends AppCompatActivity implements View.OnClick
                 doIntentChatRoom(ChatRoomActivity.class);
                 break;
             case R.id.private_chat:
-              //  doIntentChatRoom(PrivateChatActivity.class);
+                doIntentChatRoom(PrivateChatActivity.class);
                 break;
         }
+package com.cnlive.im.util;
+
+import android.media.MediaRecorder;
+import android.os.Environment;
+import android.os.Handler;
+import android.util.Log;
+
+import java.io.File;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+
+/**
+ * Created by Lynn on 2017/7/20.
+ */
+
+public class AudioRecordUtil {
+    //文件路径
+    private String filePath;
+    //文件夹路径
+    private String FolderPath;
+
+    private MediaRecorder mMediaRecorder;
+    private final String TAG = "fan";
+    public static final int MAX_LENGTH = 1000 * 60 * 10;// 最大录音时长1000*60*10;
+
+    private OnAudioStatusUpdateListener audioStatusUpdateListener;
+
+    /**
+     * 文件存储默认sdcard/record
+     */
+    public AudioRecordUtil() {
+
+        //默认保存路径为/sdcard/record/下
+        this(Environment.getExternalStorageDirectory() + "/record/");
+    }
+
+    public AudioRecordUtil(String filePath) {
+
+        File path = new File(filePath);
+        if (!path.exists())
+            path.mkdirs();
+
+        this.FolderPath = filePath;
+    }
+
+    private long startTime;
+    private long endTime;
+
+
+    /**
+     * 开始录音 使用amr格式
+     * 录音文件
+     *
+     * @return
+     */
+    public void startRecord() {
+        // 开始录音
+        /* ①Initial：实例化MediaRecorder对象 */
+        if (mMediaRecorder == null)
+            mMediaRecorder = new MediaRecorder();
+        try {
+            /* ②setAudioSource/setVedioSource */
+            mMediaRecorder.setAudioSource(MediaRecorder.AudioSource.MIC);// 设置麦克风
+            /* ②设置音频文件的编码：AAC/AMR_NB/AMR_MB/Default 声音的（波形）的采样 */
+            mMediaRecorder.setOutputFormat(MediaRecorder.OutputFormat.DEFAULT);
+            /*
+             * ②设置输出文件的格式：THREE_GPP/MPEG-4/RAW_AMR/Default THREE_GPP(3gp格式
+             * ，H263视频/ARM音频编码)、MPEG-4、RAW_AMR(只支持音频且音频编码要求为AMR_NB)
+             */
+            mMediaRecorder.setAudioEncoder(MediaRecorder.AudioEncoder.AMR_NB);
+
+            filePath = FolderPath + getCurrentTime() + ".amr";
+            /* ③准备 */
+            mMediaRecorder.setOutputFile(filePath);
+            mMediaRecorder.setMaxDuration(MAX_LENGTH);
+            mMediaRecorder.prepare();
+            /* ④开始 */
+            mMediaRecorder.start();
+            // AudioRecord audioRecord.
+            /* 获取开始时间* */
+            startTime = System.currentTimeMillis();
+            updateMicStatus();
+            Log.e("fan", "startTime" + startTime);
+        } catch (IllegalStateException e) {
+            Log.i(TAG, "call startAmr(File mRecAudioFile) failed!" + e.getMessage());
+        } catch (IOException e) {
+            Log.i(TAG, "call startAmr(File mRecAudioFile) failed!" + e.getMessage());
+        }
+    }
+
+    /**
+     * 停止录音
+     */
+    public void stopRecord() {
+        if (mMediaRecorder == null)
+            return;
+        endTime = System.currentTimeMillis();
+
+        //有一些网友反应在5.0以上在调用stop的时候会报错，翻阅了一下谷歌文档发现上面确实写的有可能会报错的情况，捕获异常清理一下就行了，感谢大家反馈！
+        try {
+            mMediaRecorder.stop();
+            mMediaRecorder.reset();
+            mMediaRecorder.release();
+            mMediaRecorder = null;
+
+            audioStatusUpdateListener.onStop(filePath);
+            filePath = "";
+
+        } catch (RuntimeException e) {
+            mMediaRecorder.reset();
+            mMediaRecorder.release();
+            mMediaRecorder = null;
+
+            File file = new File(filePath);
+            if (file.exists())
+                file.delete();
+
+            filePath = "";
+
+        }
+//        return endTime - startTime;
+    }
+
+    public long getDuration(){
+        return (endTime - startTime) / 1000;
+    }
+
+    /**
+     * 取消录音
+     */
+    public void cancelRecord() {
+
+        try {
+
+            mMediaRecorder.stop();
+            mMediaRecorder.reset();
+            mMediaRecorder.release();
+            mMediaRecorder = null;
+
+        } catch (RuntimeException e) {
+            mMediaRecorder.reset();
+            mMediaRecorder.release();
+            mMediaRecorder = null;
+        }
+        File file = new File(filePath);
+        if (file.exists())
+            file.delete();
+
+        filePath = "";
+
+    }
+
+    private final Handler mHandler = new Handler();
+    private Runnable mUpdateMicStatusTimer = new Runnable() {
+        public void run() {
+            updateMicStatus();
+        }
+    };
+
+
+    private int BASE = 1;
+    private int SPACE = 100;// 间隔取样时间
+
+    public void setOnAudioStatusUpdateListener(OnAudioStatusUpdateListener audioStatusUpdateListener) {
+        this.audioStatusUpdateListener = audioStatusUpdateListener;
+    }
+
+    /**
+     * 更新麦克状态
+     */
+    private void updateMicStatus() {
+
+        if (mMediaRecorder != null) {
+            double ratio = (double) mMediaRecorder.getMaxAmplitude() / BASE;
+            double db = 0;// 分贝
+            if (ratio > 1) {
+                db = 20 * Math.log10(ratio);
+                if (null != audioStatusUpdateListener) {
+                    audioStatusUpdateListener.onUpdate(db, System.currentTimeMillis() - startTime);
+                }
+            }
+            mHandler.postDelayed(mUpdateMicStatusTimer, SPACE);
+        }
+    }
+
+    /**
+     * 删除本地录制的文件
+     * @param filePath
+     */
+    public void deleteRecordFile(String filePath) {
+        File file = new File(filePath);
+        if (file.exists())
+            file.delete();
+    }
+
+    public interface OnAudioStatusUpdateListener {
+        /**
+         * 录音中...
+         *
+         * @param db   当前声音分贝
+         * @param time 录音时长
+         */
+        public void onUpdate(double db, long time);
+
+        /**
+         * 停止录音
+         *
+         * @param filePath 保存路径
+         */
+        public void onStop(String filePath);
+    }
+
+    private String getCurrentTime() {
+        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
+        return sdf.format(System.currentTimeMillis());
+    }
+}
+package com.cnlive.im.util;
+
+import android.content.Context;
+import android.net.Uri;
+
+/**
+ * Created by Lynn on 2017/7/21.
+ */
+
+public interface IVoiceManager {
+    boolean start(Uri uri);
+    boolean stop();
+    void onDestory();
+}
+package com.cnlive.im.util;
+
+import android.content.Context;
+import android.media.MediaPlayer;
+import android.net.Uri;
+
+/**
+ * Created by Lynn on 2017/7/21.
+ */
+
+public class PlayerUtil implements IVoiceManager{
+    private final String TAG = "PlayerUtil";
+    private String path;
+    private Context mContext;
+
+    private MediaPlayer mediaPlayer;
+
+    public PlayerUtil(Context context){
+        this.mContext = context;
+//        mediaPlayer = new MediaPlayer();
+//        mediaPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
+//            @Override
+//            public void onCompletion(MediaPlayer mediaPlayer) {
+////                mediaPlayer.stop();
+//                stop();
+//            }
+//        });
+    }
+
+    @Override
+    public boolean start(Uri uri) {
+        try {
+            mediaPlayer = new MediaPlayer();
+            mediaPlayer.setOnCompletionListener(onCompletionListener);
+            mediaPlayer.setOnPreparedListener(onPreparedListener);
+            mediaPlayer.setDataSource(mContext, uri);
+            mediaPlayer.prepare();
+//            mediaPlayer.start();
+        }catch (Exception e){
+            e.printStackTrace();
+        }
+        return false;
+    }
+
+    @Override
+    public boolean stop() {
+        mediaPlayer.stop();
+        mediaPlayer.release();
+        mediaPlayer = null;
+        return false;
+    }
+
+    @Override
+    public void onDestory() {
+        mediaPlayer.release();
+        mediaPlayer = null;
+    }
+
+    private MediaPlayer.OnCompletionListener onCompletionListener = new MediaPlayer.OnCompletionListener() {
+        @Override
+        public void onCompletion(MediaPlayer mediaPlayer) {
+            stop();
+        }
+    };
+
+    private MediaPlayer.OnPreparedListener onPreparedListener = new MediaPlayer.OnPreparedListener() {
+        @Override
+        public void onPrepared(MediaPlayer mediaPlayer) {
+            mediaPlayer.start();
+        }
+    };
+}
+package com.cnlive.im.util;
+
+
+import java.text.SimpleDateFormat;
+
+/**
+ * Created by fan on 2016/6/23.
+ */
+public class TimeUtils {
+
+    //毫秒转秒
+    public static String long2String(long time){
+
+        //毫秒转秒
+        int sec = (int) time / 1000 ;
+        int min = sec / 60 ;	//分钟
+        sec = sec % 60 ;		//秒
+        if(min < 10){	//分钟补0
+            if(sec < 10){	//秒补0
+                return "0"+min+":0"+sec;
+            }else{
+                return "0"+min+":"+sec;
+            }
+        }else{
+            if(sec < 10){	//秒补0
+                return min+":0"+sec;
+            }else{
+                return min+":"+sec;
+            }
+        }
+
+    }
+
+    /**
+     * 返回当前时间的格式为 yyyy-MM-dd HH:mm:ss
+     * @return
+     */
+    public static String  getCurrentTime() {
+        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
+        return sdf.format(System.currentTimeMillis());
+    }
+
+
+}
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
+    <item android:id="@android:id/background" android:drawable="@drawable/record_top" />
+    <item android:id="@android:id/progress" >
+        <clip android:drawable="@drawable/record_bottom" android:gravity="bottom" android:clipOrientation="vertical" />
+    </item>
+</layer-list>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <corners
+        android:radius="8dp" />
+
+    <solid
+        android:color="@color/colorGray" />
+
+</shape>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#ffffff" />
+    <corners
+        android:bottomLeftRadius="10dp"
+        android:bottomRightRadius="10dp"
+        android:topLeftRadius="10dp"
+        android:topRightRadius="10dp" />
+    <stroke
+        android:width="1dp"
+        android:color="#8a8a8a" />
+</shape>
 \ No newline at end of file
@@ -11,7 +11,8 @@
         android:layout_alignParentLeft="true"
         android:layout_alignParentStart="true"
         android:layout_alignParentTop="true"
-        android:visibility="visible">
+        android:visibility="visible"
+        android:clickable="true">
         <LinearLayout
             android:id="@+id/listVIewTop"
@@ -30,7 +31,7 @@
                 <android.support.v7.widget.RecyclerView
                     android:id="@+id/chat_list_viewOne"
                     android:layout_width="fill_parent"
-                    android:layout_height="170dp"
+                    android:layout_height="200dp"
                     android:layout_above="@+id/edit_layout"
                     android:divider="@null"
                     android:fastScrollEnabled="true"
@@ -45,13 +46,39 @@
             android:layout_alignParentBottom="true"
             android:orientation="horizontal">
+            <ImageView
+                android:id="@+id/keybord"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center_vertical"
+                android:layout_weight="0.1"
+                android:src="@drawable/voice" />
+
             <EditText
                 android:id="@+id/message_content"
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
-                android:layout_weight="0.7" />
+                android:layout_weight="0.6" />
+            <Button
+                android:id="@+id/send_voice"
+                android:layout_width="0dp"
+                android:layout_height="40dp"
+                android:layout_margin="10dp"
+                android:layout_weight="0.6"
+                android:background="@drawable/voice_bg"
+                android:text="按住说话"
+                android:visibility="gone" />
+
+            <ImageView
+                android:id="@+id/ima_send"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center_vertical"
+                android:layout_weight="0.1"
+                android:src="@drawable/pic"
+                android:visibility="visible"/>
             <Button
                 android:id="@+id/send_messageOne"
@@ -59,7 +86,8 @@
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:layout_weight="0.2"
-                android:text="发送" />
+                android:text="发送"
+                android:visibility="gone"/>
         </LinearLayout>
@@ -80,18 +108,11 @@
                     android:layout_height="wrap_content"
                     android:text="加入聊天室" />
-                <Button
-                    android:id="@+id/ima_send"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:text="图片" />
-
-                <Button
-                    android:id="@+id/voice_send"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:text="语音" />
-
+                <!--<Button-->
+                    <!--android:id="@+id/ima_send"-->
+                    <!--android:layout_width="wrap_content"-->
+                    <!--android:layout_height="wrap_content"-->
+                    <!--android:text="图片" />-->
                 <Button
                     android:id="@+id/exit_chat1"
@@ -2,7 +2,9 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:orientation="vertical">
+    android:orientation="vertical"
+    android:paddingBottom="10dp"
+    android:paddingTop="10dp">
     <RelativeLayout
@@ -2,7 +2,9 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:orientation="vertical">
+    android:orientation="vertical"
+    android:paddingBottom="10dp"
+    android:paddingTop="10dp">
     <RelativeLayout
         android:layout_width="wrap_content"
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:id="@+id/send_layout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@drawable/record_microphone_bj"
+        android:gravity="center"
+        android:orientation="vertical"
+        android:padding="16dp"
+        android:layout_centerInParent="true">
+
+        <ImageView
+            android:id="@+id/iv_recording_icon"
+            android:layout_width="48dp"
+            android:layout_height="48dp"
+            android:src="@drawable/record_microphone" />
+
+        <TextView
+            android:id="@+id/tv_recording_time"
+            android:layout_width="114dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="6dp"
+            android:gravity="center"
+            android:text="00:00"
+            android:textColor="#FFFFFF"
+            android:textSize="16sp" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="上滑取消发送"
+            android:textColor="@android:color/white"
+            android:textSize="16sp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/cancel_send_layout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@drawable/record_microphone_bj"
+        android:gravity="center"
+        android:orientation="vertical"
+        android:padding="16dp"
+        android:visibility="gone"
+        android:layout_centerInParent="true">
+
+        <ImageView
+            android:layout_width="48dp"
+            android:layout_height="48dp"
+            android:src="@drawable/send_cancel" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="松开手指，取消发送"
+            android:textColor="#ffffff"
+            android:textSize="16sp" />
+    </LinearLayout>
+</RelativeLayout>
 \ No newline at end of file
@@ -2,7 +2,9 @@
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
-    android:orientation="vertical">
+    android:orientation="vertical"
+    android:paddingTop="10dp"
+    android:paddingBottom="10dp">
     <RelativeLayout
         android:id="@+id/re_chat_room"
@@ -25,7 +27,8 @@
             android:layout_toRightOf="@id/user_name"
             android:text="vfgfgf"
             android:textColor="@android:color/black"
-            android:textSize="15sp" />
+            android:textSize="15sp"
+            android:layout_marginLeft="5dp"/>
     </RelativeLayout>
 </RelativeLayout>
 \ No newline at end of file
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
-    android:layout_height="wrap_content">
+    android:layout_height="wrap_content"
+    android:paddingBottom="10dp"
+    android:paddingTop="10dp">
     <RelativeLayout
         android:id="@+id/re_chat_room"
@@ -25,7 +27,8 @@
             android:layout_toLeftOf="@id/user_name"
             android:text="vfgfgf"
             android:textColor="@android:color/black"
-            android:textSize="15sp" />
+            android:textSize="15sp"
+            android:layout_marginRight="5dp"/>
     </RelativeLayout>
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
-    android:layout_height="wrap_content">
+    android:layout_height="wrap_content"
+    android:paddingBottom="10dp"
+    android:paddingTop="10dp">
     <RelativeLayout
@@ -16,12 +18,20 @@
             android:layout_centerVertical="true"
             android:text="游客" />
-        <ImageView
+        <TextView
             android:id="@+id/voice_content"
             android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_height="50dp"
             android:layout_toRightOf="@+id/voice_user_name"
-            android:src="@drawable/voice_msg_left" />
+            android:background="@drawable/voice_bg_left"
+            android:layout_marginLeft="5dp"/>
+
+        <TextView
+            android:id="@+id/voice_duration"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:layout_toRightOf="@id/voice_content" />
     </RelativeLayout>
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
-    android:layout_height="wrap_content">
+    android:layout_height="wrap_content"
+    android:paddingBottom="10dp"
+    android:paddingTop="10dp">
     <RelativeLayout
         android:layout_width="wrap_content"
@@ -15,12 +17,20 @@
             android:layout_centerVertical="true"
             android:text="游客" />
-        <ImageView
+        <TextView
             android:id="@+id/voice_content"
             android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_height="50dp"
             android:layout_toLeftOf="@+id/voice_user_name"
-            android:src="@drawable/voice_msg_right" />
+            android:background="@drawable/voice_bg_right"
+            android:layout_marginRight="5dp"/>
+
+        <TextView
+            android:id="@+id/voice_duration"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:layout_toLeftOf="@id/voice_content" />
     </RelativeLayout>
@@ -3,4 +3,5 @@
     <color name="colorPrimary">#3F51B5</color>
     <color name="colorPrimaryDark">#303F9F</color>
     <color name="colorAccent">#FF4081</color>
+    <color name="colorGray">#33000000</color>
 </resources>