【Android】TextView倾斜文字
16lz
2021-01-24
在实际开发应用中,我们有时需要将TextView的文字倾斜一定的角度。
由于Android自带的TextView控件没有提供倾斜的(我暂时没有找到),我们可以自定义控件来实现,如果你还不清楚什么是自定义控件的,可以先参考我之前的写的 组合控件。下面来看我们实现的效果图。
TextView文字倾斜
其实实现很简单,下面我们来看实现步骤:
1、新建一个类 LeanTextView继承TextView
public class LeanTextView extends TextView { public int getmDegrees() { return mDegrees; } public void setmDegrees(int mDegrees) { this.mDegrees = mDegrees; invalidate(); } private int mDegrees; public LeanTextView(Context context) { super(context, null); } public LeanTextView(Context context, AttributeSet attrs) { super(context, attrs, android.R.attr.textViewStyle); this.setGravity(Gravity.CENTER); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.LeanTextView); mDegrees = a.getDimensionPixelSize(R.styleable.LeanTextView_degree, 0); 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(); }}
2、在values文件中新建styleable.xml
<?xml version="1.0" encoding="utf-8"?><resources> <declare-styleable name="LeanTextView"> <attr name="degree" format="dimension" /> declare-styleable>resources>
3、页面布局,引用自定义控件
.aikaifa.LeanTextView android:id="@+id/lean" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:text="爱开发" />
这里我们用TextView记录倾斜的角度,用SeekBar动态改变角度
.aikaifa.LeanTextView android:id="@+id/lean" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:text="爱开发" /> "@+id/degrees" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:gravity="center"/> "@+id/sb_lean" android:layout_width="match_parent" android:layout_marginTop="20dp" android:layout_height="wrap_content" android:max="100" android:progress="30" />
java代码
mText= (LeanTextView) findViewById (R.id.lean); degrees= (TextView) findViewById (R.id.degrees); SeekBar sbLean = (SeekBar) findViewById(R.id.sb_lean); sbLean.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { mText.setmDegrees(progress); degrees.setText("倾斜度:"+progress); } @Override public void onStartTrackingTouch(SeekBar seekBar) { } @Override public void onStopTrackingTouch(SeekBar seekBar) { } });
这样关于TextView 文字倾斜的自定义控件就算基本完成了,是不是很简单。
项目结构图:
TextView文字倾斜项目结构图
更多相关文章
- Android(安卓)图片文字单位 px、dp、sp区别
- Android(安卓)- fill_parent、wrap_content和match_parent的区别
- Android中常用的布局以及性能你了解多少?
- Android评分条控件RatingBar自定义背景颜色图片
- Android事件分发机制完全解析
- Android中ListView 控件与 Adapter 适配器如何使用?
- Robot Framework + Appium测试Android设备
- Android(安卓)入门第四讲04-小结-RecyclerView(回顾)+Context(介绍
- Listview item 滑动高亮显示