设计师要求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);
        init();
    }

    private void init() {
        tv = new TextView(getContext());
        FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(WRAP_CONTENT, MATCH_PARENT);
        layoutParams.gravity = Gravity.CENTER;
        addView(tv, layoutParams);
        tv.setText("00");
        tv.setGravity(Gravity.CENTER);
        tv.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 10);
        tv.setTypeface(ResourcesCompat.getFont(getContext(), R.font.my_font));
        tv.setTextColor(Color.parseColor("#FFFFFF"));
    }

    public void setText(String text) {
        tv.setText(text);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (tv.getText().length() <= 1) {
            setMeasuredDimension(getMeasuredHeight(), getMeasuredHeight());
            setBackgroundResource(R.drawable.shape_oval);
        } else {
            setBackgroundResource(R.drawable.shape_rect);
        }
    }
}

版权声明:本文为bingma1995原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/bingma1995/article/details/128208725