android啟動頁設計專題及常見問題 - CSDN

轉載請註明出處：http://blog.csdn.net/wangjihuanghun/article/details/63255144

啟動頁幾乎成為了每個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.