码迷,mamicode.com
首页 > 移动开发 > 详细

自定义View绘制图像与移动字体

时间:2015-12-18 14:51:41      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:自定义   view   跑马灯   开发   

自定义View在开发中是经常遇到的,例如一个跑马灯的效果、或者自定义一个转盘来显示下载进度的百分百比。今天把实现方式写下来,下面是源码部分:

MainActivity:没变动

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

主布局:只增加了一个自定义View

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.example.myview.MineView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </com.example.myview.MineView>

</RelativeLayout>

自定义View:

import java.util.Random;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.SystemClock;
import android.util.AttributeSet;
import android.view.View;

public class MineView extends View {

    /**
     * 字体移动的X坐标
     */
    private int rx = 0;
    /**
     * 画笔工具
     */
    private Paint paint;
    /**
     * 创建线程对象,用于循环延迟执行命令
     */
    private MyThread t;
    /**
     * 0表示圆的left,60表示圆的top,100表示圆的right,160表示圆的bottom
     */
    private RectF rectF = new RectF(0, 60, 100, 160);
    /**
     * 表示区间角度
     */
    private float sweepAngle;
    /**
     * 创建随机数对象
     */
    private Random random;
    /**
     * isdestroy表示该Activity是否已经结束
     */
    private boolean isdestroy = false;

    public MineView(Context context, AttributeSet attrs) {
        super(context, attrs);
        System.out.println("构造器");
        paint = new Paint();
        random = new Random();
        //抗锯齿,否则图像会很难看
        paint.setAntiAlias(true);
        if (t == null) {
            t = new MyThread();
            t.start();
        }
    }

    public MineView(Context context) {
        super(context);
        System.out.println("构造器");
        paint = new Paint();
        paint.setAntiAlias(true);
        if (t == null) {
            t = new MyThread();
            t.start();
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setTextSize(30);
        // rx表示移动字体的x坐标
        canvas.drawText("移动字体", rx, 30, paint);
        // rectF表示圆的对象,0表示起始角度,sweepAngle表示区间角度,true和false表示绘制过程的方式,paint表示画笔对象
        canvas.drawArc(rectF, 0, sweepAngle, true, paint);
    }

    class MyThread extends Thread {
        @Override
        public void run() {
            super.run();
            while (true) {
                rx += 5;
                // 如果字体移动出屏幕以外,就让字体从头开始
                if (rx > getWidth()) {
                    rx = (int) (0 - paint.measureText("移动字体"));
                }

                sweepAngle += 5;
                // 如果角度大于360就让圆从0度开始重新绘制
                if (sweepAngle > 360) {
                    sweepAngle = 0;
                }
                // 让颜色从0-255随机选择
                int r = random.nextInt(256);
                int g = random.nextInt(256);
                int b = random.nextInt(256);
                // 分别表示:透明度(0~255)、红、绿、蓝
                paint.setARGB(255, r, g, b);
                /**
                 * 判断Activity是否已经退出,如果退出则isdestroy为true,那么立刻让线程对象与画笔对象为空,并且break,
                 * 否则会造成内存溢出,此办法必须在此处使用,否则会造成空指针的BUG。
                 */
                if (isdestroy) {
                    if (t != null) {
                        t = null;
                    }
                    if (paint != null) {
                        paint = null;
                    }
                    break;
                }
                // 睡眠
                SystemClock.sleep(50);
                // 可以让ondraw方法重新执行
                postInvalidate();
                // invalidate();分线程无效,要在主线程使用
            }
        }
    }

    /**
     * 当窗口销毁的时候会调用此方法,用于关闭资源
     */
    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        isdestroy = true;
        System.out.println("onDetachedFromWindow");

    }

}

运行效果:运行起来是动态的,我不会上传动态效果,想看效果的自己跑起来就可以了。

技术分享

注意:这里的跑马灯效果只是一种非常笨的方式,有更简单的办法,我以后会介绍!

本文出自 “移动平台开发” 博客,请务必保留此出处http://liuxudong1001.blog.51cto.com/10877072/1726020

自定义View绘制图像与移动字体

标签:自定义   view   跑马灯   开发   

原文地址:http://liuxudong1001.blog.51cto.com/10877072/1726020

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!