有时候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