zoukankan      html  css  js  c++  java
  • Textview 文本旋转,倾斜

    有时候Android自带的控件无法满足我们的某些要求,这时就需要我们自定义控件来实现这些功能。比如需要一个TextView里的字倾斜一定的角度,就需要自定义TextView。

    代码如下:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    package com.android.textviewrotatedemo;
     
    import android.content.Context;
    import android.content.res.TypedArray;
    import android.graphics.Canvas;
    import android.util.AttributeSet;
    import android.view.Gravity;
    import android.widget.TextView;
     
    /**
     * Created by zhenxixianzai on 2015/5/5.
     */
    public class RotateTextView extends TextView {
        private static final int DEFAULT_DEGREES = 0;
        private int mDegrees;
     
        public RotateTextView(Context context) {
            super(context, null);
        }
     
        public RotateTextView(Context context, AttributeSet attrs) {
            super(context, attrs, android.R.attr.textViewStyle);
            this.setGravity(Gravity.CENTER);
            TypedArray a = context.obtainStyledAttributes(attrs,
                    R.styleable.RotateTextView);
            mDegrees = a.getDimensionPixelSize(R.styleable.RotateTextView_degree,
                    DEFAULT_DEGREES);
            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();
        }
     
        public void setDegrees(int degrees) {
            mDegrees = degrees;
        }
    }

    styles 如下:

    1
    2
    3
    <declare-styleable name="RotateTextView">
             
        </attr></declare-styleable>

    用法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <linearlayout android:layout_height="match_parent" android:layout_width="match_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">
     
        <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="http://blog.csdn.net/u014649598">
        <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi1" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试">
        <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi2" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试">
        <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi3" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试4">
        <com.android.textviewrotatedemo.rotatetextview android:autolink="all" android:gravity="center" android:id="@+id/ceshi4" android:layout_gravity="center" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="测试测试测试">
     
     
    </com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></com.android.textviewrotatedemo.rotatetextview></linearlayout>

    Java 部分:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    package com.android.textviewrotatedemo;
     
    import android.app.Activity;
    import android.os.Bundle;
     
    public class MainActivity extends Activity {
        private RotateTextView mTextView;
        private RotateTextView mTextView1;
        private RotateTextView mTextView2;
        private RotateTextView mTextView3;
        private RotateTextView mTextView4;
        private RotateTextView mTextView5;
     
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            mTextView = (RotateTextView) findViewById(R.id.ceshi);
            mTextView.setDegrees(10);
            mTextView1 = (RotateTextView) findViewById(R.id.ceshi1);
            mTextView1.setDegrees(350);
            mTextView2 = (RotateTextView) findViewById(R.id.ceshi2);
            mTextView2.setDegrees(180);
            mTextView3 = (RotateTextView) findViewById(R.id.ceshi3);
            mTextView3.setDegrees(90);
            mTextView4 = (RotateTextView) findViewById(R.id.ceshi4);
            mTextView4.setDegrees(290);
     
        }
    }

    附上效果图:


    项目地址:
    https://coding.net/u/leigo/p/RotateTextView/git

  • 相关阅读:
    springboot与docker
    Docker入门笔记(Centos7)
    记录VUE-CLI项目创建及初始化相关
    centos下安装mysql5.6
    GitLab权限介绍
    属性文件操作之Properties与ResourceBundle
    Shell入门基础
    JavaScript基础的记录
    Java基本排序算法
    解读闭包,这次从ECMAScript词法环境,执行上下文说起
  • 原文地址:https://www.cnblogs.com/exmyth/p/4870555.html
Copyright © 2011-2022 走看看