美文网首页
协议文字对齐

协议文字对齐

作者: mt大山 | 来源:发表于2022-08-29 15:30 被阅读0次

代码类:

public class TextUtils {
    public static Builder getBuilder() {
        return new Builder();
    }

    public static class Builder {

        private SpannableStringBuilder strBuilder;

        private Builder() {
            strBuilder = new SpannableStringBuilder();
        }

        public Builder append(CharSequence text) {
            strBuilder.append(text);
            return this;
        }

        public Builder append(CharSequence text, int color) {

            int start = strBuilder.length();
            strBuilder.append(text);
            int end = strBuilder.length();
            strBuilder.setSpan(new ForegroundColorSpan(color), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            return this;
        }

        public Builder replace(CharSequence text, int color, String... replaces) {

            strBuilder.append(text);
            for (int i = 0; i < replaces.length; i++) {
                String replace = replaces[i];
                int start = text.toString().indexOf(replace);
                if (start >= 0) {
                    int end = start + replace.length();
                    strBuilder.setSpan(new ForegroundColorSpan(color), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                }
            }

            return this;
        }

        public Builder click(CharSequence text, final int color, final OnClickListener onClickListener,String... clickTexts) {

            strBuilder.append(text);

            for (int i = 0; i < clickTexts.length; i++) {

                String clickText = clickTexts[i];
                final int postion=i;
                int start = text.toString().indexOf(clickText);
                if (start >= 0) {
                    int end = start + clickText.length();
                    strBuilder.setSpan(new ClickableSpan() {
                        @Override
                        public void onClick(View view) {
                            if (onClickListener != null) {
                                onClickListener.onClick(postion);
                            }
                        }

                        @Override
                        public void updateDrawState(TextPaint ds) {
                            super.updateDrawState(ds);

                            ds.setColor(color);
                            ds.setUnderlineText(false);
                        }
                    }, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                }
            }
            return this;
        }

        private boolean isChecked = false;
        //设置复选框 因为该方法没有调strBuilder.append(),故请务必在调用该方法前保证strBuilder不为空,即调用了前面的方法
        public Builder checkBox(Context context, TextView tv, OnImageClickListener listener){
            setImageSpan(context, strBuilder, R.drawable.ic_check_false);
            strBuilder.setSpan(new ClickableSpan() {
                @Override
                public void onClick(@NonNull View view) {
                    isChecked = !isChecked;
                    if (isChecked){
                        setImageSpan(context, strBuilder, R.drawable.ic_check_true);
                        tv.setText(strBuilder);//刷新显示
                        listener.onChecked();
                    } else {
                        setImageSpan(context, strBuilder, R.drawable.ic_check_false);
                        tv.setText(strBuilder);
                        listener.onUnChecked();
                    }
                }

                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(ContextCompat.getColor(context,R.color.color_FE6114));
                    ds.setUnderlineText(false);
                }
            }, 0, 7, Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
            return this;
        }

        public Builder clickInto(TextView tv) {
            tv.setMovementMethod(LinkMovementMethod.getInstance());//设置可点击状态
            tv.setHighlightColor(Color.TRANSPARENT); //设置点击后的颜色为透明
            tv.setText(strBuilder);
            return this;
        }

        public Builder into(TextView tv) {
            tv.setText(strBuilder);
            return this;
        }
    }

    public interface OnClickListener {
        void onClick(int position);
    }

    public interface OnImageClickListener{
        void onChecked();
        void onUnChecked();
    }

    private static void setImageSpan(Context context, SpannableStringBuilder builder, int resourceId){
        MyImageSpan imageSpan = new MyImageSpan(context, resourceId, 2);//居中对齐
        builder.setSpan(imageSpan, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    }

    public static class MyImageSpan extends ImageSpan {
        //因为这里文字存在换行,系统的ImageSpan图标无法进行居中,所以我们自定义一个ImageSpan,重写draw方法,解决了该问题
        public MyImageSpan(@NonNull Context context, int resourceId, int verticalAlignment) {
            super(context, resourceId, verticalAlignment);
        }

        @Override
        public void draw(@NonNull Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, @NonNull Paint paint) {
            Drawable drawable = getDrawable();
            canvas.save();
            //获取画笔的文字绘制时的具体测量数据
            Paint.FontMetricsInt fm = paint.getFontMetricsInt();
            int transY = bottom - drawable.getBounds().bottom;
            if (mVerticalAlignment == ALIGN_BASELINE) {
                transY -= fm.descent;
            } else if (mVerticalAlignment == ALIGN_CENTER) {//自定义居中对齐
                //与文字的中间线对齐(这种方式不论是否设置行间距都能保障文字的中间线和图片的中间线是对齐的)
                // y+ascent得到文字内容的顶部坐标,y+descent得到文字的底部坐标,(顶部坐标+底部坐标)/2=文字内容中间线坐标
                transY = ((y + fm.descent) + (y + fm.ascent)) / 2 - drawable.getBounds().bottom / 2;
            }
            canvas.translate(x, transY);
            drawable.draw(canvas);
            canvas.restore();
        }
    }
}

使用

  TextUtils.getBuilder().click(
            resources.getString(R.string.company_partner_protocol),
            ContextCompat.getColor(this, R.color.color_FE6114),
         { position ->
                when (position) {
                    0 -> {
                    }
                    1 -> {
                    }
                }
            },
            "《用户政策》",
            "《隐私政策》"
        ).checkBox(this, agree_orther_xy, object : TextUtils.OnImageClickListener {
            override fun onUnChecked() {
            }

            override fun onChecked() {
            }

        }).clickInto(agree_orther_xy)

company_partner_protocol代码

\u3000\u3000我已阅读并同意《用户协议》《隐私政策》,并授权该账号信息(如昵称、头像、收货地址)进行统一管理。

相关文章

  • 协议文字对齐

    代码类: 使用 company_partner_protocol代码

  • 列表

    表格中文字左对齐 数字右对齐

  • 一学吓一跳,Excel的这6种对齐方式太有用了

    单元格中的文字有多少种对齐方式?90%的人只知道居中对齐、左右对齐。 试试分散对齐、填充对齐、缩进对齐……这些对齐...

  • 这10句话,对于手帐爱好很重要

    1.请你书写手帐时,请一定要注意对齐 素材对齐,文字对齐,板块对齐 2.对齐的基础上,再去进行文字与胶带的排版 3...

  • #网盘每日小技巧分享# 文字怎么排版才好看?

    今天为大家分享几个我对于文字排版的小心得~ 1.对齐 文字对齐无非就是三种,左对齐、右对齐和居中。 我们一般常用的...

  • 10.对齐方式

    对齐方式 文字水平对齐 设置高度和行高一样即可 让盒子和文字基于中线对齐 vertical-align: mid...

  • 对齐方式

    文字对齐:text-align:left|right|center|justify(两端对齐) 垂直对齐:vert...

  • css 文字多行对齐

    如何实现图中两行文字对齐呢??? 使用text-align:justify 让多行文字两端不对齐的对齐,但是单行字...

  • 关于文字对齐

    文字有一个基准线对齐 不是相对于底部或者顶部对齐

  • 关于文字对齐

    原理:利用em布局方式 + letter-spacing 属性1.给父元素设置固定宽度(如width:4rem),...

网友评论

      本文标题:协议文字对齐

      本文链接:https://www.haomeiwen.com/subject/ehtknrtx.html