关闭

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

标签: textviewandroid竖直旋转
499人阅读 评论(0) 收藏 举报
分类:
先看效果(最右边的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, 00, 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
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:112768次
    • 积分:1589
    • 等级:
    • 排名:千里之外
    • 原创:29篇
    • 转载:99篇
    • 译文:1篇
    • 评论:32条
    最新评论