Android启动页解决方案
2017-03-18 本文已影响1140人
landptf
启动页几乎成为了每个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，欢迎访问
end.
