TextView 多文字字体颜色及点击事件

像微信朋友圈点赞功能如:张三、李四、王五、这种格式

最早做法是在layout中创建一个父类容器如linearlayout然后在创建一个子layout,在代码中 通过for循环addView添加到父类容器当中,虽然可以实现效果但是这样无形中会增加很多view控件。

通过SpannableStringBuilder只通过一个textview就可以实现上面的效果。

InvitationLike userLike; 
        SpannableStringBuilder builder = new SpannableStringBuilder();
        SpannableString spannableString;
        for(int i=0;i<userLikeList.size();i++){
            userLike=userLikeList.get(i); 
            String strUserName="、"+userLike.getUsername();  
            spannableString = new SpannableString(strUserName);
            spannableString.setSpan(likeTextViewCliceSpan(userLike), 0, spannableString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            builder.append(spannableString);
        }  
        txtUserName.setText(builder.subSequence(1, builder.length()));
        txtUserName.setMovementMethod(LinkMovementMethod.getInstance());

likeTextViewCliceSpan是事件方法

private ClickableSpan likeTextViewCliceSpan(final InvitationLike user_like){
        ClickableSpan clickableSpan=new ClickableSpan() {
            
            @Override
            public void onClick(View widget) {
                StartPace(user_like.getUtid(),user_like.getUid(),user_like.getUsername());
            }
            @Override
            public void updateDrawState(@NonNull TextPaint ds) {
                super.updateDrawState(ds);//根据自己情况设置相应字体颜色
                ds.setColor(mContext.getResources().getColor(R.color.broadcast_list_name));
                ds.setUnderlineText(false);
                ds.clearShadowLayer();
            } 
        };
        return clickableSpan;
    }

同理微信中的回复功能也一样实现通过一个textview实现,如果实用多个textview就很难保证字体对齐方式。

微信回复格式

李四回复张三:谢谢

张三:不错啊

这个样式父类必须创建一人上layout,因为有多行,每行是一个textview控件,textviewClickSpan也是事件方法和上面基本一样这里就是粘贴了

private void userCommentList(final int index,LinearLayout linearLike, final List<NewCommentModel> commentList){
        linearLike.removeAllViews();
        NewCommentModel commentModel;
        for(int i=0;i<commentList.size();i++){
            commentModel=commentList.get(i);                
            View view=LayoutInflater.from(mContext).inflate(R.layout.view_userlike_txtname,new LinearLayout(mContext));
            final CustomTextView txt_commentContent=(CustomTextView)view.findViewById(R.id.txt_username); 
            ForegroundColorSpan replySpan = new ForegroundColorSpan(mContext.getResources().getColor(R.color.login_font));
            ForegroundColorSpan contentSpan = new ForegroundColorSpan(mContext.getResources().getColor(R.color.login_font));
            SpannableStringBuilder builder = new SpannableStringBuilder();
            SpannableString fromSpannable,spannableReply,toSpannable,contentSpannable;
            if(TextUtils.isEmpty(commentModel.getTousername())){ 
                fromSpannable = new SpannableString(commentModel.getFromusername()+": ");
                fromSpannable.setSpan(textviewClickSpan(false,commentModel), 0, fromSpannable.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                builder.append(fromSpannable);
            }else{  
                fromSpannable = new SpannableString(commentModel.getFromusername());
                fromSpannable.setSpan(textviewClickSpan(false,commentModel), 0, fromSpannable.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                builder.append(fromSpannable);
                spannableReply=new SpannableString(mContext.getResources().getString(R.string.etxt_reply_hit));
                spannableReply.setSpan(replySpan, 0, spannableReply.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                builder.append(spannableReply);
                toSpannable = new SpannableString(commentModel.getTousername()+": ");
                toSpannable.setSpan(textviewClickSpan(true,commentModel), 0, toSpannable.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                builder.append(toSpannable);                
            }
            contentSpannable = new SpannableString(commentModel.getContent());
            contentSpannable.setSpan(contentSpan, 0, contentSpannable.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            builder.append(contentSpannable);
            txt_commentContent.setText(builder);
            txt_commentContent.setMovementMethod(LinkMovementMethod.getInstance());
            linearLike.addView(view);
        } 
    }

 

你可能感兴趣的:(textview)