APP 廣告UI
APP 首頁常為一個廣告推送頁面,在執行若干時間後自動跳轉下一頁面,在此過程中,使用者可以點選跳過以提前結束當前頁面,跳轉到相應的介面
頁面效果類似:
主要功能集中在右上角的按鈕,包含計時,點選跳轉
以下為實現:
首先需要一個計時器,Android已封裝好CountDownTimer的類能完成功能,此處建立一個MyCountDownTimer繼承此類,需要實現方法:
1. public void onTick(long ) //間隔多久執行一次
2. public void onFinish() //計時完成事件
需要一個顯示時間資訊的TextView skip_time
protected class MyCountdownTimer extends CountDownTimer{
/**
* @param millisInFuture 計時總時間
* @param countDownInterval 間隔時間
*/
public MyCountdownTimer(long millisInFuture, long countDownInterval) {
super(millisInFuture, countDownInterval);
skip_time.setText("跳過 ("+millisInFuture/1000+")");
}
@Override
public void onTick(long millisUntilFinished) {
//顯示更改後的時鐘資訊
skip_time.setText("跳過 ("+millisUntilFinished/1000+")");
}
@Override
public void onFinish() {
//計時結束後再這裡跳轉
userLogin();
}
}
接下來需要對使用者點選跳過進行監聽,如果使用者點選了監聽,直接取消計時器,跳轉相應頁面,釋放計時器資源。
private MyCountdownTimer countdownTimer;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
private void init() {
skip = (LinearLayout) findViewById(R.id.main_skip);
skip.setOnClickListener(this);
skip_time = (TextView)findViewById(R.id.main_clock);
skip_time.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
userLogin();
//關閉計時器
countdownTimer.cancel();
finish();
}
});
countdownTimer = new MyCountdownTimer(5000,1000);
countdownTimer.start();
}
至此大功告成
相關文章
- App介面Ui設計APPUI
- Android UI 實現廣告 Banner 輪播效果AndroidUI
- MIUI淪為廣告UI 小米真正的失誤在哪?UI
- Flutter UI APP 低調上線FlutterUIAPP
- Create apps with Ribbon UIAPPUI
- UI培訓教程分享:APP啟動頁UI介面設計UIAPP
- 【深度解讀】App Store搜尋廣告APP
- iOS APP啟動頁載入廣告iOSAPP
- iOS APP啟動廣告實現方式 與 APP喚端呼叫iOSAPP
- APP廣告:搶佔移動互聯入口APP
- Guide to app architecture 2 - UI layer OverviewGUIIDEAPPView
- App專案實戰之路(四):UI篇APPUI
- APP登入介面UI設計欣賞APPUI
- 直擊廣告投放痛點,Meta App 廣告大師學院內容回顧APP
- [譯]App UI設計:“看得見”有多重要APPUI
- Flutter知乎App實踐:UI+Json+UtilsFlutterAPPUIJSON
- APP UI自動化測試思路總結APPUI
- UI設計教程學習分享:APP佈局UIAPP
- 什麼是 SAP UI5 Application IndexUIAPPIndex
- html5移動前端框架 UI webappHTML前端框架UIWebAPP
- 怎麼結合 airtest 和 appium 做 app 的 ui 自動化AIAPPUI
- 教育APP禁植入廣告和遊戲 學校推薦APP不得收取費用APP遊戲
- 一鍵遮蔽各大視訊APP的片頭廣告!APP
- App啟動廣告頁的實現和封裝APP封裝
- Android 社交類APP 豆瓣同城Lite(安全,無廣告)AndroidAPP
- 7種不靠廣告賺錢的App生錢之道APP
- 央視曝光APP彈窗廣告三大陷阱:如何監管應用軟體彈窗廣告APP
- UI設計培訓分享:平面廣告設計中的文案表達技巧UI
- UI | 一組酒店類APP介面設計參考UIAPP
- vivo官網APP全機型UI適配方案APPUI
- 手機app開發UI佈局的影響APPUI
- 10 個打造 React.js App 的最佳 UI 框架ReactJSAPPUI框架
- 手機APP UI設計尺寸基礎知識APPUI
- 短視訊app開發,獲取開屏廣告頁廣告倒數計時總秒數APP
- APP應用廣告常見投放與計費方式解析APP
- 來了,Chrome APP Canary 版新增網頁廣告遮蔽功能ChromeAPP網頁
- 煩人的開屏廣告終消失!淘寶支付寶等阿里系APP已取消開屏廣告阿里APP
- iOS appium UI 自動化測試配置可控 xpathiOSAPPUI