在实际开发应用中,我们有时需要将TextView的文字倾斜一定的角度。
由于Android自带的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、页面布局,引用自定义控件
<com.aikaifa.LeanTextView
android:id="@+id/lean"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="爱开发" />
这里我们用TextView记录倾斜的角度,用SeekBar动态改变角度
<com.aikaifa.LeanTextView
android:id="@+id/lean"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="爱开发" />
<TextView
android:id="@+id/degrees"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:gravity="center"/>
<SeekBar
android:id="@+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 文字倾斜的自定义控件就算基本完成了,是不是很简单。
项目结构图: