Android使用Canvas实现跑马灯

来源：互联网发布：次世代模型师月薪知乎编辑：程序博客网时间：2024/05/17 01:49

网上的很多的教程都是通过更改TextView的属性进行跑马灯的设计。这样做有很多的缺点：

1、如果TextView没有获取焦点，那么跑马灯的效果无法实现。

2、如果文本长度小于TextView的宽度，跑马灯的效果无法实现。

3、需要设置很多属性，麻烦。

还有很多教程是通过重写TextView的方式使TextView获得焦点，但是没有解决上面的几个问题。

本教程也是通过重写TextView的方式，准确的说是通过重写View的方式实现跑马灯。

使用到的技术：

1、Paint的使用；

2、Canvas中的drawText方法；

3、线程；

Paint：就是我们俗称的画笔，Android提供了很多的方法对Paint进行设置：

   setAntiAlias: 设置画笔的锯齿效果。
   setColor: 设置画笔颜色。
   setARGB: 设置画笔的a,r,p,g值。
   setAlpha: 设置Alpha值。
   setTextSize: 设置字体尺寸。
   setStyle: 设置画笔风格，空心或者实心。
   setStrokeWidth: 设置空心的边框宽度。
   getColor: 得到画笔的颜色。
   getAlpha: 得到画笔的Alpha值。

Canvas：提供了如下的方法

   Canvas(): 创建一个空的画布，可以使用setBitmap()方法来设置绘制具体的画布。
    Canvas(Bitmap bitmap): 以bitmap对象创建一个画布，则将内容都绘制在bitmap上，因此bitmap不得为null。
    Canvas(GL gl): 在绘制3D效果时使用，与OpenGL相关。
    drawColor: 设置Canvas的背景颜色。
    setBitmap: 设置具体画布。
    clipRect: 设置显示区域，即设置裁剪区。
    isOpaque:检测是否支持透明。
    rotate: 旋转画布
    setViewport: 设置画布中显示窗口。
    skew: 设置偏移量。

线程：这方面的资料很多。

以下是代码：

package net.songsoft.paomadeng;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.widget.TextView;/** * <br> * CreateDate: 2014-3-25<br> * Copyright: Copyright(c)<br> * Company: songsoft<br> * @author 宋志辉 * @version V1.0.0 * @Description 跑马灯的实现类 */public class MarqueeTextView extends TextView implements Runnable {    private Paint m_paint;    private int width;    private String src;        /**     *      * @return  src     * @Description  获取字符串      * 2014-3-26::宋志辉::创建此方法</br>     */    public String getSrc() {        return src;    }    /**     *      * @param src       * @Description 设置字符串     * 2014-3-26::宋志辉::创建此方法</br>     */    public void setSrc(String src) {        this.src = src;    }    /**     * <br>     * @param context <br>     * @Description 构造函数，对跑马灯的数据进行初始化     * 2014-3-25::宋志辉::创建此构造方法<br>     */    public MarqueeTextView(Context context) {        super(context);        width = 320;         m_paint = new Paint();        new Thread(this).start();    }       /**     *      * @param strText     * @return       * @Description 获取字符的宽度和高度     * 2014-3-25::宋志辉::创建此方法</br>     */    Rect GetStringRect(String strText) {        Rect rect = new Rect();        m_paint.getTextBounds(strText, 0, strText.length(), rect);        return rect;    }        /**     *      * @param canvas     * @param txtStr       * @Description 跑马灯的效果     * 2014-3-25::宋志辉::创建此方法</br>     */    void marquee(Canvas canvas, String txtStr) {        String txtStr2 = txtStr.substring(0, txtStr.length()) ;                  Rect rect = GetStringRect(txtStr);                int len = txtStr.length();                 while((width + rect.width() > 320) && (len > 0))          {              rect = GetStringRect(txtStr.substring(0, len));              len -= 1;          }                    m_paint.setColor(Color.BLACK);                   String txtLeft = txtStr.substring(len, txtStr.length());          if (!txtLeft.equals(""))          {              canvas.drawText(txtLeft,  20, 40, m_paint);                  }                 String txtRight = txtStr.substring(0, len);                    if (!txtRight.equals(""))          {              canvas.drawText(txtRight, width, 40, m_paint);                  }        if(width>20){            width-=1;        }else{            width=320;        }    }    /**     *      * @param canvas     * @see android.view.View#onDraw(android.graphics.Canvas)     * @Description  重绘     * 2014-3-25::宋志辉::创建此方法<br>     */    @Override    protected void onDraw(Canvas canvas) {        // TODO Auto-generated method stub        super.onDraw(canvas);        marquee(canvas, this.getSrc());    }    /**     *      * @see java.lang.Runnable#run()     * @Description  线程，刷新界面     * 2014-3-25::宋志辉::创建此方法<br>     */        @Override    public void run() {        // TODO Auto-generated method stub        while (!Thread.currentThread().isInterrupted()) {            try {                Thread.sleep(10);            } catch (Exception e) {                // TODO: handle exception                Thread.currentThread().interrupt();            }            postInvalidate();        }    }}

0 0