admin管理员组文章数量:1646328
转自:http://blog.csdn/guijiaoba/article/details/47287697
最近项目里面有很多关于textview的样式问题,比如一些字体设置了背景色,加粗,下划线,中划线等。
下面以QQ空间中说说的回复进行实例讲解。
由于mac上软件比较难用,没有到qq的apk里面去扣一些表情过来,暂时拿默认的图片作为一个表情。
上面图片的中实例表示,“今天去星巴克喝咖啡了”表示一条说说,下面有三条留言是对主人“流水不腐”评论,同时评论最后还加了一个表情。
下面简单说下技术要点:
1、一般情况下,思路是这样的,一条评论是一行,可以是线性布局搞定,同时对用户名称和楼主的名称添加蓝色,如果有表情,那么则添加Imageview表示,这个在这里不做实现和分析,原因是因为,假如评论的条数太大,则效率是一个很大的问题。
2、、还有一些情况就是一条评论,单独作为一个textview,使用Android 提供的SpannableString进行实现。
下面就上面的分析的思路,对方法二进行代码实现,代码如下
public class FirstFragment extends Fragment {
@InjectView(R.id.textview)
TextView textview;
String host = "流水不腐";
String[] names = {"张三", "李四", "二狗子"};
String comment = "土豪求带啊";
int color = Color.BLUE;
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_first, container, false);
ButterKnife.inject(this, view);
return view;
}
@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
SpannableStringBuilder builder = new SpannableStringBuilder();
for (String name : names) {
String text = String.format("%s回复%s:%sicon\n", name, host, comment);
SpannableString string = new SpannableString(text);
string.setSpan(new ForegroundColorSpan(color), 0, name.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
string.setSpan(new ForegroundColorSpan(color), name.length() + 2, name.length() + 2 + host.length(),
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
string.setSpan(new ImageSpan(bitmap), text.length() - 5, text.length() - 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
builder.append(string);
}
textview.setText(builder);
}
@Override
public void onDestroyView() {
super.onDestroyView();
ButterKnife.reset(this);
}
}
这是一个fragment,布局里面只有一个textview,textview没有使用findviewByid进行初始化,使用的是开源工具butterknife。
然后就是一次赋值,每次评论玩后,进行回车。
String text = String.format(“%s回复%s:%sicon\n”, name, host, comment);
评论的内容是这样的,第一个参数表示用户名,第二个表示楼主,第三个表示内容,内容后面有个icon,我在这里只是对表情协议做简单的处理,实际上每个应用的对应的表情协议都是不一样的,使用特殊的字符串进行替换。
// 给name设置一个颜色
string.setSpan(new ForegroundColorSpan(color), 0, name.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
// 给host设置一个颜色
string.setSpan(new ForegroundColorSpan(color), name.length() + 2, name.length() + 2 + host.length(),
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
// 给icon进行替换,换成一个图片
string.setSpan(new ImageSpan(bitmap), text.length() - 5, text.length() - 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
builder.append(string);
以上就是一个QQ空间的回复功能的大致技术思路。
补充
由于Android对SpannableString设计的不太友好,所以本人对SpannableString进行的二次封装,叫做TextStylePlus,下面是github地址,欢迎各位前来讨论,里面有个相关的代码和demo,同时还对ImageSpan做了扩展,一般情况下,ImageSpan是替换的,如上面所示,字符串icon是被一个图片替换的,但是有些情况下,需要显示一个自定义的shape背景,那么就比较难搞。
TextStylePlus
下面是对上面的QQ空间回复功能,使用TextStylePlus进行实现。
public class SecondFragment extends Fragment {
@InjectView(R.id.textview)
TextView textview;
String host = "流水不腐";
String[] names = {"张三", "李四", "二狗子"};
String comment = "土豪求带啊";
int color = Color.BLUE;
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_first, container, false);
ButterKnife.inject(this, view);
return view;
}
@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
StyleBuilder styleBuilder = new StyleBuilder();
for (String name : names) {
styleBuilder.addStyleItem(
new TextStyleItem(name).setTextColor(color).setClickListener(new TextStyleItem.OnClickListener() {
@Override
public void onClick(String clickedText) {
Toast.makeText(SecondFragment.this.getActivity(), "text = " + clickedText, Toast.LENGTH_SHORT).show();
}
}))
.text("回复:")
.addStyleItem(new TextStyleItem(host).setTextColor(color))
.addStyleItem(new TextStyleItem("icon").setIconRes(R.drawable.ic_launcher))
.newLine();
}
styleBuilder.show(textview);
}
@Override
public void onDestroyView() {
super.onDestroyView();
ButterKnife.reset(this);
}
}
代码比较简单易懂,就是对回复的内容进行拼装,类似于使用StringBuffer一样,当最好拼装完成好后,直接传给textview进行显示,同时扩展了点击事件,当点击某一个用户的名字时,会弹出一个Toast,如下所示。
至此,本文基本技术,如需代码示例,请访问https://github/LiushuiXiaoxia/TextStylePlus ,项目里面共有三个子项目,libary表示TextStylePlus的库,app是对libary的demo,qqComment是QQ空间回复的功能实现。
版权声明:本文标题:Android QQ空间说说回复功能简介 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1729446692a1201470.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论