首页启动页使用小视频加启动页跳过广告简单理解

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_36636969/article/details/82591020

前阵子项目修改用到横向日历，完了做个记录

仿启动页广告跳过形式

1.首页界面只有一个button和customVideoView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.utils.CustomVideoView
        android:id="@+id/videoview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <Button
        android:id="@+id/btn_start"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="56dp"
        android:text="进入"/>
</RelativeLayout>

2.启动页侧代码

package com.personalsealdemo;

import android.content.Intent;
import android.media.MediaPlayer;
import android.net.Uri;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.utils.CustomVideoView;

/**
 *  引导页视频
 */

public class LauncherActivity extends AppCompatActivity {
    private CustomVideoView customVideoView;
    private Button btn_start;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_launcher);
        customVideoView=findViewById(R.id.videoview);
        btn_start=findViewById(R.id.btn_start);
        initView();
    }

    private void initView() {
        //设置播放加载路径
        customVideoView.setVideoURI(Uri.parse("android.resource://"+getPackageName()+"/"+R.raw.test1));
        //播放
        customVideoView.start();
        //循环播放
        customVideoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mediaPlayer) {
                customVideoView.start();
            }
        });

        btn_start.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(LauncherActivity.this,"进入主页",Toast.LENGTH_SHORT).show();
                startActivity(new Intent(LauncherActivity.this, MainActivity.class));
                finish();
            }
        });
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        if (customVideoView !=null){
            //释放掉占用的内存
            customVideoView.suspend();
        }
    }
}

3.自定义视频view

package com.utils;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.VideoView;

public class CustomVideoView extends VideoView {
    public CustomVideoView(Context context) {
        super(context);
    }

    public CustomVideoView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //我们重新计算高度(这样就可以匹配不同手机的尺寸)
        int width = getDefaultSize(0, widthMeasureSpec);
        int height = getDefaultSize(0, heightMeasureSpec);
        setMeasuredDimension(width, height);
    }
}

4.首页侧代码

package com.personalsealdemo;


import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.utils.CountDownProgressView;

/**
 * 实现引导页播放视频
 */
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private CountDownProgressView count;
    private Button btn_start, btn_stop, btn_restart;

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

    private void initView() {
        count = findViewById(R.id.countdownProgressView);
        btn_start = findViewById(R.id.start_btn);
        btn_stop = findViewById(R.id.stop_btn);
        btn_restart = findViewById(R.id.restart_btn);
        btn_start.setOnClickListener(this);
        btn_stop.setOnClickListener(this);
        btn_restart.setOnClickListener(this);
        findViewById(R.id.yindaoye).setOnClickListener(this);


    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.start_btn:
                count.start();
                break;
            case R.id.stop_btn:
                count.stop();
                break;
            case R.id.restart_btn:
               count.reStart();
                break;

        }
    }
}

5.布局只有几个按钮就不粘贴了

6.自定义view

package com.utils;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.TextView;

import com.personalsealdemo.R;

/**
 * 仿微博启动页倒计时
 */

@SuppressLint("AppCompatCustomView")
public class CountDownProgressView extends TextView {
    //TODO 圆实心的颜色
    private int circSolidColor;

    //TODO 圆边框的颜色
    private int circFrameColor;

    //TODO 圆边框的宽度
    private int circFrameWidth = 4;

    //TODO 圆的半径
    private int circRadius;

    //TODO 进度条的颜色
    private int progressColor;

    //TODO 进度条的宽度
    private int progressWidth = 4;

    //TODO 文字的颜色
    private int textColor;


    private Rect mBounds;
    private Paint mPaint;
    private RectF mArcRectF;

    private int mCenterX;
    private int mCenterY;

    private String mText = "跳过";


    //TODO 进度倒计时时间
    private long timeMillis = 5000;

    //TODO 进度条通知
    private OnProgressListener mProgressListener;

    //TODO 进度默认100
    private int progress = 100;

    //TODO 进度条类型
    private ProgressType mProgressType = ProgressType.COUNT_BACK;


    /**
     * 进度条类型(方便做一个扩展，这里默认的是倒数进度条)
     */
    public enum ProgressType {
        /**
         * 顺数进度条，从0-100；
         */
        COUNT,

        /**
         * 倒数进度条，从100-0；
         */
        COUNT_BACK;
    }

    /**
     * 设置进度条类型。
     *
     * @param progressType {@link ProgressType}.
     */
    public void setProgressType(ProgressType progressType) {
        this.mProgressType = progressType;
        resetProgress();
        /**
         * 请求重绘View
         * 1,直接调用invalidate()方法，请求重新draw()，但只会绘制调用者本身。
         * 2,setSelection()方法 ：请求重新draw()，但只会绘制调用者本身。
         * 3,setVisibility()方法 ： 当View可视状态在INVISIBLE转换VISIBLE时，会间接调用invalidate()方法，继而绘制该View
         * 4 ,setEnabled()方法 ： 请求重新draw()，但不会重新绘制任何视图包括该调用者本身。
         */
        invalidate();
    }

    /**
     * 进度监听。
     */
    public interface OnProgressListener {

        /**
         * 进度通知
         *
         * @param progress 进度值。
         */
        void onProgress(int progress);
    }

    public CountDownProgressView(Context context) {
        super(context);
        init();
    }

    /**
     * 获取attrs。xml文件中的自定义属性
     * @param context
     * @param attrs
     */
    public CountDownProgressView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
        TypedArray typeArray=getContext().obtainStyledAttributes(attrs, R.styleable.CountDownProgress);
        if (typeArray !=null){

            //TODO 圆实心的颜色属性
            if (typeArray.hasValue(R.styleable.CountDownProgress_circSolidColor)){
                //有这个属性索引 获取用户设置的颜色
                circSolidColor = typeArray.getColor(R.styleable.CountDownProgress_circSolidColor,0);
            }else{
                //没有这个属性索引 默认是浅灰色
                circSolidColor = typeArray.getColor(R.styleable.CountDownProgress_circSolidColor, Color.parseColor("#D3D3D3"));
            }

            //TODO 园边框颜色属性
            if (typeArray.hasValue(R.styleable.CountDownProgress_circFrameColor)){
                //有这个属性索引 获取用户设置的颜色
                circFrameColor = typeArray.getColor(R.styleable.CountDownProgress_circFrameColor,0);
            }else{
                //没有这个属性索引 默认是深灰色
                circFrameColor = typeArray.getColor(R.styleable.CountDownProgress_circFrameColor,Color.parseColor("#A9A9A9"));
            }

            //TODO 文字颜色属性
            if (typeArray.hasValue(R.styleable.CountDownProgress_textColor)){
                //有这个属性索引 获取用户设置的颜色
                textColor = typeArray.getColor(R.styleable.CountDownProgress_textColor,0);
            }else{
                //没有这个属性索引 默认是白色
                textColor = typeArray.getColor(R.styleable.CountDownProgress_textColor,Color.parseColor("#ffffff"));
            }

            //TODO 进度条颜色属性
            if (typeArray.hasValue(R.styleable.CountDownProgress_progressColor)){
                //有这个属性索引 获取用户设置的颜色
                progressColor = typeArray.getColor(R.styleable.CountDownProgress_progressColor,0);
            }else{
                //没有这个属性索引 默认是蓝色
                progressColor = typeArray.getColor(R.styleable.CountDownProgress_progressColor,Color.parseColor("#0000FF"));
            }

            /**
             * 这里千万不要忘记回收
             */
            typeArray.recycle();
        }
        }


    /**
     * 初始化画笔画布等
     */
    public void init() {
        mPaint = new Paint();
        mBounds = new Rect();
        mArcRectF = new RectF();
    }


    /**
     *
     * 重写测量方法
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width = getMeasuredWidth();
        int height = getMeasuredHeight();
        if (width > height) {
            height = width;
        } else {
            width = height;
        }
        circRadius = width / 2;
        setMeasuredDimension(width, height);
    }

    /**
     * 绘制过程
     *  注意：canvas在绘制过程中是一层层覆盖的。所以绘制顺序不要写反了。如果先绘制实心圆在绘制文字在绘制空心圆。这时你会发现文字是看不到了，被覆盖了。
     * @param canvas
     */

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        /**
         *  获取view的边界
         */
        getDrawingRect(mBounds);

        mCenterX = mBounds.centerX();
        mCenterY = mBounds.centerY();

        //TODO 画实心圆
        mPaint.setAntiAlias(true); //设置抗锯齿
        mPaint.setStyle(Paint.Style.FILL); //实心填充style
        mPaint.setColor(circSolidColor);
        canvas.drawCircle(mBounds.centerX(), mBounds.centerY(), circRadius, mPaint);

        //TODO 画外边框(空心圆,即园边框)
        mPaint.setAntiAlias(true);//设置抗锯齿
        mPaint.setStyle(Paint.Style.STROKE);//空心style
        mPaint.setStrokeWidth(circFrameWidth);//设置空心线宽度
        mPaint.setColor(circFrameColor);
        canvas.drawCircle(mBounds.centerX(), mBounds.centerY(), circRadius - circFrameWidth, mPaint);

        //TODO 画文字
        Paint text_paint = getPaint(); //注意：如果是继承的view，这里是没有这个getPaint()方法的。大家可以看到它是Textview包下的方法
        text_paint.setColor(textColor);
        text_paint.setAntiAlias(true);
        text_paint.setTextAlign(Paint.Align.CENTER);
        float textY = mCenterY - (text_paint.descent() + text_paint.ascent()) / 2;
        canvas.drawText(mText, mCenterX, textY, text_paint);

        //TODO 画进度条
        mPaint.setColor(progressColor);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(progressWidth);
        mPaint.setStrokeCap(Paint.Cap.ROUND);  //当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的图形样式，如圆形样式  Cap.ROUND,或方形样式Cap.SQUARE
        mArcRectF.set(mBounds.left + progressWidth, mBounds.top + progressWidth, mBounds.right - progressWidth, mBounds.bottom - progressWidth);
        canvas.drawArc(mArcRectF, -90, 360 * progress / 100, false, mPaint); //这里的-90.是方向，大家可以改成0，90，180，-90等就可以看到效果区别
    }

    /**
     * 开始。
     */
    public void start() {
        stop();
        post(progressChangeTask);
    }
    /**
     * 停止。
     */
    public void stop() {
        removeCallbacks(progressChangeTask);
    }

    /**
     * 重新开始。
     */
    public void reStart() {
        resetProgress();
        start();
    }

    /**
     * 进度更新task
     */
    private Runnable progressChangeTask = new Runnable() {
        @Override
        public void run() {
            removeCallbacks(this);
            switch (mProgressType) {
                case COUNT:
                    progress += 1;
                    break;
                case COUNT_BACK:
                    progress -= 1;
                    break;
            }
            if (progress >= 0 && progress <= 100) {
                if (mProgressListener != null )
                    mProgressListener.onProgress(progress);
                invalidate();
                postDelayed(progressChangeTask, timeMillis / 60);
            } else
                progress = validateProgress(progress);
        }
    };

    /**
     * 验证进度。
     *
     * @param progress 你要验证的进度值。
     * @return 返回真正的进度值。
     */
    private int validateProgress(int progress) {
        if (progress > 100)
            progress = 100;
        else if (progress < 0)
            progress = 0;
        return progress;
    }

    /**
     * 设置文字，默认为"跳过"
     * @param text
     */
    public void setText(String text) {
        this.mText = text;
    }

    /**
     * 设置倒计时总时间,默认3000
     *
     * @param timeMillis 毫秒。
     */
    public void setTimeMillis(long timeMillis) {
        this.timeMillis = timeMillis;
        invalidate();
    }
    /**
     * 设置进度监听
     *
     * @param mProgressListener 监听器。
     */
    public void setProgressListener(OnProgressListener mProgressListener) {
        this.mProgressListener = mProgressListener;
    }

    /**
     * 注意：由于我们是继承的textview，而textview本身就有setOnClickListener方法，所以可以直接在activity监听点击事件即可
     *       这里重写onTouchEvent方法来判断点击是否在园内，是方便有需要或刚接触自定义控件的人学习的。
     *       这2种方式都有一个小缺陷就是它计算的其实是矩形范围内。也就是你稍微偏离园外4个角点击都是可以响应的。
     * @param event
     * @return
     */

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                int x = (int) event.getX();
                int y = (int) event.getY();
                if (Math.abs(x-(mBounds.centerX()))<=(circRadius)*2 && Math.abs(y -  (mBounds.centerY())) <=(circRadius)*2   ){
                    Log.e("countDownProgressView", "-----------------onTouchEvent---------------------");
                }
                break;
            default:
        }
        return super.onTouchEvent(event);
    }

    /**
     * 重置进度。
     */
    private void resetProgress() {
        switch (mProgressType) {
            case COUNT:
                progress = 0;
                break;
            case COUNT_BACK:
                progress = 100;
                break;
        }
    }
}

ok ,自己做记录，有用到小伙伴也可以试试

源码在这里：https://download.csdn.net/download/qq_36636969/10657254（注：此处并不是一整个项目而是一个model，把model导入到你自己创建的项目中运行即可）