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,欢迎访问