设计师要求TextView高度固定,当文字长度为1时,显示圆形背景;当文字长度大于1时显示圆角矩形背景。如图所示。


困难在于,设定宽度wrap_content,当文字长度为1时,不一定能保证宽高比正好为1:1
比较容易想到的方法是,弄两个TextView,圆形背景的tv永远保持1:1大小不变,圆角矩形背景的tv的宽度设为wrap_content,使用时根据文字长度分别设置两者的Visibility即可。但这样做过于麻烦,其实一个View就可以解决。
public class MinWidthCircleTextView extends FrameLayout{
private TextView tv;
public MinWidthCircleTextView(Context context) {
super(context);
init();
}
public MinWidthCircleTextView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}
public MinWidthCircleTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);

博客介绍了如何实现TextView在文字长度为1时展示圆形背景,超过1个字符则显示圆角矩形背景。设计师要求固定高度,难点在于保持宽高比。文中提出了一种避免使用两个TextView的解决方案。

2526

被折叠的 条评论
为什么被折叠?



