Textview 文本旋转，倾斜

有时候Android自带的控件无法满足我们的某些要求，这时就需要我们自定义控件来实现这些功能。比如需要一个TextView里的字倾斜一定的角度，就需要自定义TextView。

代码如下：

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
package com.android.textviewrotatedemo;
 
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.Gravity;
import android.widget.TextView;
 
/**
 * Created by zhenxixianzai on 2015/5/5.
 */
public class RotateTextView extends TextView {
    private static final int DEFAULT_DEGREES = 0;
    private int mDegrees;
 
    public RotateTextView(Context context) {
        super(context, null);
    }
 
    public RotateTextView(Context context, AttributeSet attrs) {
        super(context, attrs, android.R.attr.textViewStyle);
        this.setGravity(Gravity.CENTER);
        TypedArray a = context.obtainStyledAttributes(attrs,
                R.styleable.RotateTextView);
        mDegrees = a.getDimensionPixelSize(R.styleable.RotateTextView_degree,
                DEFAULT_DEGREES);
        a.recycle();
    }
 
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(getMeasuredWidth(), getMeasuredWidth());
    }
 
    @Override
    protected void onDraw(Canvas canvas) {
        canvas.save();
        canvas.translate(getCompoundPaddingLeft(), getExtendedPaddingTop());
        canvas.rotate(mDegrees, this.getWidth() / 2f, this.getHeight() / 2f);
        super.onDraw(canvas);
        canvas.restore();
    }
 
    public void setDegrees(int degrees) {
        mDegrees = degrees;
    }
}

styles 如下：

 

 

?
1
2
3
<declare-styleable name="RotateTextView">
         
    </attr></declare-styleable>

 

 

用法：

?
1
2
3
4
5
6
7
8
9
10
<linearlayout android:layout_height="match_parent" android:layout_width="match_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">
 
    <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="http://blog.csdn.net/u014649598">
    <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi1" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试">
    <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi2" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试">
    <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi3" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试4">
    <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi4" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试">
 
 
</com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></linearlayout>

Java 部分：

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
package com.android.textviewrotatedemo;
 
import android.app.Activity;
import android.os.Bundle;
 
public class MainActivity extends Activity {
    private RotateTextView mTextView;
    private RotateTextView mTextView1;
    private RotateTextView mTextView2;
    private RotateTextView mTextView3;
    private RotateTextView mTextView4;
    private RotateTextView mTextView5;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mTextView = (RotateTextView) findViewById(R.id.ceshi);
        mTextView.setDegrees(10);
        mTextView1 = (RotateTextView) findViewById(R.id.ceshi1);
        mTextView1.setDegrees(350);
        mTextView2 = (RotateTextView) findViewById(R.id.ceshi2);
        mTextView2.setDegrees(180);
        mTextView3 = (RotateTextView) findViewById(R.id.ceshi3);
        mTextView3.setDegrees(90);
        mTextView4 = (RotateTextView) findViewById(R.id.ceshi4);
        mTextView4.setDegrees(290);
 
    }
}

附上效果图：
\

 


项目地址:
https://coding.net/u/leigo/p/RotateTextView/git

posted @ 2015-10-12 00:45  牧之丨  阅读(1839)  评论(0)  编辑  收藏  举报