融云自定義消息列表item的布局

一玖翅、先看下效果圖

my_list_item.png

圖中：新人和領(lǐng)金幣標(biāo)簽在融云默認(rèn)的ui中是沒(méi)有的唐全。這功能該怎么實(shí)現(xiàn)呢

二、思路分析

因?yàn)樗皇窃谠瓉?lái)的基礎(chǔ)上添加了兩個(gè)ui而已接癌，所以還沒(méi)到需要自定義消息會(huì)話程度心赶，不過(guò)好像也是自定義消息。首先想到的是在rc_item_base_conversation布局里面添加相應(yīng)的ui缺猛。但是添加完缨叫，如何獲取到這ui，進(jìn)行賦值操作呢荔燎。

下面我們開(kāi)始吧

步驟一耻姥、`rc_item_base_conversation`中添加相應(yīng)的ui

<?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="64dp"
android:gravity="center_vertical"
android:layout_marginLeft="5dp"
android:layout_marginRight="14dp"
android:background="@android:color/transparent">

<LinearLayout
    android:id="@+id/rc_layout"
    android:layout_width="match_parent"
    android:layout_height="22dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="14dp"
    android:layout_marginTop="8dp"
    android:orientation="horizontal">

    <TextView
        android:id="@id/rc_conversation_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:background="@android:color/transparent"
        android:ellipsize="end"
        android:singleLine="true"
        android:textColor="@color/rc_text_color_primary"
        android:textSize="@dimen/rc_conversation_item_name_size" />

    <TextView
        android:id="@+id/tv_new_user_flag"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="@dimen/s16px"
        android:textColor="@color/c_f02fa1"
        android:paddingLeft="4dp"
        android:paddingTop="2dp"
        android:paddingRight="4dp"
        android:paddingBottom="2dp"
        android:text="@string/new_user"
        android:background="@drawable/msg_list_new_user_tag_shape"
        android:layout_marginLeft="6dp"
        android:visibility="gone"
        />

    <TextView
        android:id="@+id/tv_get_gold"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/white"
        android:textSize="@dimen/s16px"
        android:paddingLeft="4dp"
        android:paddingTop="2dp"
        android:paddingRight="4dp"
        android:paddingBottom="2dp"
        android:text="@string/get_gold_tag"
        android:layout_marginLeft="6dp"
        android:background="@drawable/msg_list_get_gold_tag_shape"
        android:visibility="gone"
        />

    <!--占空間作用-->
    <View
        android:layout_width="0dp"
        android:layout_height="1px"
        android:layout_weight="1"/>

    <TextView
        android:id="@id/rc_conversation_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:gravity="right|top"
        android:textColor="@color/rc_text_color_secondary"
        android:textSize="@dimen/rc_conversation_item_time_size" />
</LinearLayout>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/rc_layout"
    android:layout_marginBottom="8dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="14dp">

    <TextView
        android:id="@id/rc_conversation_content"
        android:layout_width="231dp"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:background="@android:color/transparent"
        android:ellipsize="end"
        android:gravity="center_vertical"
        android:paddingTop="1dp"
        android:singleLine="true"
        android:textColor="@color/rc_text_color_secondary"
        android:textSize="@dimen/rc_conversation_item_data_size" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:orientation="horizontal"
        android:paddingTop="1dp">

        <ImageView
            android:id="@id/rc_conversation_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/rc_read_receipt"
            android:visibility="gone" />

        <ImageView
            android:id="@+id/rc_conversation_msg_block"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dp"
            android:src="@drawable/rc_ic_message_block"
            android:visibility="gone" />

    </LinearLayout>

</RelativeLayout>

</RelativeLayout>

如：tv_new_user_flag TextView控件，還有些爆紅不要緊有咨，運(yùn)行不會(huì)出錯(cuò)的琐簇。

步驟二、關(guān)鍵的一步自定義RongPrivateConversationProvider類

名字隨你起座享，原來(lái)會(huì)話的顯示是用PrivateConversationProvider婉商，只是它是封裝的，我沒(méi)辦法去修改它的代碼渣叛。那么就想我能不能建一個(gè)和PrivateConversationProvider一樣的代碼丈秩，然后注冊(cè)它，系統(tǒng)就用它不用PrivateConversationProvider了。希望你細(xì)品

RongPrivateConversationProvider類：

@ConversationProviderTag(
    conversationType = "private",
    portraitPosition = 1
)
public class RongPrivateConversationProvider implements IContainerItemProvider.ConversationProvider<UIConversation> {
private static final String TAG = "RongPrivateConversationProvider";

public RongPrivateConversationProvider() {
}

public View newView(Context context, ViewGroup viewGroup) {
    View result = LayoutInflater.from(context).inflate(layout.rc_item_base_conversation, (ViewGroup)null);
    RongPrivateConversationProvider.ViewHolder holder = new RongPrivateConversationProvider.ViewHolder();
    holder.title = (TextView)result.findViewById(id.rc_conversation_title);
    holder.time = (TextView)result.findViewById(id.rc_conversation_time);
    holder.content = (TextView)result.findViewById(id.rc_conversation_content);
    holder.notificationBlockImage = (ImageView)result.findViewById(id.rc_conversation_msg_block);
    holder.readStatus = (ImageView)result.findViewById(id.rc_conversation_status);
    holder.tv_get_gold = (TextView)result.findViewById(R.id.tv_get_gold);
    holder.tv_new_user_flag = (TextView)result.findViewById(R.id.tv_new_user_flag);
    result.setTag(holder);
    return result;
}

private void handleMentionedContent(final RongPrivateConversationProvider.ViewHolder holder, final View view, final UIConversation data) {

    final SpannableStringBuilder builder = new SpannableStringBuilder();
    final String preStr = view.getContext().getString(string.rc_message_content_mentioned);
    if (holder.content.getWidth() > 60) {
        CharSequence cutStr = TextUtils.ellipsize(preStr + " " + data.getConversationContent(), holder.content.getPaint(), (float)(holder.content.getWidth() - 60), TextUtils.TruncateAt.END);
        SpannableString string = new SpannableString(cutStr);
        int colorSpanLength = preStr.length();
        if (colorSpanLength > cutStr.length()) {
            colorSpanLength = cutStr.length();
        }

        string.setSpan(new ForegroundColorSpan(view.getContext().getResources().getColor(color.rc_mentioned_color)), 0, colorSpanLength, 33);
        builder.append(string);
        AndroidEmoji.ensure(builder);
        holder.content.setText(builder, TextView.BufferType.SPANNABLE);
    } else {
        holder.content.post(new Runnable() {
            public void run() {
                SpannableString str;
                if (holder.content.getWidth() > 60) {
                    CharSequence cutStr = TextUtils.ellipsize(preStr + " " + data.getConversationContent(), holder.content.getPaint(), (float)(holder.content.getWidth() - 40), TextUtils.TruncateAt.END);
                    str = new SpannableString(cutStr);
                    int colorSpanLength = preStr.length();
                    if (colorSpanLength > cutStr.length()) {
                        colorSpanLength = cutStr.length();
                    }

                    str.setSpan(new ForegroundColorSpan(view.getContext().getResources().getColor(color.rc_mentioned_color)), 0, colorSpanLength, 33);
                    builder.append(str);
                } else {
                    String oriStr = preStr + " " + data.getConversationContent();
                    str = new SpannableString(oriStr);
                    str.setSpan(new ForegroundColorSpan(view.getContext().getResources().getColor(color.rc_mentioned_color)), 0, preStr.length(), 33);
                    builder.append(str);
                }

                AndroidEmoji.ensure(builder);
                holder.content.setText(builder, TextView.BufferType.SPANNABLE);
            }
        });
    }

}

private void handleDraftContent(final RongPrivateConversationProvider.ViewHolder holder, final View view, final UIConversation data) {

    final SpannableStringBuilder builder = new SpannableStringBuilder();
    final String preStr = view.getContext().getString(string.rc_message_content_draft);
    if (holder.content.getWidth() > 60) {
        CharSequence cutStr = TextUtils.ellipsize(preStr + " " + data.getDraft(), holder.content.getPaint(), (float)(holder.content.getWidth() - 60), TextUtils.TruncateAt.END);
        SpannableString string = new SpannableString(cutStr);
        int colorSpanLength = preStr.length();
        if (colorSpanLength > cutStr.length()) {
            colorSpanLength = cutStr.length();
        }

        string.setSpan(new ForegroundColorSpan(view.getContext().getResources().getColor(color.rc_draft_color)), 0, colorSpanLength, 33);
        builder.append(string);
        AndroidEmoji.ensure(builder);
        holder.content.setText(builder, TextView.BufferType.SPANNABLE);
    } else {
        holder.content.post(new Runnable() {
            public void run() {
                SpannableString str;
                if (holder.content.getWidth() > 60) {
                    CharSequence cutStr = TextUtils.ellipsize(preStr + " " + data.getDraft(), holder.content.getPaint(), (float)(holder.content.getWidth() - 60), TextUtils.TruncateAt.END);
                    str = new SpannableString(cutStr);
                    int colorSpanLength = preStr.length();
                    if (colorSpanLength > cutStr.length()) {
                        colorSpanLength = cutStr.length();
                    }

                    str.setSpan(new ForegroundColorSpan(view.getContext().getResources().getColor(color.rc_draft_color)), 0, colorSpanLength, 33);
                    builder.append(str);
                } else {
                    String oriStr = preStr + " " + data.getDraft();
                    str = new SpannableString(oriStr);
                    str.setSpan(new ForegroundColorSpan(view.getContext().getResources().getColor(color.rc_draft_color)), 0, preStr.length(), 33);
                    builder.append(str);
                }

                AndroidEmoji.ensure(builder);
                holder.content.setText(builder, TextView.BufferType.SPANNABLE);
            }
        });
    }

}

private void handleCommonContent(final RongPrivateConversationProvider.ViewHolder holder, UIConversation data) {

    if (holder.content.getWidth() > 60 && data.getConversationContent() != null) {
        CharSequence cutStr = TextUtils.ellipsize(data.getConversationContent(), holder.content.getPaint(), (float)(holder.content.getWidth() - 60), TextUtils.TruncateAt.END);
        holder.content.setText(cutStr, TextView.BufferType.SPANNABLE);
    } else {
        final CharSequence cutStr = data.getConversationContent();
        holder.content.post(new Runnable() {
            public void run() {
                if (holder.content.getWidth() > 60 && cutStr != null) {
                    CharSequence str = TextUtils.ellipsize(cutStr, holder.content.getPaint(), (float)(holder.content.getWidth() - 60), TextUtils.TruncateAt.END);
                    holder.content.setText(str, TextView.BufferType.SPANNABLE);
                } else {
                    holder.content.setText(cutStr);
                }

            }
        });
    }

}

public void bindView(View view, int position, UIConversation data) {
    RongPrivateConversationProvider.ViewHolder holder = (RongPrivateConversationProvider.ViewHolder)view.getTag();
    ProviderTag tag = null;
    if (data == null) {
        holder.title.setText((CharSequence)null);
        holder.time.setText((CharSequence)null);
        holder.content.setText((CharSequence)null);
    } else {
        setNewUserAndGoldTag(data.getConversationTargetId(),holder.tv_new_user_flag,holder.tv_get_gold);
        holder.title.setText(data.getUIConversationTitle());
        String time = RongDateUtils.getConversationListFormatDate(data.getUIConversationTime(), view.getContext());
        holder.time.setText(time);
        if (TextUtils.isEmpty(data.getDraft()) && !data.getMentionedFlag()) {
            boolean readRec = false;

            try {
                readRec = view.getResources().getBoolean(bool.rc_read_receipt);
            } catch (Resources.NotFoundException var10) {
                RLog.e("RongPrivateConversationProvider", "rc_read_receipt not configure in rc_config.xml");
                var10.printStackTrace();
            }

            if (readRec) {
                if (data.getSentStatus() == Message.SentStatus.READ && data.getConversationSenderId().equals(RongIM.getInstance().getCurrentUserId()) && !(data.getMessageContent() instanceof RecallNotificationMessage)) {
                    holder.readStatus.setVisibility(View.VISIBLE);
                } else {
                    holder.readStatus.setVisibility(View.GONE);
                }
            }

            this.handleCommonContent(holder, data);
        } else {
            if (data.getMentionedFlag()) {
                this.handleMentionedContent(holder, view, data);
            } else {
                this.handleDraftContent(holder, view, data);
            }

            holder.readStatus.setVisibility(View.GONE);
        }

        if (RongContext.getInstance() != null && data.getMessageContent() != null) {
            tag = RongContext.getInstance().getMessageProviderTag(data.getMessageContent().getClass());
        }

        if (data.getSentStatus() != null && (data.getSentStatus() == Message.SentStatus.FAILED || data.getSentStatus() == Message.SentStatus.SENDING) && tag != null && tag.showWarning() && data.getConversationSenderId() != null && data.getConversationSenderId().equals(RongIM.getInstance().getCurrentUserId()) && TextUtils.isEmpty(data.getDraft())) {
            Bitmap bitmap = BitmapFactory.decodeResource(view.getResources(), drawable.rc_conversation_list_msg_send_failure);
            int width = bitmap.getWidth();
            Drawable drawable = null;
            if (data.getSentStatus() == Message.SentStatus.FAILED && TextUtils.isEmpty(data.getDraft())) {
                if (ResendManager.getInstance().needResend(data.getLatestMessageId())) {

                    drawable = view.getContext().getResources().getDrawable(R.drawable.rc_conversation_list_msg_sending);
                } else {
                    drawable = view.getContext().getResources().getDrawable(R.drawable.rc_conversation_list_msg_send_failure);
                }
            } else if (data.getSentStatus() == Message.SentStatus.SENDING && TextUtils.isEmpty(data.getDraft())) {
                drawable = view.getContext().getResources().getDrawable(R.drawable.rc_conversation_list_msg_sending);
            }

            if (drawable != null) {
                drawable.setBounds(0, 0, width, width);
                holder.content.setCompoundDrawablePadding(10);
                holder.content.setCompoundDrawables(drawable, (Drawable)null, (Drawable)null, (Drawable)null);
            }
        } else {
            holder.content.setCompoundDrawables((Drawable)null, (Drawable)null, (Drawable)null, (Drawable)null);
        }

        Conversation.ConversationNotificationStatus status = data.getNotificationStatus();
        if (status != null && status.equals(Conversation.ConversationNotificationStatus.DO_NOT_DISTURB)) {
            holder.notificationBlockImage.setVisibility(View.VISIBLE);
        } else {
            holder.notificationBlockImage.setVisibility(View.GONE);
        }
    }

}



public Spannable getSummary(UIConversation data) {
    return null;
}

public String getTitle(String userId) {
    UserInfo userInfo = RongUserInfoManager.getInstance().getUserInfo(userId);
    return userInfo == null ? userId : userInfo.getName();
}

public Uri getPortraitUri(String userId) {
    UserInfo userInfo = RongUserInfoManager.getInstance().getUserInfo(userId);
    return userInfo == null ? null : userInfo.getPortraitUri();
}

protected class ViewHolder {
    public TextView title;
    public TextView time;
    public TextView content;
    public ImageView notificationBlockImage;
    public ImageView readStatus;
    public TextView tv_get_gold;
    public TextView tv_new_user_flag;

    protected ViewHolder() {
    }
}
}

看到?jīng)]，這樣我們就可以操作新增的View了

步驟三豌习、別忘了注冊(cè)會(huì)話類型

RongIM.getInstance().registerConversationTemplate(new RongPrivateConversationProvider());

如果還有問(wèn)題請(qǐng)私信我或者評(píng)論欠痴。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市劳吠，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖埂材，帶你破解...
沈念sama閱讀 218,525評(píng)論 6贊 507
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異汤求，居然都是意外死亡俏险，警方通過(guò)查閱死者的電腦和手機(jī)严拒，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 93,203評(píng)論 3贊 395
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)竖独，“玉大人裤唠，你說(shuō)我怎么就攤上這事∮。” “怎么了种蘸？”我有些...
開(kāi)封第一講書人閱讀 164,862評(píng)論 0贊 354
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長(zhǎng)竞膳。經(jīng)常有香客問(wèn)我航瞭，道長(zhǎng)，這世上最難降的妖魔是什么坦辟？我笑而不...
開(kāi)封第一講書人閱讀 58,728評(píng)論 1贊 294
?港島之戀（遺憾婚禮）
正文為了忘掉前任刊侯，我火速辦了婚禮，結(jié)果婚禮上锉走，老公的妹妹穿的比我還像新娘滨彻。我一直安慰自己，他們只是感情好挪蹭，可當(dāng)我...
茶點(diǎn)故事閱讀 67,743評(píng)論 6贊 392
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布疮绷。她就那樣靜靜地躺著，像睡著了一般嚣潜。火紅的嫁衣襯著肌膚如雪冬骚。梳的紋絲不亂的頭發(fā)上，一...
開(kāi)封第一講書人閱讀 51,590評(píng)論 1贊 305
城市分裂傳說(shuō)
那天懂算，我揣著相機(jī)與錄音只冻，去河邊找鬼。笑死计技，一個(gè)胖子當(dāng)著我的面吹牛喜德，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播垮媒，決...
沈念sama閱讀 40,330評(píng)論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼舍悯，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了睡雇？” 一聲冷哼從身側(cè)響起萌衬，我...
開(kāi)封第一講書人閱讀 39,244評(píng)論 0贊 276
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎它抱，沒(méi)想到半個(gè)月后秕豫，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 45,693評(píng)論 1贊 314
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,885評(píng)論 3贊 336
?白月光啟示錄
正文我和宋清朗相戀三年混移，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了祠墅。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 40,001評(píng)論 1贊 348
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡歌径，死狀恐怖毁嗦，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情回铛，我是刑警寧澤狗准，帶...
沈念sama閱讀 35,723評(píng)論 5贊 346
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站勺届，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏娶耍。R本人自食惡果不足惜免姿，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,343評(píng)論 3贊 330
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望榕酒。院中可真熱鬧胚膊，春花似錦、人聲如沸想鹰。這莊子的主人今日做“春日...
開(kāi)封第一講書人閱讀 31,919評(píng)論 0贊 22
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)辑舷。三九已至喻犁，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間何缓，已是汗流浹背肢础。一陣腳步聲響...
開(kāi)封第一講書人閱讀 33,042評(píng)論 1贊 270
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留碌廓，地道東北人传轰。一個(gè)月前我還...
沈念sama閱讀 48,191評(píng)論 3贊 370
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像谷婆，于是被迫代替她去往敵國(guó)和親慨蛙。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,955評(píng)論 2贊 355

融云自定義消息列表item的布局

一玖翅、先看下效果圖

二、思路分析

步驟一耻姥、rc_item_base_conversation中添加相應(yīng)的ui

步驟二、關(guān)鍵的一步 自定義RongPrivateConversationProvider類

步驟三豌习、別忘了注冊(cè)會(huì)話類型

推薦閱讀更多精彩內(nèi)容

步驟一耻姥、`rc_item_base_conversation`中添加相應(yīng)的ui

步驟二、關(guān)鍵的一步自定義RongPrivateConversationProvider類