Android -- 自定义view实现keep欢迎页倒计时效果

最新推荐文章于 2022-03-02 02:15:39 发布
最新推荐文章于 2022-03-02 02:15:39 发布
阅读量316 收藏
点赞数
文章标签： 移动开发 ui java

1，最近打开keep的app的时候，发现它的欢迎页面的倒计时效果还不错，所以打算自己来写写，然后就有了这篇文章。

2，还是老规矩，先看一下我们今天实现的效果

 　　相较于我们常见的倒计时，这次实现的效果是多了外面圆环的不断减少，这也是我们这次自定义view的有意思的一点。

 　　知道了效果我们先来效果分析一波，首先是一个倒计时效果，计时的时候上面的圆弧不断的减少，里面的文字也不断的变化，在视觉上的改变就大致为这两部分，但是实际上我们的ui是由三部分来构成的：里面的实心圆、外面的圆弧、里面的文字。知道了我们ui的组成，我们就来开撸开撸。

　　在开撸之前我们还是回顾一下我们简单的自定义view的基本流程

/**
 * 自定义View的几个步骤
 * 1，自定义View属性
 * 2，在View中获得我们的自定义的属性
 * 3，重写onMeasure
 * 4,重写onDraw
 * 5，重写onLayout（这个决定view放置在哪儿）
 */

　①、确定自定义属性

　　 我们根据上面的基本步骤，我们知道首先我们根据效果图先来确定我们这次的自定义属性，这里我简单的分析了一下，主要添加了八个自定义属性，分别是里面实心圆的半径和颜色、圆弧的颜色和半径、里面文字的大小和颜色、总倒计时时间的长度、圆弧减少的方向（分为顺时针和逆时针），所以首先在res/values目录下创建attrs.xml文件，添加以下属性:（这里如果有对自定义属性不太了解的同学可以去了解我以前写过的这篇文章，可以更加深刻的理解）

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CircleTimerView">

        <attr name="solid_circle_radius" format="dimension"/>
        <attr name="solid_circle_color" format="color"/>
        <attr name="empty_circle_color" format="color"/>
        <attr name="empty_circle_radius" format="dimension"/>
        <attr name="circle_text_size" format="dimension"/>
        <attr name="circle_text_color" format="color"/>

        <attr name="circle_draw_orientation" format="enum">
            <!--顺时针-->
            <enum name="clockwise" value="1"/>
            <!--逆时针-->
            <enum name="anticlockwise" value="2"/>
        </attr>

        <attr name="time_length" format="integer"/>

    </declare-styleable>
</resources>

　　②、获取自定义属性、初始化一些属性

　　首先创建CircleTimerView类，继承自View类

public class CircleTimerView extends View {

    private Context context ;

    //里面实心圆颜色
    private int mSolidCircleColor ;
    //里面圆的半径
    private int mSolidCircleRadius;
    //外面圆弧的颜色
    private int mEmptyCircleColor ;
    //外面圆弧的半径(可以使用画笔的宽度来实现)
    private int mEmptyCircleRadius ;
    //文字大小
    private int mTextSize ;
    //文字颜色
    private int mTextColor ;
    //文字
    private String mText ;
    //绘制的方向
    private int mDrawOrientation;
    //圆弧绘制的速度
    private int mSpeed;
    //圆的画笔
    private Paint mPaintCircle ;
    //圆弧的画笔
    private Paint mPaintArc ;
    //绘制文字的画笔
    private Paint mPaintText;
    //时长
    private int mTimeLength ;

    //默认值
    private int defaultSolidCircleColor ;
    private int defaultEmptyCircleColor ;
    private int defaultSolidCircleRadius ;
    private int defaultEmptyCircleRadius ;
    private int defaultTextColor ;
    private int defaultTextSize ;
    private int defaultTimeLength ;
    private int defaultDrawOritation ;

    //当前扇形的角度
    private int startProgress ;
    private int endProgress ;
    private float currProgress ;

    //动画集合
    private AnimatorSet set ;

    //回调
    private OnCountDownFinish onCountDownFinish ;

    public CircleTimerView(Context context) {
        this(context,null);
    }

    public CircleTimerView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public CircleTimerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context ;

        //初始化默认值
        defaultSolidCircleColor = getResources().getColor(R.color.colorPrimary);
        defaultEmptyCircleColor = getResources().getColor(R.color.colorAccent);
        defaultTextColor = getResources().getColor(R.color.colorYellow);

        defaultSolidCircleRadius = (int) getResources().getDimension(R.dimen.dimen_20);
        defaultEmptyCircleRadius = (int) getResources().getDimension(R.dimen.dimen_25);
        defaultTextSize = (int) getResources().getDimension(R.dimen.dimen_16);

        defaultTimeLength = 3 ;
        defaultDrawOritation = 1 ;

        //获取自定义属性
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleTimerView);
        mSolidCircleColor = a.getColor(R.styleable.CircleTimerView_solid_circle_color,defaultSolidCircleColor);
        mSolidCircleRadius = a.getDimensionPixelOffset(R.styleable.CircleTimerView_solid_circle_radius ,defaultSolidCircleRadius);

        mEmptyCircleColor = a.getColor(R.styleable.CircleTimerView_empty_circle_color,defaultEmptyCircleColor);
        mEmptyCircleRadius = a.getDimensionPixelOffset(R.styleable.CircleTimerView_empty_circle_radius ,defaultEmptyCircleRadius);

        mTextColor = a.getColor(R.styleable.CircleTimerView_circle_text_color,defaultTextColor);
        mTextSize = a.getDimensionPixelOffset(R.styleable.CircleTimerView_circle_text_size ,defaultTextSize);

        mDrawOrientation = a.getInt(R.styleable.CircleTimerView_circle_draw_orientation,defaultDrawOritation);
        mTimeLength = a.getInt(R.styleable.CircleTimerView_time_length ,defaultTimeLength);

        a.recycle();

        init();
    }

    private void init() {
        //初始化画笔
        mPaintCircle = new Paint();
        mPaintCircle.setStyle(Paint.Style.FILL);
        mPaintCircle.setAntiAlias(true);
        mPaintCircle.setColor(mSolidCircleColor);

        mPaintArc = new Paint();
        mPaintArc.setStyle(Paint.Style.STROKE);
        mPaintArc.setAntiAlias(true);
        mPaintArc.setColor(mEmptyCircleColor);
        mPaintArc.setStrokeWidth(mEmptyCircleRadius - mSolidCircleRadius);

        mPaintText = new Paint();
        mPaintText.setStyle(Paint.Style.STROKE);
        mPaintText.setAntiAlias(true);
        mPaintText.setTextSize(mTextSize);
        mPaintText.setColor(mTextColor);

        mText= mTimeLength +"" ;
        if(defaultDrawOritation == 1){
            startProgress = 360 ;
            endProgress = 0 ;
        }else {
            startProgress = 0 ;
            endProgress = 360 ;
        }
        currProgress = startProgress ;
    }

　　这里我在构造函数里面先初始化一些默认的值，然后获取自定义属性，然后再初始化三个画笔，分别代表：实心圆、圆弧、Text的画笔（这个很好理解），然后根据顺时针和逆时针来初始化开始角度和结束角度，很简单就不在过多的废话了。

　　③、重写onMeasure方法

　　这里由于我们的效果很简单，基本上就是一个正方形，所以这里我是以外面圆弧的半径当这个view 的宽高的，就没去判断match_parent、wrap_content之类的情况，代码如下：

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //设置宽高
        setMeasuredDimension(mEmptyCircleRadius*2,mEmptyCircleRadius*2);
    }

　　④，重写onDraw方法

　　这也是我们自定义view关键，首先我们绘制圆弧和文字很简单，绘制圆弧的话可能有些同学没有接触过，这里我以前写过一篇，大家可以去看看，我们这里要用的知识点 都是一样的，所以就不再废话

　　

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //绘制背景圆
        canvas.drawCircle(mEmptyCircleRadius,mEmptyCircleRadius,mSolidCircleRadius,mPaintCircle);

        //绘制圆弧
        RectF oval = new RectF((mEmptyCircleRadius - mSolidCircleRadius)/2, (mEmptyCircleRadius - mSolidCircleRadius)/2
                , mEmptyCircleRadius + (mEmptyCircleRadius - mSolidCircleRadius)/2+mSolidCircleRadius, mEmptyCircleRadius + (mEmptyCircleRadius - mSolidCircleRadius)/2+mSolidCircleRadius); // 用于定义的圆弧的形状和大小的界限

        canvas.drawArc(oval, -90, currProgress, false, mPaintArc); // 根据进度画圆弧

        //绘制文字
        Rect mBound = new Rect();
        mPaintText.getTextBounds(mText, 0, mText.length(), mBound);
        canvas.drawText(mText, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaintText);
    }

　　在这个时候，我们就可以来看一下我们自定义view的效果了，将我们currProgress先写死成270，来看看我们的效果，这里注意一项在使用我们的自定义属性的时候，记得在布局文件中添加我们自定义空间。运行效果如下：

　　可以看到这里我们的效果基本上试出来了，关键是怎么让它动起来，这里我们的第一反应是handle或者timer来实现一个倒计时，一开始阿呆哥哥也是使用timer来实现的，不过发现由于ui的改变中是有两个不同速率的view在改变：圆弧的不断减小、textView字体的逐渐变小，所以这里使用一个timer无法实现，得用两个，如果用两个就不怎么软件工程了，所以这里打算使用动画来实现，具体代码如下：

/**
     * 通过外部开关控制
     */
    public void start(){
       
        ValueAnimator animator1 = ValueAnimator.ofFloat(startProgress,endProgress);
        animator1.setInterpolator(new LinearInterpolator());
        animator1.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                currProgress = (float) valueAnimator.getAnimatedValue();
                invalidate();
            }
        });

        ValueAnimator animator2 = ValueAnimator.ofInt(mTimeLength,0);
        animator2.setInterpolator(new LinearInterpolator());
        animator2.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                mTimeLength = (int) valueAnimator.getAnimatedValue();
                if (mTimeLength == 0)
                    return;
                mText =mTimeLength+ "";
            }
        });

        set = new AnimatorSet();
        set.playTogether(animator1,animator2);
        set.setDuration(mTimeLength * 1000);

        set.start();

        set.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {
                if (onCountDownFinish != null){
                    onCountDownFinish.onFinish();
                }
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });


    }

　　很简单，就是两个ValueAnimator，监听值的改变，然后再最后完成的动画的时候使用接口回调，通知宿主完成ToDo操作，所以到这里我们基本上完全实现了我们的view 的自定义，CircleTimerView的完整代码如下：

package com.ysten.circletimerdown.view;


import android.animation.Animator;
import android.animation.AnimatorSet;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.AnimationSet;
import android.view.animation.LinearInterpolator;

import com.ysten.circletimerdown.R;

import java.util.Timer;
import java.util.TimerTask;


/**
 * author : wangjitao
 * e-mail : 543441727@qq.com
 * time   : 2017/08/14
 * desc   :
 * version: 1.0
 */
public class CircleTimerView extends View {

    private Context context ;

    //里面实心圆颜色
    private int mSolidCircleColor ;
    //里面圆的半径
    private int mSolidCircleRadius;
    //外面圆弧的颜色
    private int mEmptyCircleColor ;
    //外面圆弧的半径(可以使用画笔的宽度来实现)
    private int mEmptyCircleRadius ;
    //文字大小
    private int mTextSize ;
    //文字颜色
    private int mTextColor ;
    //文字
    private String mText ;
    //绘制的方向
    private int mDrawOrientation;
    //圆弧绘制的速度
    private int mSpeed;
    //圆的画笔
    private Paint mPaintCircle ;
    //圆弧的画笔
    private Paint mPaintArc ;
    //绘制文字的画笔
    private Paint mPaintText;
    //时长
    private int mTimeLength ;

    //默认值
    private int defaultSolidCircleColor ;
    private int defaultEmptyCircleColor ;
    private int defaultSolidCircleRadius ;
    private int defaultEmptyCircleRadius ;
    private int defaultTextColor ;
    private int defaultTextSize ;
    private int defaultTimeLength ;
    private int defaultDrawOritation ;

    //当前扇形的角度
    private int startProgress ;
    private int endProgress ;
    private float currProgress ;

    //动画集合
    private AnimatorSet set ;

    //回调
    private OnCountDownFinish onCountDownFinish ;

    public CircleTimerView(Context context) {
        this(context,null);
    }

    public CircleTimerView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public CircleTimerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context ;

        //初始化默认值
        defaultSolidCircleColor = getResources().getColor(R.color.colorPrimary);
        defaultEmptyCircleColor = getResources().getColor(R.color.colorAccent);
        defaultTextColor = getResources().getColor(R.color.colorYellow);

        defaultSolidCircleRadius = (int) getResources().getDimension(R.dimen.dimen_20);
        defaultEmptyCircleRadius = (int) getResources().getDimension(R.dimen.dimen_25);
        defaultTextSize = (int) getResources().getDimension(R.dimen.dimen_16);

        defaultTimeLength = 3 ;
        defaultDrawOritation = 1 ;

        //获取自定义属性
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleTimerView);
        mSolidCircleColor = a.getColor(R.styleable.CircleTimerView_solid_circle_color,defaultSolidCircleColor);
        mSolidCircleRadius = a.getDimensionPixelOffset(R.styleable.CircleTimerView_solid_circle_radius ,defaultSolidCircleRadius);

        mEmptyCircleColor = a.getColor(R.styleable.CircleTimerView_empty_circle_color,defaultEmptyCircleColor);
        mEmptyCircleRadius = a.getDimensionPixelOffset(R.styleable.CircleTimerView_empty_circle_radius ,defaultEmptyCircleRadius);

        mTextColor = a.getColor(R.styleable.CircleTimerView_circle_text_color,defaultTextColor);
        mTextSize = a.getDimensionPixelOffset(R.styleable.CircleTimerView_circle_text_size ,defaultTextSize);

        mDrawOrientation = a.getInt(R.styleable.CircleTimerView_circle_draw_orientation,defaultDrawOritation);
        mTimeLength = a.getInt(R.styleable.CircleTimerView_time_length ,defaultTimeLength);

        a.recycle();

        init();
    }

    private void init() {
        //初始化画笔
        mPaintCircle = new Paint();
        mPaintCircle.setStyle(Paint.Style.FILL);
        mPaintCircle.setAntiAlias(true);
        mPaintCircle.setColor(mSolidCircleColor);

        mPaintArc = new Paint();
        mPaintArc.setStyle(Paint.Style.STROKE);
        mPaintArc.setAntiAlias(true);
        mPaintArc.setColor(mEmptyCircleColor);
        mPaintArc.setStrokeWidth(mEmptyCircleRadius - mSolidCircleRadius);

        mPaintText = new Paint();
        mPaintText.setStyle(Paint.Style.STROKE);
        mPaintText.setAntiAlias(true);
        mPaintText.setTextSize(mTextSize);
        mPaintText.setColor(mTextColor);

        mText= mTimeLength +"" ;
        if(defaultDrawOritation == 1){
            startProgress = 360 ;
            endProgress = 0 ;
        }else {
            startProgress = 0 ;
            endProgress = 360 ;
        }
        currProgress = startProgress ;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //设置宽高
        setMeasuredDimension(mEmptyCircleRadius*2,mEmptyCircleRadius*2);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //绘制背景圆
        canvas.drawCircle(mEmptyCircleRadius,mEmptyCircleRadius,mSolidCircleRadius,mPaintCircle);

        //绘制圆弧
        RectF oval = new RectF((mEmptyCircleRadius - mSolidCircleRadius)/2, (mEmptyCircleRadius - mSolidCircleRadius)/2
                , mEmptyCircleRadius + (mEmptyCircleRadius - mSolidCircleRadius)/2+mSolidCircleRadius, mEmptyCircleRadius + (mEmptyCircleRadius - mSolidCircleRadius)/2+mSolidCircleRadius); // 用于定义的圆弧的形状和大小的界限

        canvas.drawArc(oval, -90, currProgress, false, mPaintArc); // 根据进度画圆弧

        //绘制文字
        Rect mBound = new Rect();
        mPaintText.getTextBounds(mText, 0, mText.length(), mBound);
        canvas.drawText(mText, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaintText);
    }

    public OnCountDownFinish getOnCountDownFinish() {
        return onCountDownFinish;
    }

    public void setOnCountDownFinish(OnCountDownFinish onCountDownFinish) {
        this.onCountDownFinish = onCountDownFinish;
    }


    /**
     * 通过外部开关控制
     */
    public void start(){

        ValueAnimator animator1 = ValueAnimator.ofFloat(startProgress,endProgress);
        animator1.setInterpolator(new LinearInterpolator());
        animator1.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                currProgress = (float) valueAnimator.getAnimatedValue();
                invalidate();
            }
        });

        ValueAnimator animator2 = ValueAnimator.ofInt(mTimeLength,0);
        animator2.setInterpolator(new LinearInterpolator());
        animator2.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                mTimeLength = (int) valueAnimator.getAnimatedValue();
                if (mTimeLength == 0)
                    return;
                mText =mTimeLength+ "";
            }
        });

        set = new AnimatorSet();
        set.playTogether(animator1,animator2);
        set.setDuration(mTimeLength * 1000);

        set.start();

        set.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {
                if (onCountDownFinish != null){
                    onCountDownFinish.onFinish();
                }
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });


    }

    public void cancelAnim(){
        if(set != null)
        set.pause();
    }

    public interface OnCountDownFinish{
        void onFinish();
    }
}

　　最后实现的效果如下：

    Github代码地址，有需要源码的同学可以去下载一下。

Vue 技术栈 带你探究 vue-router 源码 手写vue-router
超逸の学习技术博客
03-12 1210
现在开始逐步深入Vue 技术栈，想了想，技术栈专栏的主要内容包括： 1、Vue源码分析 2、手把手教 保姆级 撸代码 3、无惧面试，学以致用，继承创新 4、谈谈前端发展与学习心得 5、手写源码技术栈，附上详细注释 6、从源码中学习设计模式，一举两得 7、编程思想的提升及代码质量的提高 8、通过分析源码学习架构，看看优秀的框架 9、项目实战开发 10、面试准备，完善个人简历
UG\NX二次开发 多少词汇量才能无障碍阅读开发帮助
最新发布
王牌飞行员_里海的博客
04-24 2228
大家都知道UFUN的帮助是英文的，有的开发者抱怨看不懂，还有的开发者为了能看懂接口说明专门学英语，那么英语学成什么程度就能无障碍阅读接口文档？我比较好奇，所以专门将UF_MODL部分的ufun函数的接口说明，提取出单词以作统计。大家猜一猜无障碍阅读UF_MODL部分的内容，需要多少词汇量储备呢？
Android仿Keep运动休息倒计时圆形控件
勇朝陈的博客
02-28 3851
KeepCountdownView 仿Keep运动休息倒计时控件 效果 使用方法 xml： &amp;amp;amp;lt;com.KeepCountdownView.KeepCountdownView android:id=&amp;amp;quot;@+id/keep1&amp;amp;quot; android:layout_width=&amp;amp;quot;wrap_content&amp;amp;quo
android开发类似keep倒计时
jinshitou2012的专栏
11-30 2254
先看效果 activity： /** * 类似keep倒计时 */ public class CountActivity extends Activity implements View.OnClickListener { private RelativeLayout fl_bg;//开始按钮 private TextView start_tv;//开始按钮 private TextView number_tv;//数字 @Override .
Android自定义View-倒计时控件（可自动继续，矫正时间）
vchao的博客
02-18 2323
项目中需要用到倒计时View，因为需求需要，所以不能只依靠本地计时。还需要网络请求数据之后，矫正时间。 控件继承自AppCompatTextView， 增加了设置初始时间，开始计时，更新计时，停止计时，设置字体若干方法。 完整代码如下： public class CountdownTextView extends android.support.v7.widget.AppCompatTextV...
android keep实时计时,Android仿Keep运动休息倒计时圆形控件
weixin_30335379的博客
05-29 379
仿Keep运动休息倒计时控件，供大家参考，具体内容如下源码控件本身非常非常简单，唯一难点在于倒计时期间动态增减时长，如果说动态增减时长是瞬间完成的，倒也没什么难度，但是如果是需要花一定时间做动画的话(见效果图)，考虑的逻辑就变多了，这也是我写这个的目的，对应源码中就是plus这个方法。地址： KeepCountdownView效果使用方法xml：android:id="@+id/keep1"and...
前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）
m0_67394006的博客
03-02 9313
文章目录 前言 第一回合 一、知识点：cookie（21/09/06） 二、知识点：节流和防抖（21/09/07） 三、知识点：var和let以及const（21/09/08） 四：知识点：深拷贝和浅拷贝（21/09/09） 五、知识点：作用域和作用域链（21/09/10） 六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11） 七、知识点：重排和重绘（21/09/12） 八、知识点：TCP和UDP（21/09/13） 九、知识点：三次握手（21/09/15） 十、知识点：绝对定位和相对定
基于Java的连连看游戏设计与实现(含源文件)
【完整】
03-08 7292
欢迎添加微信互相交流学习哦！ 项目源码：https://gitee.com/oklongmm/biye 毕业设计（论文）任务书 第1页 毕业设计（论文）题目： 基于Java的连连看游戏设计与实现 毕业设计（论文）要求及原始数据（资料）： 1．简述Java游戏开发现状和走向； 2．了解图形用户界面的概念； 3．熟练掌握Java的事件处理机制； 4．掌握Java小程序的工作原理和使用方法； 5．了解AWT的基本体系结构，掌握窗口的基本原理； 6. 掌握几种布局管理器的使用方法； 7. 了解Sw...
2021-02-08/09 大数据课程笔记 day19day20 某大型网站日志分析离线系统
qq_44745905的博客
02-10 4839
@R星校长 某大型网站日志分析离线系统 项目需求分析 概述 该部分的主要目标就是描述本次项目最终七个分析模块的界面展示。 工作流   在我们的 demo 展示中，我们使用 jquery+echarts 的方式调用程序后台提供的 rest api 接口，获取 json 数据，然后通过 jquery+css 的方式进行数据展示。工作流程如下： 分析 总述 在本次项目中我们分别从七个大的角度来进行分析，分别为： 用户基本信息分析模块 浏览器信息分析模块 地域信息分析模块 用户浏览深度分析模块 外链数据分析模块 .
Android自定义view实现倒计时控件
01-20
本文实例为大家分享了Android自定义view实现倒计时控件的具体代码，供大家参考，具体内容如下 直接上代码 自定义TextView 文字展示 public class StrokeTextView extends TextView { private TextView borderText = null;///用于描边的TextView private Context mContext; public StrokeTextView(Context context) { super(context); mContext = context; borderText =
Android自定义View——实现理财类APP七日年化收益折线图效果
11-07
Android自定义View——实现理财类APP七日年化收益折线图效果。 基于Eclipse的android工程源码demo
Android自定义按周签到打卡功能实例代码
08-25
主要给大家介绍了关于Android自定义实现按周签到打卡功能的相关资料，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
安卓仿keep安卓软件.rar
03-10
安卓基于百度地图的运动轨迹软件，php后台，mysql数据库，实现注册登录。记录运动轨迹，查看运动轨迹，删除运动轨迹。安卓基于百度地图的运动轨迹软件，php后台，mysql数据库，实现注册登录。记录运动轨迹，查看运动轨迹，删除运动轨迹。安卓基于百度地图的运动轨迹软件，php后台，mysql数据库，实现注册登录。记录运动轨迹，查看运动轨迹，删除运动轨迹。
倒计时带动画 android,Android利用RecyclerView实现列表倒计时效果
weixin_39657125的博客
05-25 282
最近面试时，面试官问了一个列表倒计时效果如何实现，然后脑袋突然懵的了O(∩_∩)O，现在记录一下。运行效果图实现思路实现方法主要有两个：1.为每个开始倒计时的item启动一个定时器，再做更新item处理；2.只启动一个定时器，然后遍历数据，再做再做更新item处理。经过思考，包括性能、实现等方面，决定使用第2种方式实现。实现过程数据实体/*** 总共的倒计时的时间(结束时间-开始时间),单位：毫秒...
自定义View实现倒计时功能
谢栋的专栏
03-09 1071
需求很简单，传入一个点击按钮，点击可实现倒计时功能，并且可以重复倒计时，使用自定义View的方式，在自定义VIew方法中传入被点击的View对象，用于控制倒计时的开始开关。描述可能有些琐碎，直接上代码了。 首先是一个自定义view的java代码文件，继承自linearlayout /** * Created by xiedong on 2017/3/9. */ public cla
自定义View -- 倒计时View
pokerWu的博客
08-10 621
这是一篇博文用来记录自己写的一个倒计时view，以便学习android;希望和大家共同学习进步，如有任何意见，建议或者讨论，可在评论中指出或者联系我Email：pokerwu.work@gmail.com 关于自定义view 这个不需要我多讲了，相信大家页看了很多这些，我采用的是继承View来创建,因为现有的组件都太复杂，考虑到自己对这些还不是很熟悉，现有的组件的代码看起来很恼火的。所
教你玩转自定义View—手撸一个倒计时控件如此简单
weixin_33884611的博客
08-10 553
在一个APP启动的时候呢，一般经常见到倒计时3秒或几秒的场景，在这个场景中，也经常看到一个有动画加载的view，效果图如下： 倒计时效果图 分析 正所谓知己知彼百战百胜，所以我们每去做一件事情之前都要去花费一定的时间去了解一些相关的东西。那么这样的一个效果呢其实不难，我们只需两个东西即可实现。——canvas和属性动画。 1.自定义我们需要的属性： 那么为了考虑扩展性，那么有些属性呢我们不能写死，...
Android开发欢迎页点击跳过倒计时进入主页
diaobo9395的博客
04-04 320
没点击跳过自然进入主页，点击跳过之后立即进入主页 1.欢迎页布局activity_sp.xml放一张背景图（图片随你便啦）再放一个盛放倒计时的TextView <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android...
Android自定义圆环倒计时进度条实现教程
Android自定义圆形倒计时进度条是一种常见的界面元素，常用于APP欢迎页的倒计时或者下载文件的进度显示。本文提供了一个具体的实现实例，展示了如何在Android平台上创建这样一个具有动态变化效果的视图。该视图主要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值
>