【Kevin Learn QMUI】--＞QMUIVerticalTextView

不断学习，做更好的自己！💪

视频号CSDN简书欢迎打开微信，关注我的视频号：KevinDev点我点我 简介

在 TextView 的基础上支持文字竖排。

开始使用

qmui

1. 引入库 请确保配置了 JCenter 仓库源，然后直接引用: implementation "com.qmuiteam:qmui:2.0.0-alpha10" 至此，QMUI 已被引入项目中。

2. 配置主题 把项目的 theme 的 parent 指向 QMUI.Compat，至此，QMUI 可以正常工作。

效果图

核心代码

1. 布局文件

2. QDVerticalTextViewActivity.java

public class QDVerticalTextViewActivity extends BaseActivity {
    @BindView(R.id.topbar)
    QMUITopBar mTopBar;
    @BindView(R.id.verticalTextView)
    QMUIVerticalTextView mVerticalTextView;
    @BindView(R.id.verticalTextView_editText)
    EditText mEditText;

    @Override
    protected int getLayoutId() {
        return R.layout.activity_qdvertical_text_view;
    }

    @Override
    protected void initView() {
        initTopBar();
        initVerticalTextView();
    }

    private void initTopBar() {
        mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });

        mTopBar.setTitle("QMUIVerticalTextView");
    }

    private void initVerticalTextView() {
        final String defaultText = String.format("%s 实现对文字的垂直排版。并且对非 CJK (中文、日文、韩文)字符做90度旋转排版。可以在下方的输入框中输入文字，体验不同文字垂直排版的效果。",
                QMUIVerticalTextView.class.getSimpleName());
        mVerticalTextView.setText(defaultText);
        mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {

            }

            @Override
            public void afterTextChanged(Editable s) {
                mVerticalTextView.setText(QMUILangHelper.isNullOrEmpty(s) ? defaultText : s);
            }
        });
    }

}