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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
2013-10-12 Flex中实现类似Javascript的confirm box