Android 闪屏广告页面

最新推荐文章于 2024-09-04 18:44:45 发布
最新推荐文章于 2024-09-04 18:44:45 发布
阅读量821 收藏 1
点赞数 1
分类专栏： Android 文章标签： android 闪屏广告 启动页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/darling_R/article/details/104409246
版权

Android 启动页的倒计时封装

比较简单，直接上代码
广告页view

package com.tkda.advert.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.util.AttributeSet;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;

import com.tkda.advert.R;
import com.tkda.advert.http.DownLoadResource;
import com.tkda.advert.interf.FinishInterfece;
import com.tkda.advert.interf.HttpCallBack;
import com.tkda.advert.tools.DensityUtils;

public class AdvertView extends FrameLayout {
    private ImageView imageView;
    private CountDownView countDownView;

    private final int defCircleBg = 0x583d3d3d;
    private final int defTextColor = 0xffefefef;
    private final int defTextSize = 12;//sp
    private final int defProgressColor = 0xffff0000;
    private final int defProgressWidth = 3;// dp
    private final int defTime = 3; //单位 s
    private final int defRadius = 25; //单位 dp

    private boolean show;
    private int circleBg;
    private int textColor;
    private int textSize;
    private int progressColor;
    private int progressWidth;
    private int radius;
    private int time;

    private FinishInterfece finishInterfece;

    public void setFinishInterfece(FinishInterfece finishInterfece) {
        this.finishInterfece = finishInterfece;
    }

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

    public AdvertView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

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

        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AdvertView, defStyleAttr, 0);
        circleBg = typedArray.getColor(R.styleable.AdvertView_time_bg, defCircleBg);

        progressColor = typedArray.getColor(R.styleable.AdvertView_time_pro_color, defProgressColor);
        progressWidth = typedArray.getDimensionPixelSize(R.styleable.AdvertView_time_pro_width, DensityUtils.dp2px(context, defProgressWidth));

        textColor = typedArray.getColor(R.styleable.AdvertView_time_text_color, defTextColor);
        textSize = typedArray.getDimensionPixelSize(R.styleable.AdvertView_time_text_size, DensityUtils.sp2px(context, defTextSize));

        time = typedArray.getInteger(R.styleable.AdvertView_time_num, defTime);

        radius = typedArray.getDimensionPixelSize(R.styleable.AdvertView_time_radius, DensityUtils.dp2px(context, defRadius));

        show = typedArray.getBoolean(R.styleable.AdvertView_show, true);

        typedArray.recycle();

        View view = View.inflate(context, R.layout.advert_layout, this);

        imageView = view.findViewById(R.id.image);
        countDownView = view.findViewById(R.id.cd_view);
        countDownView.setFinishInterfece(new FinishInterfece() {
            @Override
            public void onFinish() {
                if (finishInterfece != null) {
                    finishInterfece.onFinish();
                }
            }
        });
        if (show) {
            countDownView.setVisibility(View.VISIBLE);
            countDownView.setCircleBg(circleBg);
            countDownView.setProgressColor(progressColor);
            countDownView.setProgressWidth(progressWidth);
            countDownView.setTextColor(textColor);
            countDownView.setTextSize(textSize);
            countDownView.setTime(time);
            countDownView.setRadius(radius);
            countDownView.showStartTime();
        } else {
            countDownView.setVisibility(View.GONE);
            countDownView.unShowStart();
        }
    }

    public void setImage(int resourceId) {
        if (imageView != null) {
            imageView.setImageResource(resourceId);
        }
    }

    public void setImage(Bitmap bitmap) {
        if (imageView != null) {
            imageView.setImageBitmap(bitmap);
        }
    }

    public void setImage(String url) {
        if (url != null) {
            if (url.contains("http")) {
                DownLoadResource downLoadResource = new DownLoadResource();
                downLoadResource.setHttpCallBack(new HttpCallBack() {
                    @Override
                    public void onSuccess(Bitmap bitmap) {
                        setImage(bitmap);
                    }
                });
                downLoadResource.execute(url);
            }
        }
    }
}

倒计时view

package com.tkda.advert.view;

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.os.Handler;
import android.util.AttributeSet;
import android.view.View;

import androidx.annotation.Nullable;

import com.tkda.advert.tools.DensityUtils;
import com.tkda.advert.interf.FinishInterfece;
import com.tkda.advert.R;

public class CountDownView extends View {

    private final int defCircleBg = 0x583d3d3d;
    private final int defTextColor = 0xffefefef;
    private final int defTextSize = 12;//sp
    private final int defProgressColor = 0xffff0000;
    private final int defProgressWidth = 3;// dp
    private final int defTime = 3; //单位 s
    private final int defRadius = 25; //单位 dp

    private int circleBg;
    private int textColor;
    private int textSize;
    private int progressColor;
    private int progressWidth;
    private int radius;
    private int time;

    private float totalTime;
    private float curTime;

    private Paint bgPaint;
    private Paint textPaint;
    private Paint proPaint;

    private Rect mBounds;//绘制文字的范围
    private RectF mRectF;//圆弧的外接矩形

    private FinishInterfece finishInterfece;

    private Handler handler = new Handler();

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

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

    public CountDownView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CountDownView, defStyleAttr, 0);
        circleBg = typedArray.getColor(R.styleable.CountDownView_circleBg, defCircleBg);

        progressColor = typedArray.getColor(R.styleable.CountDownView_progressColor, defProgressColor);
        progressWidth = typedArray.getDimensionPixelSize(R.styleable.CountDownView_progressWidth, DensityUtils.dp2px(context, defProgressWidth));

        textColor = typedArray.getColor(R.styleable.CountDownView_textColor, defTextColor);
        textSize = typedArray.getDimensionPixelSize(R.styleable.CountDownView_textSize, DensityUtils.sp2px(context, defTextSize));

        time = typedArray.getInteger(R.styleable.CountDownView_time, defTime);

        radius = typedArray.getDimensionPixelSize(R.styleable.CountDownView_radius, DensityUtils.dp2px(context, defRadius));

        typedArray.recycle();

        // 初始化 画笔
        initPaint();
    }

    private void initPaint() {
        bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        bgPaint.setColor(circleBg);

        textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        textPaint.setColor(textColor);
        textPaint.setTextSize(textSize);

        proPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        proPaint.setColor(progressColor);
        proPaint.setStyle(Paint.Style.STROKE);
        proPaint.setStrokeWidth(progressWidth);

        mBounds = new Rect();
        mRectF = new RectF();

        setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (finishInterfece != null) {
                    finishInterfece.onFinish();
                    if (handler != null)
                        handler.removeCallbacks(showTimeRunnable);
                }
            }
        });

        //扩大10倍
        totalTime = time * 100;
        curTime = totalTime;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(measureDimension(widthMeasureSpec), measureDimension(heightMeasureSpec));
    }

    private int measureDimension(int measureSpec) {
        int result;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);
        if (specMode == MeasureSpec.EXACTLY) {//指定宽高了
            result = specSize;
            if (result / 2 < radius) {
                radius = result / 2;
            }
        } else {// 一般为WARP_CONTENT
            result = 2 * radius;
            if (specMode == MeasureSpec.AT_MOST) {
                result = Math.min(result, specSize);
            }
        }
        return result;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //画背景圆
        canvas.drawCircle(getWidth() / 2, getHeight() / 2, radius, bgPaint);
        //画进度条
        mRectF.set(getWidth() / 2 - radius + progressWidth / 2, getHeight() / 2 - radius + progressWidth / 2, getWidth() / 2 + radius - progressWidth / 2, getHeight() / 2 + radius - progressWidth / 2);
        canvas.drawArc(mRectF, 270, 360 * curTime / totalTime, false, proPaint);
        //画文本
        String text = "跳过";
        textPaint.getTextBounds(text, 0, text.length(), mBounds);
        canvas.drawText(text, getWidth() / 2 - mBounds.width() / 2, getHeight() / 2 + mBounds.height() * 2 / 5, textPaint);

    }

    public void setCircleBg(int circleBg) {
        this.circleBg = circleBg;
    }

    public void setTextColor(int textColor) {
        this.textColor = textColor;
    }

    public void setTextSize(int textSize) {
        this.textSize = textSize;
    }

    public void setProgressColor(int progressColor) {
        this.progressColor = progressColor;
    }

    public void setProgressWidth(int progressWidth) {
        this.progressWidth = progressWidth;
    }

    public void setRadius(int radius) {
        this.radius = radius;
    }

    public void setTime(int time) {
        this.time = time;
    }

    public void setFinishInterfece(FinishInterfece finishInterfece) {
        this.finishInterfece = finishInterfece;
    }

    /**
     * 显示view  开始
     */
    public void showStartTime() {
        //开始之前 若有外部方法设置参数，就重新初始化一下画笔参数
        initPaint();
        if (handler != null) {
            handler.postDelayed(showTimeRunnable, 100);
        }
    }

    /**
     * 不显示view  开始
     */
    public void unShowStart() {
        if (handler != null) {
            handler.postDelayed(unShowTimeRunnable, 100);
        }
    }

    private Runnable unShowTimeRunnable = new Runnable() {
        @Override
        public void run() {
            if (time == 0) {
                if (finishInterfece != null)
                    finishInterfece.onFinish();
                handler = null;
                return;
            }
            time--;
            handler.postDelayed(unShowTimeRunnable, 1000);
        }
    };
    private Runnable showTimeRunnable = new Runnable() {
        @Override
        public void run() {
            if (curTime == 0) {
                if (finishInterfece != null)
                    finishInterfece.onFinish();
                handler = null;
                return;
            }
            curTime--;
            invalidate();
            handler.postDelayed(showTimeRunnable, 10);//10毫秒刷新一次
        }
    };
}

使用

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.tkda.advert.view.AdvertView
        android:id="@+id/advert"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:show="true"
        app:time_bg="#993d3d3d"
        app:time_num="5"
        app:time_pro_color="#ff0000"
        app:time_pro_width="3dp"
        app:time_radius="30dp"
        app:time_text_size="14sp"
        app:time_text_color="#ff0000" />

</androidx.constraintlayout.widget.ConstraintLayout>

Activity

 AdvertView advert = findViewById(R.id.advert);
        advert.setImage("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1582184513188&di=9756049deedd826da11c0664a10d4c3e&imgtype=0&src=http%3A%2F%2Fwww.17qq.com%2Fimg_qqtouxiang%2F16932598.jpeg");
//        advert.setImage(R.drawable.ic_launcher_background);
        advert.setFinishInterfece(new FinishInterfece() {
            @Override
            public void onFinish() {
                Toast.makeText(MainActivity.this, "结束", Toast.LENGTH_SHORT).show();
                startActivity(new Intent(MainActivity.this, Main2Activity.class));
                finish();
            }
        });

GitHub

Android 闪屏广告页面

封装了ImageView+倒计时功能

功能特点

  • 倒计时时间设定
  • 倒计时进度条颜色设定
  • 倒计时进度条宽度设定
  • 倒计时“跳过”文字颜色设定
  • 倒计时“跳过”文字大小设定
  • 倒计时view背景颜色设定
  • 倒计时view半径大小设定
  • 倒计时按钮是否显示
  • 广告Image支持本地资源（drawable，bitmap）、网络资源

简单用例

在需要使用的Activity里面使用

        AdvertView advert = findViewById(R.id.advert);
        advert.setImage(R.drawable.ic_launcher_background);
        advert.setFinishInterfece(new FinishInterfece() {
            @Override
            public void onFinish() {
                // 计时器 结束回调
                Toast.makeText(MainActivity.this, "结束", Toast.LENGTH_SHORT).show();
                startActivity(new Intent(MainActivity.this, Main2Activity.class));
                finish();
            }
        });

对应的Activity的xml 布局文件里面引入，根据自己需要设置参数

    <com.tkda.advert.view.AdvertView
        android:id="@+id/advert"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:show="true"
        app:time_bg="#993d3d3d"
        app:time_num="5"
        app:time_pro_color="#ff0000"
        app:time_pro_width="3dp"
        app:time_radius="30dp"
        app:time_text_size="14sp"
        app:time_text_color="#ff0000" />

Attributes

nameformatdescription
showboolean是否显示倒计时
time_bgcolor倒计时背景颜色
time_numinteger倒计时秒数
time_pro_colorcolor倒计时进度条颜色
time_pro_widthdimension倒计时进度条宽度
time_text_colorcolor倒计时按钮中间“跳过”文字颜色
time_text_sizedimension倒计时按钮中间“跳过”文字大小

Method

nameformatdescription
setImageint资源图片的id
setImageBitmap资源图片
setImageString资源图片的url
setFinishInterfeceFinishInterfece倒计时结束回调

使用

①
Step 1. Add the JitPack repository to your build file
Add it in your root build.gradle at the end of repositories:

allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }

Step 2. Add the dependency

dependencies {
            implementation 'com.github.HeyMouser:AdvertPage:0.1'
    }

②
直接下载advert，并依赖
在这里插入图片描述

implementation project(':advert')
哎呀小嘿
关注
专栏目录
android 闪屏页处理_Android启动页面（闪屏页面）的实现
weixin_31301993的博客
12-30 1870
闪屏页面是指APP刚启动时的页面会自动跳转到主页面单单实现闪屏页面非常简单。闪屏界面的作用：1.展示自己软件的logo，口号标识语等，2.作为广告平台，获取利益3.加载下一页面(其他Activity或全局)所需要的数据4.检查更新效果展示 首先目录结构 SplashActivitypackage com.hxh.splashactivitydemo;import android.content.I...
Android 闪屏页的实现
jiuxin的博客
08-26 3771
文章目录前言一、闪屏页的实现方式的思考二、闪屏实现1.设置闪屏Activity为app首页2.闪屏Activity的theme3.闪屏Activity的内部实现总结 前言 闪屏页作为app启动的过渡页面，可以更快的呈现页面给用户，解决app首次启动时加载慢，而出现的黑屏等问题。但随着app运营的需要，闪屏页被更多的赋予了广告的功能。本文主要记录在一次app开发过程中闪屏页的实现方式。 在开发前，想到了几种方式，考虑后期扩展性、容维护，最后选择了闪屏页使用单独Activity，且作为APP 的首页来实现的。
Android 广告页
06-15
android 闪屏页和广告页的实现，同一页面首先展示闪频页，再展示广告页！
android app启动页（闪屏页）白屏快速优化方案实践
最新发布
2401_86391773的博客
09-04 1238
无意间发现，自己的一个线上项目虽然很轻量级，但是在低端机型上依然存在启动页白屏现象，于是就快速优化了一番，在此分享一下优化方案。
android实现闪屏广告+视屏引导页demo
11-05
Android中用Handler实现闪屏效果，使用原生SharedPreferences储存类解决用户第二次打开不会引导页的问题
android闪屏页广告倒计时
02-11
自己写的一个简单的小demo，用作闪屏页的广告倒计时，注释写的非常清晰，就差逐行翻译了，而且代码也是非常简单，有想查看的可以下载
Android 闪屏广告页实现
booyoung的博客
03-15 638
闪屏广告效果如下，倒计时完成后或点击跳过进入app，当点击广告图片时会跳转到所添加的广告详情页。 完整代码如下: import android.animation.Animator; import android.animation.ObjectAnimator; import android.animation.ValueAnimator; import android.annotation.TargetApi; import android.app.Activity; import andr
Android：广告闪屏，以及仿微信朋友圈查看图片！
09-14
广告闪屏，即应用程序启动时展示的全屏广告页面，通常包含品牌形象展示、产品推广等内容，同时提供倒计时或跳过按钮供用户选择。实现这一功能的关键点包括： 1. **布局设计**：使用XML布局文件创建广告页面，可以...
android 闪屏页处理_关于Android应用回到桌面会重复打开闪屏页
weixin_29386469的博客
12-30 889
现在存在有的时候发现回到桌面会重复打开闪屏页,我研究了一下，有如下结果。重现方式：用android的installer安装打开闪屏页，按Home键回到首页，然后点击launcher的图标会再打开一个闪屏页，根据这篇博客是因为再打开时候Intent多了一个Flag，Intent.FLAG_ACTIVITY_BROUGHT_TO_FRONT那为什么会多这个flag，而又为什么多了这个flag，会重复多...
安卓引导页广告页实现
qq_56499109的博客
12-22 2031
TransitionActivity.java import android.content.Intent; import android.content.SharedPreferences; import android.os.Bundle; import android.os.Handler; import android.view.Window; import android.widget.ImageView; import androidx.appcompat.app.AppCompatAct
Android仿腾讯视频启动页及广告页动画
12-05
android仿腾讯视频启动页及广告页面动画效果实现
Android闪屏页面实现Demo
11-13
AndroidStudio下的一个SplashActivityDemo（闪屏页面）的实现
Android实现闪屏页效果
01-20
本文实例为大家分享了Android实现闪屏页效果的具体代码，供大家参考，具体内容如下 1.效果图 2.闪屏页逻辑及布局 2.1 activity_splash.xml <?xml version=1.0 encoding=utf-8?> <FrameLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:app=http://schemas.android.com/apk/res-auto xmlns:tools=http://schemas.android.com/tools a
Android 实现闪屏页+功能引导页
10-29
Android 实现闪屏页+功能引导页
Android 启动页面与广告页面的实现
热门推荐
zone_的博客
03-26 4万+
在我们APP的开发过程中，启动页面是绕不开的，广告页面说不定，但是不得不说，这两个界面都是经常要用到的。接下来我记录一下我的实现过程。项目架构为MVP。 　　那么先看看我们的需求和流程：（当然这也是可以根据实际需求改动的） 　　 展示 logo 页面3秒 服务端可以控制是否播放广告 服务端可以控制播放广告的秒数 服务端可以控制广告的内容（图片）和广告详情页面的链接 　　这里需要注意的一点是，
android怎么实现广告页,Android - 插页广告
weixin_36403165的博客
05-25 679
概要插页式广告是互动式多媒体 HTML5 或「网络应用程式」，在应用程式的正常转换点显示 (例如启动、影片播放前或游戏关卡载入时)。网路应用程式使用上就像在应用程式内浏览一样，只有简单的关闭按钮，而没有任何导览列，因为导览配置就包含在内容本身。这类广告由于内容更丰富、更吸引人，因此製作起来更昂贵，而曝光机会相对有限。完成串接准备在开始串接广告之前，请确认您已经将 Vpon SDK 导入您的 Xco...
浅谈Android的广告欢迎界面(倒计时)
weixin_34354945的博客
12-27 504
前些时候就是别人问我他的android APP怎么做一个广告的欢迎界面，就是过几秒后自动跳转到主界面的实现。 也就是下面这种类似的效果。要插什么广告的话你就换张图吧。 那么我就思考了下，就用了android 的一个动画类Animation...其实在Android 的API开发文档上就有的一个东西。自己可以去查下看。就像下面的这个图上面的一样的。也是属于界面View 下的一个类方法....
android 广告图标,Android 启动页与广告页面
weixin_39692037的博客
05-25 457
最近项目写到了APP打开的启动页和广告页面，特此记录，以待备用。这张图片是网上找的，流程很清晰，出处在下面的参考资料1中，有需要的可以去看一下。APP-start.png一、启动页面众所周知，APP在启动的时候，会有一小段时间(白屏、黑屏)，系统会预读APP的主题，所以有的黑屏，有的白屏。设置启动页目的：提升用户体验。知识点：冷启动：是指进程从无到有的过程。因为要进行页面初始化，所以相对其他两个启...
Android闪屏广告自定义倒计时View实现与代码详解
本文档主要探讨了在Android开发中如何实现自定义闪屏页广告的倒计时视图（AdTimePickView）效果。随着移动应用市场的繁荣，开发者需要寻找创新的方式在用户打开应用前展示广告，以增加收入。这种常见的策略是通过倒...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值