【Android】TextView倾斜文字

来源：互联网发布：淘宝达人是怎么赚钱编辑：程序博客网时间：2024/05/21 14:42

在实际开发应用中，我们有时需要将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文字倾斜项目结构图

0 0