添加聊天

陈硕
1 parent 54453777
Showing 26 changed files with 776 additions and 0 deletions
app/src/main/java/com/cnlive/gundam/main/utils/ToStringUtils.java
app/src/main/java/com/cnlive/gundam/video/adpter/CommonAdapter.java
app/src/main/java/com/cnlive/gundam/video/adpter/GiftAdapter.java
app/src/main/java/com/cnlive/gundam/video/fragment/PlayerLiveFragment.java
app/src/main/java/com/cnlive/gundam/video/fragment/chat/ChatRoomFragment.java
app/src/main/java/com/cnlive/gundam/video/model/GiftModle.java
app/src/main/java/com/cnlive/gundam/video/model/MessageContent.java
app/src/main/res/layout/fragment_chat.xml
app/src/main/res/layout/fragment_gift_receycel.xml
app/src/main/res/layout/item_list_right.xml
user/src/main/res/drawable-hdpi/beer.png
user/src/main/res/drawable-hdpi/btn_send_message.png
user/src/main/res/drawable-hdpi/chicken.png
user/src/main/res/drawable-hdpi/continuous.png
user/src/main/res/drawable-hdpi/cucumber.png
user/src/main/res/drawable-hdpi/diamond.png
user/src/main/res/drawable-hdpi/fighter_small80.png
user/src/main/res/drawable-hdpi/flower.png
user/src/main/res/drawable-hdpi/gift.png
user/src/main/res/drawable-hdpi/hug.png
+package com.cnlive.gundam.main.utils;
+
+
+import com.cnlive.libs.util.chat.base.IChat;
+
+/**
+ * @author 陈硕
+ * @time 2017/3/28  10:20
+ * @desc ${TODD}
+ */
+public class ToStringUtils {
+
+    public static String GiftType = "giftType";
+    public static String ChatRoomype = IChat.CHATROOM;
+    public static String PrivateType = IChat.PRIVATE;
+    public static String JoinType = "JOINTYPE";
+
+
+    public static String objToJsonString(CNMessageModole cnMessageModole) {
+
+        // 初始化返回值
+        String json = "str_empty";
+
+        if (cnMessageModole == null) {
+            return json;
+        }
+
+        StringBuilder buff = new StringBuilder();
+        buff.append("{");
+        buff.append("message");
+        buff.append(":");
+        buff.append("\"");
+        buff.append(cnMessageModole.getMessage() == null ? "" : cnMessageModole.getMessage());
+        buff.append("\"");
+        buff.append(",");
+        buff.append("type");
+        buff.append(":");
+        buff.append("\"");
+        buff.append(cnMessageModole.getType() == null ? "" : cnMessageModole.getType());
+        buff.append("\"");
+        buff.append("}");
+        json = buff.toString();
+        return json;
+    }
+
+    public static class CNMessageModole {
+
+
+        public CNMessageModole(String message, String type) {
+            this.message = message;
+            this.type = type;
+        }
+
+        /**
+         * message : Sass
+         *
+         * type : 2
+         */
+
+        private String message;
+        private String type;
+
+        public String getMessage() {
+            return message;
+        }
+
+        public void setMessage(String message) {
+            this.message = message;
+        }
+
+
+        public String getType() {
+            return type;
+        }
+
+        public void setType(String type) {
+            this.type = type;
+        }
+    }
+
+}
+package com.cnlive.gundam.video.adpter;
+
+import android.content.Context;
+import android.databinding.DataBindingUtil;
+import android.databinding.ViewDataBinding;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.BaseAdapter;
+import android.widget.LinearLayout;
+
+import com.cnlive.gundam.databinding.ItemListRightBinding;
+import com.cnlive.gundam.video.model.MessageContent;
+
+import java.util.List;
+
+/**
+ * @author 陈硕
+ * @time 2017/5/25  19:23
+ * @desc ${TODD}
+ */
+public class CommonAdapter<T> extends BaseAdapter {
+    private Context mContext;
+    private List<T> mDataList;
+    private int layoutId; // 条目布局ID
+    private int variableId; // DataBinding的变量ID，可通过类似R文件的BR文件来获取
+
+    public CommonAdapter(Context context, List<T> dataList, int layoutId, int variableId) {
+        this.mContext = context;
+        this.mDataList = dataList;
+        this.layoutId = layoutId;
+        this.variableId = variableId;
+    }
+
+    public  void  setDataList(List<T> dataList){
+        this.mDataList= dataList;
+    }
+
+    @Override
+    public int getCount() { return mDataList.size(); }
+
+    @Override
+    public Object getItem(int position) { return mDataList.get(position); }
+
+    @Override
+    public long getItemId(int position) { return position; }
+
+    @Override
+    public View getView(int position, View convertView, ViewGroup parent) {
+        // 没有ViewHolder的复用，但Databinding内部已经实现了复用
+
+
+        ViewDataBinding binding;
+        if (convertView == null) {
+            binding = DataBindingUtil.inflate(LayoutInflater.from(mContext), layoutId, parent, false);
+        } else {
+            binding = DataBindingUtil.getBinding(convertView);
+        }
+        binding.setVariable(variableId, mDataList.get(position));
+        MessageContent user = (MessageContent) mDataList.get(position);
+
+        if(((MessageContent) mDataList.get(position)).isSendInfo()){
+            ItemListRightBinding binding1 = (ItemListRightBinding) binding;
+            LinearLayout rightLin = binding1.rightLin;
+            LinearLayout leftLin = binding1.leftLin;
+            leftLin.setVisibility(View.VISIBLE);
+            rightLin.setVisibility(View.INVISIBLE);
+        }else {
+            ItemListRightBinding binding1 = (ItemListRightBinding) binding;
+            LinearLayout leftLin = binding1.leftLin;
+            LinearLayout rightLin = binding1.rightLin;
+            rightLin.setVisibility(View.VISIBLE);
+
+            leftLin.setVisibility(View.INVISIBLE);
+        }
+
+
+        return binding.getRoot();
+    }
+}
+
+package com.cnlive.gundam.video.adpter;
+
+import android.content.Context;
+import android.databinding.DataBindingUtil;
+import android.databinding.ViewDataBinding;
+import android.support.v7.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.cnlive.gundam.video.model.GiftModle;
+
+import java.util.List;
+
+/**
+ * @author 陈硕
+ * @time 2017/5/27  16:04
+ * @desc ${TODD}
+ */
+
+public class GiftAdapter extends RecyclerView.Adapter<GiftAdapter.RVHolder> {
+    private Context mContext;
+    private List<GiftModle> mDataList;
+    private int mLayoutId;      // 条目布局文件ID
+    private int mVariableId;    // DataBinding变量ID
+
+    public GiftAdapter(Context context, List<GiftModle> list, int layoutId, int variableId) {
+        this.mContext = context;
+        this.mDataList = list;
+        this.mLayoutId = layoutId;
+        mVariableId = variableId;
+
+
+    }
+
+
+    @Override
+    public RVHolder onCreateViewHolder(ViewGroup parent, int viewType) {
+        ViewDataBinding binding = DataBindingUtil.inflate(LayoutInflater.from(mContext), mLayoutId, parent, false);
+        RVHolder holder = new RVHolder(binding.getRoot());
+        holder.binding = binding;
+        return holder;
+    }
+
+    @Override
+    public void onBindViewHolder(RVHolder holder, final int position) {
+        holder.binding.setVariable(mVariableId, mDataList.get(position));
+        holder.binding.executePendingBindings();
+    }
+
+    @Override
+    public int getItemCount() {
+        return mDataList == null ? 0 : mDataList.size();
+    }
+
+    class RVHolder extends RecyclerView.ViewHolder {
+        ViewDataBinding binding;
+
+        RVHolder(View view) {
+            super(view);
+        }
+    }
+}
@@ -13,6 +13,7 @@ import android.view.ViewGroup;
 import com.cnlive.gundam.R;
 import com.cnlive.gundam.databinding.FragmentPlayerLiveBinding;
 import com.cnlive.gundam.main.model.VideoListProgram;
+import com.cnlive.gundam.video.fragment.chat.ChatRoomFragment;
 import com.cnlive.gundam.video.model.VideoModel;
 import com.cnlive.gundam.video.utils.PlayerUtils;
 import com.cnlive.gundam.video.view.PlayerAccelerometerSensor;
@@ -47,6 +48,8 @@ public class PlayerLiveFragment extends Fragment implements PlayerAccelerometerS
     @Override
     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
         binding = DataBindingUtil.inflate(inflater, R.layout.fragment_player_live, container, false);
+        getActivity().getSupportFragmentManager().beginTransaction().replace(R.id.contentLayout, ChatRoomFragment.newInstance()).commit();
+
         return binding.getRoot();
     }
+package com.cnlive.gundam.video.fragment.chat;
+
+import android.databinding.BindingAdapter;
+import android.databinding.DataBindingUtil;
+import android.os.Bundle;
+import android.support.annotation.Nullable;
+import android.support.v4.app.Fragment;
+import android.support.v7.widget.GridLayoutManager;
+import android.support.v7.widget.OrientationHelper;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+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.utils.ToStringUtils;
+import com.cnlive.gundam.user.auth.UserService;
+import com.cnlive.gundam.user.model.User;
+import com.cnlive.gundam.video.adpter.CommonAdapter;
+import com.cnlive.gundam.video.adpter.GiftAdapter;
+import com.cnlive.gundam.video.model.GiftModle;
+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.CNMessage;
+import com.cnlive.libs.util.chat.model.CNUserInfo;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.util.ArrayList;
+
+
+/**
+ * @author 陈硕
+ * @time 2017/5/27  13:57
+ * @desc ${TODD}
+ */
+public class ChatRoomFragment extends Fragment implements View.OnClickListener {
+
+
+    private FragmentChatBinding fragmentChatBinding;
+    private ArrayList<GiftModle> giftArray;
+    private ArrayList<MessageContent> messageContentArrayList;
+    private CommonAdapter<MessageContent> messageContentCommonAdapter;
+    private IChat.OnConnectListener onConnectListener;
+    private String roomId = "ChatRoom05";
+    private IChat.OnSendMessageListener onSendMessageListener;
+
+    public static ChatRoomFragment newInstance() {
+        Bundle args = new Bundle();
+        ChatRoomFragment fragment = new ChatRoomFragment();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+
+    @Nullable
+    @Override
+    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        fragmentChatBinding = DataBindingUtil.inflate(inflater, R.layout.fragment_chat, container, false);
+
+        return fragmentChatBinding.getRoot();
+
+    }
+
+
+    private void initChat() {
+        User activeAccountInfo = UserService.getInstance(getActivity()).getActiveAccountInfo();
+        String faceurl = activeAccountInfo.getFaceurl();
+        String nickname = activeAccountInfo.getNickname();
+        int uid = activeAccountInfo.getUid();
+        ChatUtil.connect(new CNUserInfo(uid + "", nickname, faceurl), onConnectListener);
+
+    }
+
+
+    @Override
+    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        initDate();
+        init();
+        initListener();
+        initChat();
+    }
+
+    private void initDate() {
+        int[] imaSource = new int[]{R.drawable.porsch_small80, R.drawable.fighter_small80,
+                R.drawable.plane_small80,
+                R.drawable.beer, R.drawable.chicken,
+                R.drawable.cucumber, R.drawable.flower,
+                R.drawable.hug, R.drawable.mouth,
+                R.drawable.ring, R.drawable.rose, R.drawable.continuous};
+        String[] gitName = new String[]{"跑车", "歼灭机", "飞机", "啤酒",
+                "小鸡", "小黄瓜", "鲜花", "抱抱", "亲吻", "戒指", "玫瑰花", "荧光棒"};
+        giftArray = new ArrayList<>();
+        for (int i = 0; i < 12; i++) {
+            giftArray.add(new GiftModle(gitName[i], imaSource[i]));
+        }
+    }
+
+    private void init() {
+        initGiftAdapter();
+        initMessageAdapter();
+
+    }
+
+    private void initMessageAdapter() {
+        messageContentArrayList = new ArrayList<>();
+        if (messageContentCommonAdapter == null)
+            messageContentCommonAdapter = new CommonAdapter<>(getActivity(), messageContentArrayList, R.layout.item_list_right, BR.user);
+    }
+
+    private void initGiftAdapter() {
+        fragmentChatBinding.recyclerGift.setOnClickListener(this);
+        GridLayoutManager gridLayoutManager = new GridLayoutManager(getContext(), 2);
+        gridLayoutManager.setOrientation(OrientationHelper.HORIZONTAL);
+        fragmentChatBinding.recyclerGift.setLayoutManager(gridLayoutManager);
+        fragmentChatBinding.setGiftAdapter(new GiftAdapter(getActivity(), giftArray, R.layout.fragment_gift_receycel, BR.dataBean));
+    }
+
+
+    @Override
+    public void onClick(View view) {
+        switch (view.getId()) {
+            case R.id.img_gift:
+                int i = View.VISIBLE == fragmentChatBinding.recyclerGift.getVisibility() ? View.INVISIBLE : View.VISIBLE;
+                fragmentChatBinding.recyclerGift.setVisibility(i);
+                break;
+        }
+    }
+
+    @BindingAdapter("android:src")
+    public static void setSrc(ImageView view, int resId) {
+        view.setImageResource(resId);
+    }
+
+    @BindingAdapter({"imageUrl"})
+    public static void loadImage(ImageView imageView, String url) {
+        if (url == null) {
+            imageView.setImageResource(R.mipmap.ic_launcher);
+        } else {
+            Glide.with(imageView.getContext()).load(url).error(R.mipmap.ic_launcher).into(imageView);
+        }
+    }
+
+
+    private void initListener() {
+
+        onSendMessageListener = new IChat.OnSendMessageListener() {
+            @Override
+            public void onAttached(CNMessage message) {
+
+            }
+
+            @Override
+            public void onSuccess(CNMessage message) {
+                JSONObject jsonObject = null;
+                try {
+                    jsonObject = new JSONObject(message.getContent().toString());
+                    String messagecontent = (String) jsonObject.get("message");
+                    String messageType = (String) jsonObject.get("type");
+                    if (messageType.equals(ToStringUtils.ChatRoomype)) {
+                        messageContentArrayList.add(new MessageContent(message.getUserInfo().getUserName(), messagecontent + " :", message.getUserInfo().getHeadUrl(), false));
+                        messageContentCommonAdapter.setDataList((messageContentArrayList));
+                        ChatRoomFragment.this.fragmentChatBinding.setMessageAdapter(messageContentCommonAdapter);
+                    }
+
+                } catch (JSONException e) {
+                    e.printStackTrace();
+                }
+
+
+            }
+
+            @Override
+            public void onError(CNMessage message, int what, String extra) {
+
+            }
+        };
+
+
+        onConnectListener = new IChat.OnConnectListener() {
+            @Override
+            public void onTokenIncorrect(String s) {
+
+            }
+
+            @Override
+            public void onSuccess(String s) {
+                joinChatRoom();
+
+            }
+
+
+            @Override
+            public void onError(int i, String s) {
+
+            }
+        };
+
+    }
+
+
+
+    private void joinChatRoom() {
+        ChatUtil.joinChatRoom(roomId, 0, new IChat.OnOperationListener() {
+            @Override
+            public void onSuccess(int what, String extra) {
+                String objToJsonString = ToStringUtils.objToJsonString(new ToStringUtils.CNMessageModole("加入聊天室", ToStringUtils.JoinType));
+                ChatUtil.sendMessage(IChat.CHATROOM, roomId, objToJsonString, onSendMessageListener);
+            }
+
+            @Override
+            public void onError(int what, String extra) {
+
+            }
+        });
+    }
+
+}
+package com.cnlive.gundam.video.model;
+
+/**
+ * @author 陈硕
+ * @time 2017/6/28  19:05
+ * @desc ${TODD}
+ */
+public class GiftModle {
+    private  String giftMessage;
+    private  int  imgSource;
+
+    public GiftModle(String giftMessage, int imgSource) {
+        this.giftMessage = giftMessage;
+        this.imgSource = imgSource;
+    }
+
+    public String getGiftMessage() {
+        return giftMessage;
+    }
+
+    public void setGiftMessage(String giftMessage) {
+        this.giftMessage = giftMessage;
+    }
+
+    public int getImgSource() {
+        return imgSource;
+    }
+
+    public void setImgSource(int imgSource) {
+        this.imgSource = imgSource;
+    }
+}
+package com.cnlive.gundam.video.model;
+
+/**
+ * @author 陈硕
+ * @time 2017/6/28  20:42
+ * @desc ${TODD}
+ */
+public class MessageContent {
+
+    String name;
+
+
+    String messaage;
+
+
+    String icon;
+
+    public boolean isSendInfo() {
+        return isSendInfo;
+    }
+
+    public void setSendInfo(boolean sendInfo) {
+        isSendInfo = sendInfo;
+    }
+
+    boolean isSendInfo;
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getMessaage() {
+        return messaage;
+    }
+
+    public void setMessaage(String messaage) {
+        this.messaage = messaage;
+    }
+
+    public String getIcon() {
+        return icon;
+    }
+
+    public void setIcon(String icon) {
+        this.icon = icon;
+    }
+
+    public MessageContent(String name, String icon) {
+        this.name = name;
+        this.icon = icon;
+    }
+
+    public MessageContent(String name, String messaage, String icon) {
+        this.name = name;
+        this.messaage = messaage;
+        this.icon = icon;
+    }
+
+    public MessageContent(String name, String messaage, String icon, boolean isSendInfo) {
+        this.name = name;
+        this.messaage = messaage;
+        this.icon = icon;
+        this.isSendInfo = isSendInfo;
+    }
+
+
+}
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    >
+
+    <data>
+
+        <variable
+            name="messageAdapter"
+            type="com.cnlive.gundam.video.adpter.CommonAdapter" />
+        
+        <variable
+            name="giftAdapter"
+            type="com.cnlive.gundam.video.adpter.GiftAdapter" />
+    </data>
+
+    <RelativeLayout
+        android:id="@+id/lin"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@android:color/transparent">
+
+
+        <ListView
+            android:id="@+id/list_message"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_alignParentLeft="true"
+            android:layout_alignParentStart="true"
+            android:divider="@null"
+            android:scrollbars="none"
+            android:stackFromBottom="true"
+            android:transcriptMode="alwaysScroll"
+            app:Adapter="@{messageAdapter}" />
+
+
+        <RelativeLayout
+            android:id="@+id/edit_layout"
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentBottom="true"
+            android:background="#e0000000"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:id="@+id/sendMessage"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_centerVertical="true"
+                android:layout_marginLeft="5dp"
+                android:src="@drawable/btn_send_message" />
+
+
+            <ImageView
+                android:id="@+id/img_gift"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_centerInParent="true"
+                android:src="@drawable/gift" />
+
+            <android.support.v7.widget.SwitchCompat
+                android:id="@+id/barrage"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_alignParentRight="true"
+                android:layout_centerVertical="true"
+                android:background="@null"
+                android:textIsSelectable="false"
+                android:thumb="@drawable/switch_thumb"
+                app:switchMinWidth="30dp"
+                app:track="@drawable/switch_track" />
+
+
+        </RelativeLayout>
+
+
+        <RelativeLayout
+            android:id="@+id/rl_gift"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_above="@id/edit_layout"
+            android:background="#979797"
+            android:visibility="visible">
+
+            <android.support.v7.widget.RecyclerView
+                android:id="@+id/recycler_gift"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                app:adapter="@{giftAdapter}"
+                />
+
+        </RelativeLayout>
+
+
+    </RelativeLayout>
+
+
+</layout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+   >
+
+
+    <data>
+
+        <variable
+            name="dataBean"
+            type="com.cnlive.gundam.video.model.GiftModle" />
+    </data>
+
+    <LinearLayout
+        android:id="@+id/ll_item"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:padding="5dp"
+
+        android:orientation="vertical">
+
+        <ImageView
+            android:id="@+id/avaimg"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:src="@{dataBean.imgSource}"
+            />
+
+        <RelativeLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content">
+
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textColor="@android:color/white"
+                android:layout_centerInParent="true"
+                android:text="@{dataBean.giftMessage}"/>
+
+        </RelativeLayout>
+
+
+
+
+
+    </LinearLayout>
+
+
+</layout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <data>
+
+        <variable
+            name="user"
+            type="com.cnlive.gundam.video.model.MessageContent" />
+    </data>
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <LinearLayout
+            android:id="@+id/left_lin"
+
+            android:layout_width="wrap_content"
+            android:layout_height="50dp"
+            android:orientation="horizontal">
+
+            <com.cnlive.gundam.user.view.CircleImageView
+                android:layout_width="20dp"
+                android:layout_height="20dp"
+                app:imageUrl="@{user.icon}"/>
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textColor="@android:color/white"
+                android:text="@{user.name}" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textColor="@android:color/white"
+                android:text="@{user.messaage}" />
+        </LinearLayout>
+
+
+
+        <LinearLayout
+            android:id="@+id/right_lin"
+
+            android:layout_alignParentRight="true"
+            android:layout_width="wrap_content"
+            android:layout_height="50dp"
+            android:orientation="horizontal">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textColor="@android:color/white"
+                android:text="@{user.messaage}" />
+            <TextView
+                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"
+                app:imageUrl="@{user.icon}"
+                />
+
+        </LinearLayout>
+
+
+    </RelativeLayout>
+
+</layout>
 \ No newline at end of file