Android启动页解决方案(推荐)

启动页几乎成为了每个app的标配,有些商家在启动页中增加了开屏广告以此带来更多的收入。目前启动页的广告都有倒计时的功能,那么我们在倒计时的过程中能做些什么呢?

这篇文章主要包括以下两方面内容

  • 集成腾讯广告联盟的SDK
  • 启动页加载过程中,后台初始化数据

我们在设计启动页时的常规做法是建立一个Activity来加载开屏图片或者广告,作为程序的入口,那么在这个三到五秒时间内如果进行数据下载,当用户点击了跳过按钮或者计时结束了数据还没初始化完成,已经进入了主页面,而主界面刚好需要那些基础数据该如何?

因此,我们将启动页和主界面设计成两个Fragment,集成到MainActivity中。这样我们在启动页中加载广告,在主界面中下载数据,登陆等耗时操作,程序的结构如下:

01 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="com.landptf.blog.MainActivity">
 <fragment
 android:id="@+id/fm_splash"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 class="com.landptf.blog.splash.SplashFragment" />
 <fragment
 android:id="@+id/fm_main"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 class="com.landptf.blog.MainFragment" />
</FrameLayout>

包含了两个fragment,分别是加载广告也和主界面的

02 MainActivity.java

/**
 * Created by landptf on 2017/03/18.
 * 主页面,包含了SplashFragment和MainFragment
 */
public class MainActivity extends AppCompatActivity {
 private FragmentManager frManager;
 private SplashFragment fmSplash;
 private MainFragment fmMain;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 initView();
 }
 private void initView() {
 frManager = getSupportFragmentManager();
 fmSplash = (SplashFragment) frManager.findFragmentById(R.id.fm_splash);
 fmMain = (MainFragment) frManager.findFragmentById(R.id.fm_main);
 showSplash();
 }
 private void showSplash(){
 frManager.beginTransaction().hide(fmMain).show(fmSplash).commit();
 }
 public void dismissSplash(){
 frManager.beginTransaction().hide(fmSplash).show(fmMain).commitAllowingStateLoss();
 }
}

在SplashFragment中广告加载完成或者点击跳过后调用dismissSplash将SplashFragment隐藏,将MainFragment显示出来

03 SplashFragment.java

/**
 * Created by landptf on 2017/03/18.
 * 启动页,集成了腾讯广告联盟的开屏广告
 */
public class SplashFragment extends Fragment {
 private static final String TAG = SplashFragment.class.getSimpleName();
 private MainActivity activity;
 private ViewGroup container;
 private TextView tvSkip;
 private ImageView ivSplashHolder;
 private static final String SKIP_TEXT = "点击跳过 %d";
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 }
 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {
 return inflater.inflate(R.layout.fragment_splash, container, false);
 }
 @Override
 public void onActivityCreated(@Nullable Bundle savedInstanceState) {
 super.onActivityCreated(savedInstanceState);
 activity = (MainActivity) getActivity();
 initView();
 }
 private void initView() {
 container = (ViewGroup) activity.findViewById(R.id.fl_splash_container);
 tvSkip = (TextView) activity.findViewById(R.id.tv_skip);
 ivSplashHolder = (ImageView) activity.findViewById(R.id.iv_splash_holder);
 //申请动态权限
 ApplyPermissions();
 }
 /**
 * 动态申请集成腾讯广告联盟的开屏广告所需要的三个权限
 * 使用了RxPermissions开源框架
 */
 private void ApplyPermissions() {
 RxPermissions rxPermissions = new RxPermissions(activity);
 rxPermissions
  .request(Manifest.permission.READ_PHONE_STATE,
   Manifest.permission.ACCESS_COARSE_LOCATION,
   Manifest.permission.WRITE_EXTERNAL_STORAGE)
  .subscribe(granted -> {
   if (granted) {
   //获取开屏广告
   new SplashAD(activity, container, tvSkip, Constants.APPID, Constants.SplashPosID, adListener, 5000);
   } else {
   //直接进入主页面
   activity.dismissSplash();
   }
  });
 }
 /**
 * 开屏广告状态的监听
 */
 private SplashADListener adListener = new SplashADListener() {
 /**
  * 广告关闭时调用,可能是用户关闭或者展示时间到。此时一般需要跳过开屏的Activity,进入应用内容页面
  */
 @Override
 public void onADDismissed() {
  activity.dismissSplash();
 }
 /**
  * 广告加载失败,errCode用于描述失败原因。
  * @param i
  */
 @Override
 public void onNoAD(int i) {
  Log.e(TAG, "error code = " + i);
  activity.dismissSplash();
 }
 /**
  * 广告成功展示时调用
  */
 @Override
 public void onADPresent() {
  ivSplashHolder.setVisibility(View.GONE);
 }
 /**
  * 广告被点击时调用
  */
 @Override
 public void onADClicked() {
  Log.i(TAG, "SplashADClicked");
 }
 /**
  * 倒计时回调,返回广告还将被展示的剩余时间,单位是ms
  * @param l
  */
 @Override
 public void onADTick(long l) {
  tvSkip.setText(String.format(SKIP_TEXT, Math.round(l / 1000f)));
 }
 };
}

这里集成了腾讯广告联盟,点击这里注册,流程比较简单,按照说明一步一步进行就可以了,sdk文档也比较详细。

当广告加载完成后调用 activity.dismissSplash();将其隐藏

04 MainFragment.java

/**
 * 模拟后台耗时操作
 */
private void testThread(){
 new Thread(() -> {
 int i = 0;
 while (i < 5) {
  try {
  Thread.sleep(1000);
  } catch (InterruptedException e) {
  e.printStackTrace();
  }
  Log.e(TAG, "--- " + i + " ---");
  i++;
 }
 }).start();
}

在MainFragment主线程中开启了一个只线程来模拟耗时操作,通过log可以看到在广告倒计时的过程中线程已经在执行了。

03-18 03:30:50.348 9491-9513/com.landptf.blog E/MainFragment: --- 0 ---
03-18 03:30:51.348 9491-9513/com.landptf.blog E/MainFragment: --- 1 ---
03-18 03:30:52.348 9491-9513/com.landptf.blog E/MainFragment: --- 2 ---
03-18 03:30:53.349 9491-9513/com.landptf.blog E/MainFragment: --- 3 ---
03-18 03:30:54.350 9491-9513/com.landptf.blog E/MainFragment: --- 4 ---

以上就是app的启动页方案,充分利用了加载广告的时间

全部代码已上传至Github,欢迎访问

以上所述是小编给大家介绍的Android启动页解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • Android优化之启动页去黑屏实现秒启动

    前言 还记得之前我们写了一篇文章,基于RxJava实现酷炫启动页,然而当我们点击桌面图标启动APP时,有时会闪一下黑色背景,有时黑色背景时间还比较长,哎呀,难看死了,这个怎么办捏,别方,我们今天就来看看启动页的优化. 一.消除启动时的黑屏 点击桌面launcher图标启动APP,闪现的黑色背景其实是出现在我们看到界面第一帧之前.那我们就要想办法让这个黑色的背景变成用户喜欢看到的画面或者让它透明化.有了思路方法也就粗现了,我们有下面两种方案: 自定义WelcomActivity的Theme 说白了

  • Android启动页面定时跳转的三种方法

    从我所做的项目来看,几乎都少不了开始页面,启动页面的作用能够打广告.发公告.做缓存处理.更新数据等等!Android实现开始页面的跳转,就是打开一个Android手机APP的欢迎界面后跳转到指定界面,下面就让我简单介绍下比较常用的开始页面的跳转方法吧. 一.在onCreate里设置个Timer,然后建立Intent指向你要调用的Activity.设置Timer 任意秒后执行startActivity即可!(Timer是一种定时器工具,用来在一个后台线程计划执行指定任务,它可以计划执行一个任务一次

  • Android开发之开发者头条(一)启动页实现

    废话就不多说了,开始今天的正题,带你实现开发者头条APP的启动页. 一.老规矩,先上效果图 从效果图中我们可以看出,整个滑动的界面就是一个ViewPager实现,然后监听ViewPager的滑动事件,改变底部四个小图标的切换,以及跳转到首页的按钮的隐藏显示. 二.代码实现 1).整个布局文件.上面是ViewPager,下面是四个小图标存放的容器. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/androi

  • Android启动页广告(腾讯广告联盟)解决方法及源码下载

    Android启动页广告(腾讯广告联盟) 启动页几乎成为了每个app的标配,有些商家在启动页中增加了开屏广告以此带来更多的收入.目前启动页的广告都有倒计时的功能,那么我们在倒计时的过程中能做些什么呢? 这篇文章主要包括以下两方面内容 集成腾讯广告联盟的SDK 启动页加载过程中,后台初始化数据 我们在设计启动页时的常规做法是建立一个Activity来加载开屏图片或者广告,作为程序的入口,那么在这个三到五秒时间内如果进行数据下载,当用户点击了跳过按钮或者计时结束了数据还没初始化完成,已经进入了主页面

  • Android启动页解决方案(推荐)

    启动页几乎成为了每个app的标配,有些商家在启动页中增加了开屏广告以此带来更多的收入.目前启动页的广告都有倒计时的功能,那么我们在倒计时的过程中能做些什么呢? 这篇文章主要包括以下两方面内容 集成腾讯广告联盟的SDK 启动页加载过程中,后台初始化数据 我们在设计启动页时的常规做法是建立一个Activity来加载开屏图片或者广告,作为程序的入口,那么在这个三到五秒时间内如果进行数据下载,当用户点击了跳过按钮或者计时结束了数据还没初始化完成,已经进入了主页面,而主界面刚好需要那些基础数据该如何? 因

  • Android 启动页白屏解决方案

    当我们打开app的时候是不是会有一瞬间的白屏然后再进入主活动,虽然这并不会造成什么不好的后果,但是感觉用户体验就不是很好.像网易云音乐等等,打开一瞬间就显示了他们的loge,无缝衔接,没有白屏,怎么做到的呢? 一开始我的思路是这样的.可能是因为我们的主活动逻辑太多,所以加载会变慢,导致显示白屏.如果使用一个只显示一张本地图片的活动,那会不会就不会显示白屏了呢.话不多说我们尝试一下: Activity中的代码: /** * 启动页,显示倾旅的logo,停顿2秒后跳转 */ public clas

  • Android启动页用户相关政策弹框的实现代码

    现在Android上架各大平台都要求App首页添加一个弹框,显示用户协议以及一些隐私政策,不然上架各大平台,现在就来简单的实现一下这个对话框 既然是一个对话框,那我们就先来简单的封装一个对话框,这样方便后续的一些修改: widget_user_dialog.xml <?xml version="1.0" encoding="utf-8"?> <androidx.appcompat.widget.LinearLayoutCompat xmlns:an

  • Android启动页优化之实现应用秒开

    Android 应用冷启动时,需要从Application开始启动,加载时间就会比较长,这段时间里,用户所能看到的就是"白屏"(这是因为默认的AppTheme的 android:windowBackground 默认是设置成白色的),因此我认为真正的启动页就应该是让用户点开应用时看到的不是"白屏",而是我们创建的一个页面,可以是一张图片.一段文字. 这样,不明真相的用户直观感觉到的就是,这个应用可以秒开. 1.首先在 drawable 目录下新建一个 splash_

  • Android启动页出现白屏、黑屏的解决方案

    历史原因 当系统启动一个APP时,zygote进程会首先创建一个新的进程去运行这个APP,但是进程的创建是需要时间的,在创建完成之前,界面是呈现假死状态的,这就很尴尬了,因为用户会以为没有点到APP而再次点击,这极大的降低用户体验,Android需要及时做出反馈去避免这段迷之尴尬.于是系统根据你的manifest文件设置的主题颜色的不同来展示一个白屏或者黑屏.而这个黑(白)屏正式的称呼应该是Preview Window,即预览窗口. 好了,现在我们明白了,Preview Window其实是为了提

  • 完美解决Android App启动页有白屏闪过的问题

    应用启动的时候有短暂的白屏,如图: 可以通过设置theme的方式来解决 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item

  • Android实现启动页倒计时效果

    今天介绍一个很简单的倒计时动画,仿酷狗音乐的启动页倒计时效果,也是大多数APP在用的一个动画,来看看效果图: 整体的思路就是用一个平滑的帧动画来画圆弧就行了. 这篇文章学到什么? 了解属性动画ValueAnimator的用法 了解动画属性插值Interpolator,让动画过度得更自然 如何画圆弧 开始准备 新建一个类继承TextView,因为中间还有跳过的文本,所以选择用TextView来画个动起来的背景图. /** * 倒计时文本 */ @SuppressLint("AppCompatCus

  • android中使用react-native设置应用启动页过程详解

    一.背景 在我们使用react-native进行编写代码的时候,当启动应用的时候,我们会看到如下界面 然而,这样的启动界面是非常的不又好,那么我们该怎么进行处理启动界面呢?有如下两种方案 二.方案 1.使用第三方库(react-native-splash-screen) 2.ios系统设置(仅适用ios系统,在这里不做讲解) 三.具体实现方式 一).react-native-splash-screen 1.安装 npm i react-native-splash-screen --save 2.

随机推荐