Android自定义竖排TextView实现及示例

"Android自定义竖排TextView实现实例，介绍如何在Android应用中创建一个可以显示竖直排列文本的自定义TextView组件。" 在Android开发中，有时我们需要实现一些特殊的UI效果，例如在联系人应用中常见的左侧索引，其中字母或汉字沿着垂直方向排列。传统的TextView组件默认是以水平方式显示文本，但通过自定义布局，我们可以实现竖直排列的文本显示。本实例主要讲解如何创建一个名为VerticalTextView的自定义组件，以满足这种需求。 首先，我们需要了解竖排TextView的基本原理。通常，TextView是通过测量每个字符的宽度并在水平方向上进行布局。为了实现竖排，我们需要改变测量和布局的方式，改为测量字符的高度并在垂直方向上布局。 实现步骤如下： 1. 创建一个新的Java类，继承自TextView，并重写相关方法。例如，创建`VerticalTextView`类： ```java public class VerticalTextView extends TextView { // ... } ``` 2. 重写`onMeasure()`方法，以根据文本的行数计算高度，而不是宽度： ```java @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(heightMeasureSpec, widthMeasureSpec); setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth()); } ``` 3. 重写`onDraw()`方法，改变文字绘制的方向。默认的`drawText()`方法会水平绘制文本，我们需要调整为垂直绘制： ```java @Override protected void onDraw(Canvas canvas) { TextPaint paint = getPaint(); canvas.save(); float baseline = getBaseline(); for (int i = 0; i < getLineCount(); i++) { canvas.translate(0, getLineTop(i)); canvas.rotate(-90); canvas.drawText(getText(), 0, i, getWidth() / 2, baseline, paint); canvas.translate(0, -getLineHeight()); } canvas.restore(); } ``` 4. 在XML布局文件中使用自定义的`VerticalTextView`，并设置相应的属性，如字体大小、颜色等： ```xml <com.example.VerticalTextView android:id="@+id/vertical_tv" android:layout_width="wrap_content" android:layout_height="match_parent" android:text="竖排文本示例" /> ``` 5. 在Activity中初始化`VerticalTextView`，并可以添加触摸监听事件以实现滚动或其他交互功能： ```java @Override protected void onCreate(Bundle savedInstanceState) { // ... mVerticalTextView = findViewById(R.id.vertical_tv); mVerticalTextView.setOnTouchListener(this); } ``` 通过以上步骤，我们就创建了一个能够显示竖排文本的自定义TextView组件。在实际应用中，你可以根据需要进一步定制该组件，例如添加滚动功能，或者处理包含不同语言（如英文和汉字）的混合文本。这样，即使索引字符发生变化，也不需要修改任何图片，只需更新文本即可，大大提高了代码的可维护性和灵活性。