直播页面调整布局

吴奎庆
1 parent 964c0b2b
Showing 13 changed files with 406 additions and 39 deletions
app/src/main/java/com/cnlive/gundam/main/model/MsgEvent.java
app/src/main/java/com/cnlive/gundam/main/ui/widget/RecyclerSpace.java
app/src/main/java/com/cnlive/gundam/video/activity/PlayerActivity.java
app/src/main/java/com/cnlive/gundam/video/adpter/CommonAdapter.java
app/src/main/java/com/cnlive/gundam/video/fragment/chat/ChatRoomFragment.java
app/src/main/java/com/cnlive/gundam/video/fragment/chat/MessageContentInfo.java
app/src/main/res/drawable/chat_gift_bg.xml
app/src/main/res/drawable/switch_track_dan_off.xml
app/src/main/res/drawable/switch_track_dan_on.xml
app/src/main/res/layout/fragment_chat.xml
app/src/main/res/layout/fragment_gift_receycel.xml
app/src/main/res/layout/fragment_player_live.xml
app/src/main/res/layout/item_list_right.xml
+package com.cnlive.gundam.main.model;
+
+/**
+ * 创建：wukuiqing
+ * <p>
+ * 时间：2017/7/12
+ * <p>
+ * 描述：
+ */
+
+public class MsgEvent {
+}
+package com.cnlive.gundam.main.ui.widget;
+
+
+
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.Rect;
+import android.graphics.drawable.Drawable;
+import android.support.annotation.ColorRes;
+import android.support.v7.widget.GridLayoutManager;
+import android.support.v7.widget.LinearLayoutManager;
+import android.support.v7.widget.RecyclerView;
+import android.view.View;
+
+/**
+ * 创建：wukuiqing
+ * <p>
+ * 时间：2017/7/12
+ * <p>
+ * 描述：分割线
+ */
+public class RecyclerSpace extends RecyclerView.ItemDecoration {
+    private int space;
+    private int color = -1;
+    private Drawable mDivider;
+    private Paint mPaint;
+    private int type;
+
+    public int getColor() {
+        return color;
+    }
+
+    public void setColor(@ColorRes int color) {
+        this.color = color;
+    }
+
+    public RecyclerSpace(int space) {
+        this.space = space;
+    }
+
+    public RecyclerSpace(int space, int color) {
+        this.space = space;
+        this.color = color;
+        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        mPaint.setColor(color);
+        mPaint.setStyle(Paint.Style.FILL);
+        mPaint.setStrokeWidth(space * 2);
+    }
+    public RecyclerSpace(int space, int color,int type) {
+        this.space = space;
+        this.color = color;
+        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        mPaint.setColor(color);
+        mPaint.setStyle(Paint.Style.FILL);
+        mPaint.setStrokeWidth(space * 2);
+        this.type=type;
+    }
+
+    public RecyclerSpace(int space, Drawable mDivider) {
+        this.space = space;
+        this.mDivider = mDivider;
+    }
+
+    @Override
+    public void getItemOffsets(Rect outRect, View view,
+                               RecyclerView parent, RecyclerView.State state) {
+        if (parent.getLayoutManager() != null) {
+            if (parent.getLayoutManager() instanceof LinearLayoutManager && !(parent.getLayoutManager() instanceof GridLayoutManager)) {
+                if (((LinearLayoutManager) parent.getLayoutManager()).getOrientation() == LinearLayoutManager.HORIZONTAL) {
+                    outRect.set(space, 0, space, 0);
+                } else {
+                    outRect.set(0, space, 0, space);
+                }
+            } else {
+                outRect.set(space, space, space, space);
+            }
+        }
+
+    }
+
+    @Override
+    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
+        super.onDraw(c, parent, state);
+        if (parent.getLayoutManager() != null) {
+            if (parent.getLayoutManager() instanceof LinearLayoutManager && !(parent.getLayoutManager() instanceof GridLayoutManager)) {
+                if (((LinearLayoutManager) parent.getLayoutManager()).getOrientation() == LinearLayoutManager.HORIZONTAL) {
+                    drawHorizontal(c, parent);
+                } else {
+                    drawVertical(c, parent);
+                }
+            } else {
+                if(type==0){
+                    drawGrideview(c, parent);
+                }else{
+                    drawGrideview1(c, parent);
+                }
+            }
+        }
+    }
+
+    //绘制纵向 item 分割线
+
+    private void drawVertical(Canvas canvas, RecyclerView parent) {
+        final int top = parent.getPaddingTop();
+        final int bottom = parent.getMeasuredHeight() - parent.getPaddingBottom();
+        final int childSize = parent.getChildCount();
+        for (int i = 0; i < childSize; i++) {
+            final View child = parent.getChildAt(i);
+            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
+            final int left = child.getRight() + layoutParams.rightMargin;
+            final int right = left + space;
+            if (mDivider != null) {
+                mDivider.setBounds(left, top, right, bottom);
+                mDivider.draw(canvas);
+            }
+            if (mPaint != null) {
+                canvas.drawRect(left, top, right, bottom, mPaint);
+            }
+        }
+    }
+
+    //绘制横向 item 分割线
+    private void drawHorizontal(Canvas canvas, RecyclerView parent) {
+        int left = parent.getPaddingLeft();
+        int right = parent.getMeasuredWidth() - parent.getPaddingRight();
+        final int childSize = parent.getChildCount();
+        for (int i = 0; i < childSize; i++) {
+            final View child = parent.getChildAt(i);
+            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
+            int top = child.getBottom() + layoutParams.bottomMargin;
+            int bottom = top + space;
+            if (mDivider != null) {
+                mDivider.setBounds(left, top, right, bottom);
+                mDivider.draw(canvas);
+            }
+            if (mPaint != null) {
+                canvas.drawRect(left, top, right, bottom, mPaint);
+            }
+
+        }
+    }
+
+    //绘制grideview item 分割线 不是填充满的
+    private void drawGrideview(Canvas canvas, RecyclerView parent) {
+        GridLayoutManager linearLayoutManager = (GridLayoutManager) parent.getLayoutManager();
+        int childSize = parent.getChildCount();
+        int other = parent.getChildCount() / linearLayoutManager.getSpanCount() - 1;
+        if (other < 1) {
+            other = 1;
+        }
+        other = other * linearLayoutManager.getSpanCount();
+        if (parent.getChildCount() < linearLayoutManager.getSpanCount()) {
+            other = parent.getChildCount();
+        }
+        int top, bottom, left, right, spancount;
+        spancount = linearLayoutManager.getSpanCount() - 1;
+        for (int i = 0; i < childSize; i++) {
+            final View child = parent.getChildAt(i);
+            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
+            if (i < other) {
+                top = child.getBottom() + layoutParams.bottomMargin;
+                bottom = top + space;
+                left = (layoutParams.leftMargin + space) * (i + 1);
+                right = child.getMeasuredWidth() * (i + 1) + left + space * i;
+                if (mDivider != null) {
+                    mDivider.setBounds(left, top, right, bottom);
+                    mDivider.draw(canvas);
+                }
+                if (mPaint != null) {
+                    canvas.drawRect(left, top, right, bottom, mPaint);
+                }
+            }
+            if (i != spancount) {
+                top = (layoutParams.topMargin + space) * (i / linearLayoutManager.getSpanCount() + 1);
+                bottom = (child.getMeasuredHeight() + space) * (i / linearLayoutManager.getSpanCount() + 1) + space;
+                left = child.getRight() + layoutParams.rightMargin;
+                right = left + space;
+                if (mDivider != null) {
+                    mDivider.setBounds(left, top, right, bottom);
+                    mDivider.draw(canvas);
+                }
+                if (mPaint != null) {
+                    canvas.drawRect(left, top, right, bottom, mPaint);
+                }
+            } else {
+                spancount += 4;
+            }
+        }
+    }
+
+    /***/
+    private void drawGrideview1(Canvas canvas, RecyclerView parent) {
+        GridLayoutManager linearLayoutManager = (GridLayoutManager) parent.getLayoutManager();
+        int childSize = parent.getChildCount();
+        int top, bottom, left, right,spancount;
+        spancount=linearLayoutManager.getSpanCount();
+        for (int i = 0; i < childSize; i++) {
+            final View child = parent.getChildAt(i);
+            //画横线
+            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
+            top = child.getBottom() + layoutParams.bottomMargin;
+            bottom = top + space;
+            left = layoutParams.leftMargin+child.getPaddingLeft()+space;
+            right = child.getMeasuredWidth() * (i + 1) + left + space * i;
+            if (mDivider != null) {
+                mDivider.setBounds(left, top, right, bottom);
+                mDivider.draw(canvas);
+            }
+            if (mPaint != null) {
+                canvas.drawRect(left, top, right, bottom, mPaint);
+            }
+            //画竖线
+            top = (layoutParams.topMargin + space) * (i / linearLayoutManager.getSpanCount() + 1);
+            bottom = (child.getMeasuredHeight() + space) * (i / linearLayoutManager.getSpanCount() + 1) + space;
+            left = child.getRight() + layoutParams.rightMargin;
+            right = left + space;
+            if (mDivider != null) {
+                mDivider.setBounds(left, top, right, bottom);
+                mDivider.draw(canvas);
+            }
+            if (mPaint != null) {
+                canvas.drawRect(left, top, right, bottom, mPaint);
+            }
+
+            //画上缺失的线框
+            if(i<spancount){
+                top = child.getTop() + layoutParams.topMargin;
+                bottom = top + space;
+                left = (layoutParams.leftMargin + space) * (i + 1);
+                right = child.getMeasuredWidth() * (i + 1) + left + space * i;
+                if (mDivider != null) {
+                    mDivider.setBounds(left, top, right, bottom);
+                    mDivider.draw(canvas);
+                }
+                if (mPaint != null) {
+                    canvas.drawRect(left, top, right, bottom, mPaint);
+                }
+            }
+            if(i%spancount==0){
+                top = (layoutParams.topMargin + space) * (i / linearLayoutManager.getSpanCount() + 1);
+                bottom = (child.getMeasuredHeight() + space) * (i / linearLayoutManager.getSpanCount() + 1) + space;
+                left = child.getLeft() + layoutParams.leftMargin;
+                right = left + space;
+                if (mDivider != null) {
+                    mDivider.setBounds(left, top, right, bottom);
+                    mDivider.draw(canvas);
+                }
+                if (mPaint != null) {
+                    canvas.drawRect(left, top, right, bottom, mPaint);
+                }
+            }
+        }
+    }
+}
 \ No newline at end of file
@@ -9,13 +9,20 @@ import android.support.v7.app.AppCompatActivity;
 import android.widget.Toast;
 import com.cnlive.gundam.R;
+import com.cnlive.gundam.main.model.MsgEvent;
 import com.cnlive.gundam.main.model.VideoListProgram;
+import com.cnlive.gundam.main.utils.SharedPreferencesHelper;
+import com.cnlive.gundam.user.util.ToastUtil;
 import com.cnlive.gundam.video.fragment.PlayerLiveFragment;
 import com.cnlive.gundam.video.fragment.PlayerUgcLiveFragment;
 import com.cnlive.gundam.video.fragment.PlayerUgcVodFragment;
 import com.cnlive.gundam.video.fragment.PlayerVodFragment;
 import com.cnlive.gundam.video.utils.PlayerUtils;
+import org.greenrobot.eventbus.EventBus;
+import org.greenrobot.eventbus.Subscribe;
+import org.greenrobot.eventbus.ThreadMode;
+
 /**
  * Created by gujun on 2017/4/5.
  * screenDirect //0：竖向  1;横向 ugcLive ugcVod 播放页面用到了
@@ -28,11 +35,14 @@ public class PlayerActivity extends AppCompatActivity {
     //默认横屏
     private int screenDirect = 1;
+
     @Override
     protected void onCreate(@Nullable Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_player);
         addData(getIntent());
+
+
     }
     @Override
@@ -80,11 +90,20 @@ public class PlayerActivity extends AppCompatActivity {
     @Override
     public void onBackPressed() {
+
         if (!(PlayerUtils.isPortrait(this)) && (fragment instanceof PlayerLiveFragment || fragment instanceof PlayerVodFragment)) {
             setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
+        } else if (SharedPreferencesHelper.getInstance(this).getIntValue("ishow") == 0) {
+            EventBus.getDefault().post(new MsgEvent());
         } else {
             super.onBackPressed();
         }
     }
+
+    @Override
+    protected void onDestroy() {
+        super.onDestroy();
+        EventBus.getDefault().unregister(this);
+    }
 }
@@ -8,6 +8,7 @@ import android.view.View;
 import android.view.ViewGroup;
 import android.widget.BaseAdapter;
 import android.widget.LinearLayout;
+import android.widget.RelativeLayout;
 import com.cnlive.gundam.databinding.ItemListRightBinding;
 import com.cnlive.gundam.video.model.MessageContent;
@@ -67,12 +68,12 @@ public class CommonAdapter&lt;T&gt; extends BaseAdapter {
         if(((MessageContent) mDataList.get(position)).isSendInfo()){
             ItemListRightBinding binding1 = (ItemListRightBinding) binding;
             LinearLayout rightLin = binding1.rightLin;
-            LinearLayout leftLin = binding1.leftLin;
+            RelativeLayout leftLin = binding1.leftLin;
             leftLin.setVisibility(View.VISIBLE);
             rightLin.setVisibility(View.INVISIBLE);
         }else {
             ItemListRightBinding binding1 = (ItemListRightBinding) binding;
-            LinearLayout leftLin = binding1.leftLin;
+            RelativeLayout leftLin = binding1.leftLin;
             LinearLayout rightLin = binding1.rightLin;
             rightLin.setVisibility(View.VISIBLE);
@@ -11,6 +11,7 @@ import android.support.v4.app.Fragment;
 import android.support.v4.content.ContextCompat;
 import android.support.v7.widget.GridLayoutManager;
 import android.support.v7.widget.SwitchCompat;
+import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
@@ -21,6 +22,9 @@ import com.bumptech.glide.Glide;
 import com.cnlive.gundam.BR;
 import com.cnlive.gundam.R;
 import com.cnlive.gundam.databinding.FragmentChatBinding;
+import com.cnlive.gundam.main.model.MsgEvent;
+import com.cnlive.gundam.main.ui.widget.RecyclerSpace;
+import com.cnlive.gundam.main.utils.SharedPreferencesHelper;
 import com.cnlive.gundam.user.auth.UserService;
 import com.cnlive.gundam.user.model.User;
 import com.cnlive.gundam.user.util.InputUtil;
@@ -34,10 +38,14 @@ import com.cnlive.gundam.video.model.MessageContent;
 import com.cnlive.libs.util.chat.ChatUtil;
 import com.cnlive.libs.util.chat.base.IChat;
 import com.cnlive.libs.util.chat.model.CNUserInfo;
+import com.cnlive.libs.util.data.okhttpUtil.utils.L;
 import com.cnlive.libs.video.barrage.BarrageLayout;
-import java.util.ArrayList;
+import org.greenrobot.eventbus.EventBus;
+import org.greenrobot.eventbus.Subscribe;
+import org.greenrobot.eventbus.ThreadMode;
+import java.util.ArrayList;
 /**
@@ -82,23 +90,25 @@ public class ChatRoomFragment extends Fragment implements InputUtil.SendCallback
     public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
         super.onViewCreated(view, savedInstanceState);
         initListener();
+        EventBus.getDefault().register(this);
         initDate();
         initGift();
         int checkCallPhonePermission = ContextCompat.checkSelfPermission(getActivity(), Manifest.permission.READ_PHONE_STATE);
         if (checkCallPhonePermission != PackageManager.PERMISSION_GRANTED) {
             requestPermissions(new String[]{Manifest.permission.READ_PHONE_STATE}, PERMISSION_REQUEST_CODE);
-        }else{
+        } else {
             initChat();
         }
     }
+
     @Override
     public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
         super.onRequestPermissionsResult(requestCode, permissions, grantResults);
-        if(requestCode == PERMISSION_REQUEST_CODE){
+        if (requestCode == PERMISSION_REQUEST_CODE) {
             if (grantResults[0] == PackageManager.PERMISSION_GRANTED) {
                 initChat();
             } else {
-                ToastUtil.show(getActivity(),"使用聊天功能,请通过权限审核");
+                ToastUtil.show(getActivity(), "使用聊天功能,请通过权限审核");
             }
         }
     }
@@ -121,6 +131,8 @@ public class ChatRoomFragment extends Fragment implements InputUtil.SendCallback
                 }
             }
         });
+
+
     }
     @BindingAdapter("android:src")
@@ -131,7 +143,9 @@ public class ChatRoomFragment extends Fragment implements InputUtil.SendCallback
     @BindingAdapter({"imageUrl"})
     public static void loadImage(ImageView imageView, String url) {
         if (url == null) {
-            imageView.setImageResource(R.mipmap.ic_launcher);
+//            imageView.setImageResource(R.mipmap.ic_launcher);
+
+            Glide.with(imageView.getContext()).load("https://yweb0.cnliveimg.com/main/cnlive/150819151803915_969.jpg").error(R.mipmap.ic_launcher).into(imageView);
         } else {
             Glide.with(imageView.getContext()).load(url).error(R.mipmap.ic_launcher).into(imageView);
         }
@@ -143,11 +157,11 @@ public class ChatRoomFragment extends Fragment implements InputUtil.SendCallback
     }
-
     @Override
     public void onDestroy() {
         super.onDestroy();
         ChatUtil.disconnect(false);
+        EventBus.getDefault().unregister(this);
     }
     private void initChat() {
@@ -178,11 +192,14 @@ public class ChatRoomFragment extends Fragment implements InputUtil.SendCallback
             @Override
             public void onClick(View view) {
                 int i = View.INVISIBLE == fragmentChatBinding.rlGift.getVisibility() ? View.VISIBLE : View.INVISIBLE;
+                SharedPreferencesHelper.getInstance(getActivity()).setValue("ishow",i);
                 fragmentChatBinding.rlGift.setVisibility(i);
             }
         });
         GridLayoutManager gridLayoutManager = new GridLayoutManager(getContext(), 6);
         fragmentChatBinding.recyclerGift.setLayoutManager(gridLayoutManager);
+        fragmentChatBinding.recyclerGift.addItemDecoration(new RecyclerSpace(10));
+
         fragmentChatBinding.setGiftAdapter(new GiftAdapter(roomId, getActivity(), giftArray, R.layout.fragment_gift_receycel, BR.dataBean));
     }
@@ -222,20 +239,22 @@ public class ChatRoomFragment extends Fragment implements InputUtil.SendCallback
         barrageBottom();
         initMessageAdapter();
         messageContentInfo = new MessageContentInfo();
-        messageContentInfo.setOnReceiveAndSendListener( roomId, getActivity(), ChatRoomFragment.this);
+        messageContentInfo.setOnReceiveAndSendListener(roomId, getActivity(), ChatRoomFragment.this);
     }
     public void giftItem(int postion) {
         fragmentChatBinding.rlGift.setVisibility(View.INVISIBLE);
-        messageContents.add(new MessageContent(messageContents.get(0).getName(),"送了" + gitName[postion]+":",messageContents.get(0).getIcon(),false));
+
+        messageContents.add(new MessageContent(messageContents.get(0).getName(), "送了" + gitName[postion] + ":", messageContents.get(0).getIcon(), false));
         messageContentCommonAdapter.addItems((messageContents));
     }
     ArrayList<MessageContent> messageContents;
+
     @Override
     public void onchat(ArrayList<MessageContent> messageContents) {
-        this.messageContents=messageContents;
+        this.messageContents = messageContents;
         messageContentCommonAdapter.addItems((messageContents));
     }
@@ -244,4 +263,13 @@ public class ChatRoomFragment extends Fragment implements InputUtil.SendCallback
     public void onbarrage(BarrageBaseMessage barrageBaseMessage) {
         barrageLayout.addMessage(barrageBaseMessage);
     }
+
+    //在注册了的Activity中,声明处理事件的方法
+    @Subscribe(threadMode = ThreadMode.MAIN) //第2步:注册一个在后台线程执行的方法,用于接收事件
+    public void onUserEvent(MsgEvent event) {
+
+        fragmentChatBinding.rlGift.setVisibility(View.INVISIBLE);
+        SharedPreferencesHelper.getInstance(getActivity()).setValue("ishow",4);
+    }
+
 }
@@ -67,9 +67,9 @@ public class MessageContentInfo {
                                 messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), ": 送了" + messagecontent, message.getUserInfo().getHeadUrl(), true));
                             } else if (messageType.equals(ChatRoom)) {
                                 if (message.getUserInfo().getUserId().equals(ChatUtil.getCurrentUserInfo().getUserId())) {
-                                    messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), messagecontent + " :", message.getUserInfo().getHeadUrl(), false));
+                                    messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), messagecontent + " : ", message.getUserInfo().getHeadUrl(), false));
                                 } else {
-                                    messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), " :" + messagecontent, message.getUserInfo().getHeadUrl(), true));
+                                    messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), " : " + messagecontent, message.getUserInfo().getHeadUrl(), true));
                                 }
                                 if (onChatListener != null) {
                                     onChatListener.onbarrage(new BarrageBaseMessage(message.getUserInfo().getUserName(), messagecontent, ""));
@@ -85,7 +85,7 @@ public class MessageContentInfo {
                                 if (onChatListener != null) {
                                     onChatListener.onbarrage(new BarrageBaseMessage(message.getUserInfo().getUserName(), "来了", ""));
                                 }
-                                messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), ": " + "来了", message.getUserInfo().getHeadUrl(), true));
+                                messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), " : " + "来了", message.getUserInfo().getHeadUrl(), true));
                             }
                             if (onChatListener != null) {
                                 onChatListener.onchat(messageContentArrayList);
@@ -112,7 +112,7 @@ public class MessageContentInfo {
                     String messageType = cnMessageModle.getType();
                    if (messageType.equals(ChatRoom)) {
                         onChatListener.onbarrage(new BarrageBaseMessage(message.getUserInfo().getUserName(), messagecontent, ""));
-                        messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), messagecontent + " :", message.getUserInfo().getHeadUrl(), false));
+                        messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), messagecontent + " : ", message.getUserInfo().getHeadUrl(), false));
                         onChatListener.onchat(messageContentArrayList);
                     }
                 } catch (Exception e) {
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle"
+    android:useLevel="false">
+    <solid android:color="#454543" />
+    <size android:height="24dp" />
+    <corners
+        android:bottomLeftRadius="8dp"
+        android:bottomRightRadius="8dp"
+        android:topLeftRadius="8dp"
+        android:topRightRadius="8dp" /> <!-- 设置四个角的半径 -->
+
+</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="#CC000000" />
-    <corners android:radius="9dp" />
+    <solid android:color="#555756" />
+
+
+    <corners android:radius="30dp" />
     <size
         android:height="18dp" />
     <stroke
@@ -2,7 +2,7 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
     <solid android:color="#FF4E51" />
-    <corners android:radius="9dp" />
+    <corners android:radius="30dp" />
     <size
         android:height="18dp" />
     <stroke
@@ -38,9 +38,11 @@
             android:id="@+id/edit_layout"
             android:layout_width="match_parent"
             android:layout_height="50dp"
+            android:background="#555756"
+            android:orientation="horizontal"
             android:layout_alignParentBottom="true"
-            android:background="#e0000000"
-            android:orientation="horizontal">
+            android:layout_alignParentLeft="true"
+            android:layout_alignParentStart="true">
             <ImageView
                 android:id="@+id/sendMessage"
@@ -83,6 +85,7 @@
             android:visibility="invisible">
             <android.support.v7.widget.RecyclerView
+                android:padding="5dp"
                 android:id="@+id/recycler_gift"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
@@ -10,6 +10,7 @@
     </data>
     <RelativeLayout
+        android:background="@drawable/record_end"
         android:id="@+id/ll_item"
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
@@ -21,7 +21,7 @@
         <RelativeLayout
             android:id="@+id/contentLayout"
-            android:background="@android:color/black"
+            android:background="#282828"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_below="@+id/videoView">
@@ -11,64 +11,98 @@
     </data>
     <RelativeLayout
+
         android:layout_width="match_parent"
-        android:layout_height="match_parent">
+        android:layout_height="wrap_content"
+        android:padding="10dp">
-        <LinearLayout
+        <RelativeLayout
             android:id="@+id/left_lin"
-
             android:layout_width="wrap_content"
             android:layout_height="50dp"
-            android:orientation="horizontal">
+            android:layout_alignParentLeft="true"
+            android:background="@drawable/chat_gift_bg"
-            <com.cnlive.gundam.user.view.CircleImageView
-                android:layout_width="20dp"
-                android:layout_height="20dp"
-                app:imageUrl="@{user.icon}"/>
+            android:paddingBottom="5dp"
+            android:paddingLeft="10dp"
+            android:paddingRight="10dp"
+            android:paddingTop="5dp">
-            <TextView
+            <ImageView
+                android:id="@+id/iv_left_user_icon"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:textColor="@android:color/white"
-                android:text="@{user.name}" />
+                android:layout_centerVertical="true"
+                app:imageUrl="@{user.icon}" />
-            <TextView
+            <LinearLayout
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:textColor="@android:color/white"
-                android:text="@{user.messaage}" />
-        </LinearLayout>
+                android:layout_marginLeft="10dp"
+                android:layout_toRightOf="@+id/iv_left_user_icon"
+                android:orientation="vertical">
+
+                <TextView
+                    android:id="@+id/tv_left_user_name"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="@{user.name}"
+                    android:textColor="@android:color/white" />
+
+                <TextView
+                    android:id="@+id/tv_left_user_mewssage"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="@{user.messaage}"
+                    android:textColor="@android:color/white" />
+            </LinearLayout>
+
+
+        </RelativeLayout>
         <LinearLayout
             android:id="@+id/right_lin"
+            android:background="@drawable/chat_gift_bg"
+            android:paddingBottom="5dp"
+            android:paddingLeft="10dp"
+            android:paddingRight="10dp"
+            android:paddingTop="5dp"
             android:layout_alignParentRight="true"
             android:layout_width="wrap_content"
             android:layout_height="50dp"
             android:orientation="horizontal">
             <TextView
+                android:layout_gravity="center_vertical"
+                android:layout_marginRight="10dp"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:textColor="@android:color/white"
                 android:text="@{user.messaage}" />
             <TextView
+                android:layout_gravity="center_vertical"
+                android:visibility="gone"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:textColor="@android:color/white"
                 android:text="@{user.name}" />
-            <com.cnlive.gundam.user.view.CircleImageView
-                android:layout_width="20dp"
-                android:layout_height="20dp"
+            <ImageView
+                android:layout_gravity="center_vertical"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
                 app:imageUrl="@{user.icon}"
                 />
         </LinearLayout>
+
+
     </RelativeLayout>
 </layout>
 \ No newline at end of file