自定义UI-TextView实现文本自动滚动显示

自定义UI是高手必经之路，本人目前也在加紧学习中，本篇博文中实现的事自定义TextView实现文本内容的滚动显示，在文本内容超出textview所能显示的区域之后，超出部分没有办法显示，为了能够显示，所以自定义一个属性，实现文本内容的滚动显示。(最后有源码下载)
废话不多说，先给出结果图：

相信大家一看结果图就明白了吧。
就是实现这种效果。比较简单。下面一一道来~~

因为在这个自定义组件中，使用到了滚动间隔时间，所以需要增加一个自定义属性，那么如何增加自定义属性呢？
首先在values文件夹下面，创建一个attr.xml文件（如果已经有了就不需要创建了），在attr.xml中增加如下的内容：

<?xml version="1.0" encoding="utf-8"?><resources>    <attr name="duration" format="integer"/>    <declare-styleable name="customTextView">        <attr name="duration" />    </declare-styleable></resources>

这样我们就完成了声明自定义的属性duration。并且，指定了该属性的类型integer类型。
（这里的format值有几种形式：string,color,demension,integer,enum,reference,float,boolean,fraction,flag等，都很简单，几个特殊的我在这里说一下：enum类型，相当于android:grivity属相的值，值是从固定的几个值中选择的。
reference类型，就是android：src属性的值类型，需要引用R.drawable.xx)

定义了属性之后，就要使用了，怎么使用呢？下面给出布局文件来使用：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    xmlns:yin="http://schemas.android.com/apk/res/com.yin.customtextview"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.yin.customtextview.MainActivity" >    <com.yin.customtextview.CustomTextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/hello_world"        android:textSize="16sp"        android:lines="1"        yin:duration="1000"        android:layout_centerInParent="true" /></RelativeLayout>

这就是上面的图片的界面的布局文件，里面比较特殊的是这句代码：
xmlns:yin=”http://schemas.android.com/apk/res/com.yin.customtextview”
这是自定义的，yin是自定义的，自己想如何定义名字都是可以的，后面的值http://schemas.android.com/apk/res/com.yin.customtextview中前面部分是固定的，http://schemas.android.com/apk/res/xxx，xxx部分是项目的包名packagename，这样定义之后，就可以在下面的自定义组件中使用了。例如上面的布局文件中：yin:duration=”1000”

下面给出主界面的代码：

public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }}

非常简单吧，其实主要的是自定义的CustomTextView，代码如下：

public class CustomTextView extends TextView {    private int duration;    private Timer timer;    private String text;    private String textc;    private int i = 0;    public CustomTextView(Context context) {        super(context);        init(context,null,0);    }    public CustomTextView(Context context, AttributeSet attrs) {        super(context, attrs);        init(context, attrs, 0);    }    public CustomTextView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        init(context, attrs, defStyle);    }    private void init(Context context,AttributeSet attrs, int defStyle){        TypedArray typedArray = context.getTheme().obtainStyledAttributes(attrs,                R.styleable.customTextView, defStyle, 0);        int j = typedArray.getIndexCount();        for (int i = 0; i < j; i++) {            int k = typedArray.getIndex(i);            switch (k) {            case R.styleable.customTextView_duration:                duration = typedArray.getInt(k, 0);                break;            default:                break;            }        }        typedArray.recycle();//清除设置，否则上次的定义值可能会影响本次的效果    }    @Override    protected void onAttachedToWindow() {        super.onAttachedToWindow();        text = getText().toString();        timer = new Timer();        TimerTask task = new TimerTask() {            @Override            public void run() {                textc = text.substring(i, text.length());                i++;                if (i>=text.length()) {                    i=0;                }                postInvalidate();            }        };        timer.schedule(task, 100, duration);    }    @Override    protected void onDraw(Canvas canvas) {        if (textc != null) {            canvas.drawText(textc, getBaseline(), getBaseline(), getPaint());        }    }    @Override    public boolean isInEditMode() {        return false;    }    //脱离Window，定时器取消    @Override    protected void onDetachedFromWindow() {        super.onDetachedFromWindow();        timer.cancel();    }}

整个自定义TextView组件还是比较简单的，主要使用了一个定时器，在初始化时候，定义定时器并启动，每个duration时间，执行一次，这样就实现了文本内容的滚动显示。

各位朋友，给留个言，顶一下呗~~~^_^

源码下载