【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文字倾斜项目结构图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容