Android UI設(shè)計(jì)與開(kāi)發(fā)之PopupWindow仿騰訊新聞底部彈出菜單
前一篇文章中有用到 PopupWindow 來(lái)實(shí)現(xiàn)彈窗的功能。簡(jiǎn)單介紹以下吧。
官方文檔是這樣解釋的:這就是一個(gè)彈出窗口,可以用來(lái)顯示一個(gè)任意視圖。出現(xiàn)的彈出窗口是一個(gè)浮動(dòng)容器的當(dāng)前活動(dòng)。
1.首先來(lái)個(gè)簡(jiǎn)單的栗子,效果如下:
只有兩個(gè)布局文件,一個(gè)是彈窗布局(只有一張圖片),一個(gè)是主界面布局(只有一個(gè)按鈕)。
然后在主界面代碼中實(shí)例 PopupWindow ,指定彈出的界面,在按鈕點(diǎn)擊事件中顯示或隱藏彈窗就可以了,代碼如下:
package com.yanis.demo; import android.app.Activity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.LinearLayout.LayoutParams; import android.widget.PopupWindow; public class PopupWindowActivity extends Activity { PopupWindow pop; Button btn; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_popup_window); btn = (Button) findViewById(R.id.btnShowWindow); LayoutInflater inflater = LayoutInflater.from(this); // 引入窗口配置文件 - 即彈窗的界面 View view = inflater.inflate(R.layout.my_popup_window, null); // PopupWindow實(shí)例化 pop = new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, false); btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (pop.isShowing()) { // 隱藏窗口,如果設(shè)置了點(diǎn)擊窗口外消失,則不需要此方式隱藏 pop.dismiss(); } else { // 彈出窗口顯示內(nèi)容視圖,默認(rèn)以錨定視圖的左下角為起點(diǎn),這里為點(diǎn)擊按鈕 pop.showAsDropDown(v); } } }); } }
2.知道了怎么實(shí)現(xiàn) PopupWindow 彈窗,利用其特性替換系統(tǒng)自帶的菜單欄,來(lái)個(gè)仿騰訊新聞的菜單吧,效果圖如下:
布局什么的花點(diǎn)時(shí)間,慢慢調(diào),自然就出來(lái)了,主要還是主界面的邏輯代碼啊,菜單就是通過(guò) PopupWindow 來(lái)顯示的,具體代碼如下:
package com.yanis.popup_window; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.util.Log; import android.view.Gravity; import android.view.KeyEvent; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnKeyListener; import android.widget.Button; import android.widget.ImageView; import android.widget.LinearLayout.LayoutParams; import android.widget.PopupWindow; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends Activity implements OnClickListener, OnKeyListener { PopupWindow pop; TextView hideView; Button btnCancel; ImageView btnNight, btnWord, btnExit; View view; boolean isOut, isIn;// 是否彈窗顯示 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initData(); } /** * 初始化組件 */ private void initView() { hideView = (TextView) findViewById(R.id.hideView); LayoutInflater inflater = LayoutInflater.from(this); // 引入窗口配置文件 - 即彈窗的界面 view = inflater.inflate(R.layout.menu_view, null); btnNight = (ImageView) view.findViewById(R.id.btnNight); btnWord = (ImageView) view.findViewById(R.id.btnWord); btnExit = (ImageView) view.findViewById(R.id.btnExit); btnCancel = (Button) view.findViewById(R.id.btnCancel); } /** * 初始化數(shù)據(jù) */ private void initData() { btnNight.setOnClickListener(this); btnWord.setOnClickListener(this); btnExit.setOnClickListener(this); btnCancel.setOnClickListener(this); view.setFocusableInTouchMode(true); view.setOnKeyListener(this); // PopupWindow實(shí)例化 pop = new PopupWindow(view, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true); /** * PopupWindow 設(shè)置 */ // pop.setFocusable(true); //設(shè)置PopupWindow可獲得焦點(diǎn) // pop.setTouchable(true); //設(shè)置PopupWindow可觸摸 // pop.setOutsideTouchable(true); // 設(shè)置非PopupWindow區(qū)域可觸摸 // 設(shè)置PopupWindow顯示和隱藏時(shí)的動(dòng)畫(huà) pop.setAnimationStyle(R.style.MenuAnimationFade); /** * 改變背景可拉的彈出窗口。后臺(tái)可以設(shè)置為null。 這句話(huà)必須有,否則按返回鍵popwindow不能消失 或者加入這句話(huà) * ColorDrawable dw = new * ColorDrawable(-00000);pop.setBackgroundDrawable(dw); */ pop.setBackgroundDrawable(new BitmapDrawable()); } /** * 按鈕點(diǎn)擊事件監(jiān)聽(tīng) * * @param v */ @Override public void onClick(View v) { switch (v.getId()) { case R.id.btnNight: changePopupWindowState(); Toast.makeText(MainActivity.this, "你點(diǎn)擊了夜間模式", Toast.LENGTH_SHORT) .show(); break; case R.id.btnWord: changePopupWindowState(); Toast.makeText(MainActivity.this, "你點(diǎn)擊了文本模式", Toast.LENGTH_SHORT) .show(); break; case R.id.btnExit: exitTheDemo(); break; case R.id.btnCancel: changePopupWindowState(); break; } } /** * 退出程序 */ private void exitTheDemo() { changePopupWindowState(); new AlertDialog.Builder(MainActivity.this).setMessage("確定退出這個(gè) Demo 嗎?") .setPositiveButton("確定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { finish(); } }).setNegativeButton("取消", null).show(); } /** * 改變 PopupWindow 的顯示和隱藏 */ private void changePopupWindowState() { if (pop.isShowing()) { // 隱藏窗口,如果設(shè)置了點(diǎn)擊窗口外消失,則不需要此方式隱藏 pop.dismiss(); } else { // 彈出窗口顯示內(nèi)容視圖,默認(rèn)以錨定視圖的左下角為起點(diǎn),這里為點(diǎn)擊按鈕 pop.showAtLocation(hideView, Gravity.BOTTOM, 0, 0); } } // Called when a key was pressed down and not handled by any of the views // inside of the activity @Override public boolean onKeyDown(int keyCode, KeyEvent event) { switch (keyCode) { case KeyEvent.KEYCODE_MENU:// 菜單鍵監(jiān)聽(tīng) isOut = true; changePopupWindowState(); break; } return super.onKeyDown(keyCode, event); } // Called when a hardware key is dispatched to a view. @Override public boolean onKey(View v, int keyCode, KeyEvent event) { switch (keyCode) { case KeyEvent.KEYCODE_MENU: if (isOut && !isIn) { isOut = false; isIn = true; } else if (!isOut && isIn) { isIn = false; changePopupWindowState(); } break; } return false; } }
源代碼地址:https://github.com/YeXiaoChao/Yc_ui_popup_window
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實(shí)現(xiàn)雅虎新聞?wù)虞d視差動(dòng)畫(huà)效果
- Android仿網(wǎng)易新聞圖片詳情下滑隱藏效果示例代碼
- Android開(kāi)發(fā)實(shí)現(xiàn)自定義新聞加載頁(yè)面功能實(shí)例
- Android RecyclerView仿新聞?lì)^條的頻道管理功能
- Android網(wǎng)絡(luò)編程之簡(jiǎn)易新聞客戶(hù)端
- Android模擬實(shí)現(xiàn)網(wǎng)易新聞客戶(hù)端
- Android 模擬新聞APP顯示界面滑動(dòng)優(yōu)化實(shí)例代碼
- Android實(shí)現(xiàn)基本功能的新聞應(yīng)用
相關(guān)文章
Android開(kāi)發(fā)之ContentProvider的使用詳解
本篇文章介紹了Android開(kāi)發(fā)之ContentProvider的使用詳解。需要的朋友參考下2013-04-04簡(jiǎn)析Android多種AlertDialog對(duì)話(huà)框效果
這篇文章主要為大家介紹了Android多種AlertDialog對(duì)話(huà)框效果,四種對(duì)話(huà)框效果一一為大家展示,感興趣的小伙伴們可以參考一下2016-01-01關(guān)于Android多渠道打包的進(jìn)階知識(shí)
前一篇文章主要介紹了關(guān)于Android程序的多渠道打包方法,這一篇文章介紹了多渠道打包的進(jìn)階知識(shí),還不會(huì)的同學(xué)快進(jìn)來(lái)學(xué)習(xí)下吧,建議收藏以防迷路2021-08-08Android自定義ViewGroup實(shí)現(xiàn)右滑進(jìn)入詳情
這篇文章主要為大家詳細(xì)介紹了Android如何通過(guò)自定義ViewGroup實(shí)現(xiàn)右滑進(jìn)入詳情效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2023-01-01Android水波紋載入控件CircleWaterWaveView使用詳解
這篇文章主要為大家詳細(xì)介紹了Android水波紋載入控件CircleWaterWaveView使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01Android 優(yōu)化之卡頓優(yōu)化的實(shí)現(xiàn)
這篇文章主要介紹了Android 優(yōu)化之卡頓優(yōu)化的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07Android?Studio實(shí)現(xiàn)登錄界面功能
這篇文章主要為大家詳細(xì)介紹了Android?Studio實(shí)現(xiàn)登錄界面功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04