android 竖排文字展示

原创

mob64ca12e60047 2024-05-28 07:03:21 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12e60047的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 竖排文字展示

在日常的移动应用开发中，我们经常会遇到需要展示竖排文字的需求，比如在某些文档或者书籍阅读应用中。本文将介绍如何在 Android 应用中实现竖排文字的展示，并提供代码示例供参考。

1. 使用 TextView 实现竖排文字展示

在 Android 中，我们可以通过设置 TextView 的属性来实现竖排文字展示。首先，我们需要创建一个布局文件 activity_main.xml，在其中添加一个 TextView：

<TextView
    android:id="@+id/verticalTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="竖排文字展示"
    android:rotation="90"
    android:gravity="center"
/>

在上面的代码中，我们通过设置 android:rotation="90" 来让 TextView 的文字竖向展示，同时通过 android:gravity="center" 来使文字居中显示。

接下来，在 MainActivity.java 中找到 TextView 并设置其文字：

TextView verticalTextView = findViewById(R.id.verticalTextView);
verticalTextView.setText("这是竖排文字展示的示例");

运行应用，即可看到文字竖向展示的效果。

2. 使用自定义 View 实现竖排文字展示

除了使用 TextView，我们还可以通过自定义 View 来实现竖排文字展示。首先，创建一个继承自 View 的类 VerticalTextView：

public class VerticalTextView extends View {
    private String text;

    public VerticalTextView(Context context) {
        super(context);
    }

    public VerticalTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.VerticalTextView);
        text = a.getString(R.styleable.VerticalTextView_text);
        a.recycle();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint();
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        paint.setTextAlign(Paint.Align.CENTER);

        canvas.save();
        canvas.translate(getWidth() / 2, getHeight());
        canvas.rotate(-90);

        canvas.drawText(text, 0, 0, paint);

        canvas.restore();
    }

    public void setText(String text) {
        this.text = text;
        invalidate();
    }
}

然后，在 attrs.xml 中定义自定义属性：

<declare-styleable name="VerticalTextView">
    <attr name="text" format="string"/>
</declare-styleable>

最后，在布局文件中引用自定义 View：

<com.example.myapplication.VerticalTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:text="这是自定义 View 实现的竖排文字展示"
/>

运行应用，即可看到使用自定义 View 实现的竖排文字展示效果。