自定义竖直旋转显示文字的TextView

先看效果(最右边的Buttons)：



原理很简单，就是使用了drawTextOnPath（）沿着一条垂直的直线绘制文字，该直线可以从上往下或者从下往上，通过direction属性控制文字显示的方向。该类是本人要处理垂直显示英文字的时候逼出来的，呵呵；如果是中文字就简单了，直接加个换行符就满足要求了。

这下可以满足了吧？！（老外通常比较深~~~）

源码：

Java代码  

1. package com.reyo.view;  
2.   
3. import android.content.Context;  
4. import android.content.res.TypedArray;  
5. import android.graphics.Canvas;  
6. import android.graphics.Paint.Align;  
7. import android.graphics.Path;  
8. import android.graphics.Rect;  
9. import android.text.TextPaint;  
10. import android.util.AttributeSet;  
11. import android.view.View;  
12.   
13. import com.reyo.goingdishes.R;  
14.   
15. public class VerticalTextView extends View {  
16.     private TextPaint mTextPaint;  
17.     private String mText;  
18.     Rect text_bounds = new Rect();  
19.     final static int DEFAULT_TEXT_SIZE = 15;  
20.     final static int DEFAULT_TEXT_COLOR = 0xFF000000;  
21.     private int direction;  
22.     public VerticalTextView(Context context) {  
23.         super(context);  
24.         init();  
25.     }  
26.   
27.     public VerticalTextView(Context context, AttributeSet attrs) {  
28.         super(context, attrs);  
29.         init();  
30.   
31.         TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.verticaltextview);  
32.         CharSequence s = a.getString(R.styleable.verticaltextview_text);  
33.         if (s != null)   
34.             mText = s.toString();  
35.         int textSize = a.getDimensionPixelOffset(R.styleable.verticaltextview_textSize, DEFAULT_TEXT_SIZE);  
36.         if (textSize > 0)   
37.             mTextPaint.setTextSize(textSize);  
38.   
39.         mTextPaint.setColor(a.getColor(R.styleable.verticaltextview_textColor, DEFAULT_TEXT_COLOR));  
40.         direction = a.getInt(R.styleable.verticaltextview_direction,0);  
41.         a.recycle();  
42.           
43.         requestLayout();  
44.         invalidate();  
45.     }  
46.   
47.     private final void init() {  
48.         mTextPaint = new TextPaint();  
49.         mTextPaint.setAntiAlias(true);  
50.         mTextPaint.setTextSize(DEFAULT_TEXT_SIZE);  
51.         mTextPaint.setColor(DEFAULT_TEXT_COLOR);  
52.         mTextPaint.setTextAlign(Align.CENTER);  
53.     }  
54.   
55.     public void setText(String text) {  
56.         mText = text;  
57.         requestLayout();  
58.         invalidate();  
59.     }  
60.   
61.     public void setTextSize(int size) {  
62.         mTextPaint.setTextSize(size);  
63.         requestLayout();  
64.         invalidate();  
65.     }  
66.   
67.     public void setTextColor(int color) {  
68.         mTextPaint.setColor(color);  
69.         invalidate();  
70.     }  
71.   
72.     @Override  
73.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
74.         mTextPaint.getTextBounds(mText, 0, mText.length(), text_bounds);  
75.         setMeasuredDimension(  
76.                 measureWidth(widthMeasureSpec),  
77.                 measureHeight(heightMeasureSpec));  
78.     }  
79.   
80.     private int measureWidth(int measureSpec) {  
81.         int result = 0;  
82.         int specMode = MeasureSpec.getMode(measureSpec);  
83.         int specSize = MeasureSpec.getSize(measureSpec);  
84.   
85.         if (specMode == MeasureSpec.EXACTLY) {  
86.             result = specSize;  
87.         } else {  
88. //            result = text_bounds.height() + getPaddingLeft() + getPaddingRight();  
89.             result = text_bounds.height();  
90.             if (specMode == MeasureSpec.AT_MOST) {  
91.                 result = Math.min(result, specSize);  
92.             }  
93.         }  
94.         return result;  
95.     }  
96.   
97.     private int measureHeight(int measureSpec) {  
98.         int result = 0;  
99.         int specMode = MeasureSpec.getMode(measureSpec);  
100.         int specSize = MeasureSpec.getSize(measureSpec);  
101.   
102.         if (specMode == MeasureSpec.EXACTLY) {  
103.             result = specSize;  
104.         } else {  
105. //            result = text_bounds.width() + getPaddingTop() + getPaddingBottom();  
106.             result = text_bounds.width();  
107.             if (specMode == MeasureSpec.AT_MOST) {  
108.                 result = Math.min(result, specSize);  
109.             }  
110.         }  
111.         return result;  
112.     }  
113.   
114.     @Override  
115.     protected void onDraw(Canvas canvas) {  
116.         super.onDraw(canvas);  
117.           
118.         int startX=0;  
119.         int startY=0;  
120.         int stopY=getHeight();  
121.         Path path=new Path();  
122.         if(direction==0){  
123.             startX=(getWidth()>>1)-(text_bounds.height()>>1);  
124.             path.moveTo(startX, startY);  
125.             path.lineTo(startX, stopY);  
126.         }else{  
127.             startX=(getWidth()>>1)+(text_bounds.height()>>1);  
128.             path.moveTo(startX, stopY);  
129.             path.lineTo(startX, startY);  
130.         }  
131.         canvas.drawTextOnPath(mText, path, 0, 0, mTextPaint);  
132.     }  
133. }  

自定义属性attr.xml：

Java代码  

1. <declare-styleable name="verticaltextview">  
2.         <attr name="text" format="string" />  
3.         <attr name="textColor" format="reference|color" />  
4.         <attr name="textSize" format="reference|dimension" />  
5.         <attr name="direction" >    
6.             <enum name="uptodown" value="0" />  
7.             <enum name="downtoup" value="1" />  
8.         </attr>  
9.     </declare-styleable>  

用法：

Java代码  

1. <com.reyo.view.VerticalTextView xmlns:app="http://schemas.android.com/apk/res/com.reyo.goingdishes"  
2.             android:id="@+id/btn_1"  
3.             android:layout_width="match_parent"  
4.             android:layout_height="@dimen/main_btn_height"  
5.             android:background="@drawable/bg_btn_order"  
6.             android:layout_marginRight="5dp"  
7.             android:layout_marginTop="5dp"  
8.             android:layout_marginBottom="5dp"  
9.             android:clickable="true"  
10.             android:focusable="true"  
11.             android:tag="1"  
12.             app:text="Sandwiches"  
13.             app:textColor="@color/gray"  
14.             app:textSize="@dimen/font_middle"  
15.             app:direction="uptodown"  
16.             />  

https://github.com/lfkdsk/JustWeTools#vertextview%E7%AB%96%E8%A1%8C%E6%8E%92%E7%89%88%E7%9A%84textview