TextView 多文字字体颜色及多事件监听

时间:2021-03-21 07:36:57

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

最早做法是在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);
}
}