关闭

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

标签: textviewandroid竖直旋转
718人阅读 评论(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
查看评论

旋转的TextView-RotateTextView

参考:微商软件 attrs.xml添加三个自定义属性: RotateTextView.java public class RotateTextView extends TextView { private static final int[] textDegree = ...
  • lgl1170860350
  • lgl1170860350
  • 2015-01-16 17:47
  • 3036

Android TextView文字旋转45°

Android TextView文字旋转45°效果图如图:
  • tiancheng1016
  • tiancheng1016
  • 2015-11-25 14:02
  • 3177

Android 怎么旋转TextView文字显示方向

在一个项目中,需要旋转TextView的文字显示方向,怎么实现呢?这里提供一种变通的方法来实现该功能:Animation动画,保存动画结束状态来实现该功能。 主要代码如下: 1、定义一个anim xml资源文件rotate_right.xml <
  • love__coder
  • love__coder
  • 2011-10-09 08:47
  • 7887

Android自定义View练习,文字圆环排列的TextView,可旋转

自定义控件,圆环排列,TextView
  • xihe9152
  • xihe9152
  • 2017-03-30 17:27
  • 937

旋转TextView文字显示方向

  • 2014-12-23 16:35
  • 106KB
  • 下载

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

先看效果(最右边的Buttons): 原理很简单,就是使用了drawTextOnPath()沿着一条垂直的直线绘制文字,该直线可以从上往下或者从下往上,通过direction属性控制文字显示的方向。该类是本人要处理垂直显示英文字的时候逼出来的,呵呵;如果是中文字就简单了,直接加个换行符就满足要...
  • gundumw100
  • gundumw100
  • 2017-04-10 18:50
  • 345

anroid:自定义可旋转的TextView控件

android提供的控件不能满足所有需求,这时需要自定义我们自己的控件。 首先定义控件类: public class RotateableTextView extends TextView{ public RotateableTextView(Context context) {...
  • lzx_bupt
  • lzx_bupt
  • 2010-05-09 10:59
  • 5947

自定义TextView实现内容的旋转和偏移

有的时候,设计会要求我们的文字qing'xie
  • zh08070005
  • zh08070005
  • 2014-05-08 14:10
  • 3626

Textview 文本旋转,倾斜

有时候Android自带的控件无法满足我们的某些要求,这时就需要我们自定义控件来实现这些功能。比如需要一个TextView里的字倾斜一定的角度,就需要自定义TextView。 代码如下: package com.android.textviewrotatedemo; import android....
  • u014649598
  • u014649598
  • 2015-05-07 17:10
  • 3842

Android TextView 横排文字变竖排的简单方法

TextView 并没有提供文字竖排的方法。在网上搜了一下,只找到一些相对复杂的解决方案(比如继承重写View组件的绘制方法)。而我需要的仅仅是将数据集中取得的两行汉字按竖排格式输出即可。类似下面的需求: 从数据库或字符数组中随机获取的字符串——     路...
  • midong2000
  • midong2000
  • 2014-05-13 00:26
  • 3595
    个人资料
    • 访问:145149次
    • 积分:1924
    • 等级:
    • 排名:千里之外
    • 原创:29篇
    • 转载:99篇
    • 译文:1篇
    • 评论:36条
    最新评论