Android开屏页倒计时功能实现的详细教程

 更新时间:2017年06月07日 16:48:26   作者:KeithXiaoY  
本篇文章主要介绍了Android实现开屏页倒计时功能实现的详细教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近我司产品提出了一个很常见的需求:App 在开屏页(Splash 界面) 需要加上一个 3s 倒计时按钮,可以选择看 3s 的广告,或者点击按钮跳过广告。


一、布局实现(使用 FrameLayout 悬浮在广告的右上角,显示倒计时的 TextView 的宽高尽量不要写死,要考虑字体很多的情况!!)

  <FrameLayout
    android:id="@+id/start_skip"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true">

    <TextView
      android:id="@+id/start_skip_count_down"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="@dimen/default_padding"
      android:text="@string/click_to_skip"
      android:gravity="center"
      android:background="@drawable/bg_start_page_circle"
      android:textColor="@android:color/white"
      android:textSize="14sp"
      />
  </FrameLayout>

二、TextView 背景的 @drawable/bg_start_page_circle 用系统 shape 实现,不需要 UI 帮我们切图

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

  <solid android:color="#80000000"/>

  <padding
    android:bottom="3dp"
    android:left="8dp"
    android:right="8dp"
    android:top="3dp"/>

  <corners
    android:bottomLeftRadius="45dp"
    android:bottomRightRadius="45dp"
    android:topLeftRadius="45dp"
    android:topRightRadius="45dp"/>

</shape>

三、在 onCreate() 里面找到显示倒计时的 TextView

  private TextView mCountDownTextView;
 /**
   * Created by KeithXiaoY on 2017/06/07.
   */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    mCountDownTextView = (TextView) findViewById(R.id.start_skip_count_down);
  }

四、倒计时实现(使用 Android 系统原生的倒计时控件 CountDownTimer 实现)

  class MyCountDownTimer extends CountDownTimer {
    /**
     * @param millisInFuture
     *   表示以「 毫秒 」为单位倒计时的总数
     *   例如 millisInFuture = 1000 表示1秒
     *
     * @param countDownInterval
     *   表示 间隔 多少微秒 调用一次 onTick()
     *   例如: countDownInterval = 1000 ; 表示每 1000 毫秒调用一次 onTick()
     *
     */

    public MyCountDownTimer(long millisInFuture, long countDownInterval) {
      super(millisInFuture, countDownInterval);
    }


    public void onFinish() {
      mCountDownTextView.setText("0s 跳过");
    }

    public void onTick(long millisUntilFinished) {
      mCountDownTextView.setText( millisUntilFinished / 1000 + "s 跳过");
    }

  }

五、根据具体的业务逻辑完整实现

  private TextView mCountDownTextView;
  private MyCountDownTimer mCountDownTimer;
 /**
   * Created by KeithXiaoY on 2017/06/07.
   */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    ...
    mCountDownTextView = (TextView) findViewById(R.id.start_skip_count_down);
      //我司需求,在没有 Banner 广告的时候一秒跳过开屏页,有 Banner 广告的时候三秒跳过
    if (PreferencesFactory.getCommonPref().getBoolean(CommonPreferences.PREFS_HAS_START_PAGE_BANNER, false)) {
      mCountDownTextView.setText("3s 跳过");
      //创建倒计时类
      mCountDownTimer = new MyCountDownTimer(3000, 1000);
      mCountDownTimer.start();
      //这是一个 Handler 里面的逻辑是从 Splash 界面跳转到 Main 界面,这里的逻辑每个公司基本上一致
      tmpHandler.postDelayed(runnable, 3000);
    } else {
      mCountDownTextView.setText("1s 跳过");
      mCountDownTimer = new MyCountDownTimer(1000, 1000);
      mCountDownTimer.start();
      tmpHandler.postDelayed(runnable, 1000);
    }
  }

六、注意事项(一定记得在界面销毁的时候将 CountDownTimer 销毁)

  @Override
  protected void onDestroy() {
    if (mCountDownTimer != null) {
      mCountDownTimer.cancel();
    }
    super.onDestroy();
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android中的设计模式

    Android中的设计模式

    常用的设计模式有以下八种:单例、工厂、观察者、代理、命令、适配器、合成、访问者。下面通过本文给大家介绍下android中的设计模式,感兴趣的朋友一起看看吧
    2016-09-09
  • android 禁止第三方apk安装和卸载的方法详解

    android 禁止第三方apk安装和卸载的方法详解

    这篇文章主要介绍了android 禁止第三方apk安装和卸载,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11
  • android开发仿ios的UIScrollView实例代码

    android开发仿ios的UIScrollView实例代码

    下面小编就为大家分享一篇android开发仿ios的UIScrollView实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • 修改Android Studio 的 Logcat 缓冲区大小操作

    修改Android Studio 的 Logcat 缓冲区大小操作

    这篇文章主要介绍了修改Android Studio 的 Logcat 缓冲区大小操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-04-04
  • 如何利用Flutter仿写微信搜索页效果

    如何利用Flutter仿写微信搜索页效果

    这篇文章主要给大家介绍了关于如何利用Flutter仿写微信搜索页效果的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-01-01
  • Android常用控件Spinner的使用方法大全

    Android常用控件Spinner的使用方法大全

    这篇文章主要给大家介绍了关于Android常用控件Spinner的使用方法,Spinner其实是一个列表选择框,不过Android的列表选择框并不需要显示下拉列表,而是相当于弹出一个菜单供用户选择,需要的朋友可以参考下
    2023-10-10
  • android项目从Eclipse迁移到Android studio中常见问题解决方法

    android项目从Eclipse迁移到Android studio中常见问题解决方法

    android项目从Eclipse迁移到Android studio中经常会遇到一些问题,本文提供了Android studio使用中常见问题解决方法
    2018-03-03
  • Android实现判断某个服务是否正在运行的方法

    Android实现判断某个服务是否正在运行的方法

    这篇文章主要介绍了Android实现判断某个服务是否正在运行的方法,涉及Android针对系统服务运行状态的判断技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android开发之自定义加载动画详解

    Android开发之自定义加载动画详解

    这篇文章主要介绍了Android开发的自定义加载动画,效果为一个连续的动画,就是这个大圆不停地吞下小圆,文中示例代码讲解详细,感兴趣的可以了解一下
    2022-03-03
  • Jetpack Compose修饰符专项精讲

    Jetpack Compose修饰符专项精讲

    在今年的Google/IO大会上,亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样,Jetpack Compose是一个声明式的UI框架,它可简化并加快Android上的界面开发,使用更少的代码、强大的工具和直观的 Kotlin API,快速让应用生动而精彩
    2022-10-10

最新评论