【Android】TextView倾斜文字

在实际开发应用中，我们有时需要将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、页面布局，引用自定义控件

    <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 文字倾斜的自定义控件就算基本完成了，是不是很简单。

项目结构图：

TextView文字倾斜项目结构图