Android UI設(shè)計(jì)與開發(fā)之PopupWindow仿騰訊新聞底部彈出菜單
前一篇文章中有用到 PopupWindow 來實(shí)現(xiàn)彈窗的功能。簡單介紹以下吧。
官方文檔是這樣解釋的:這就是一個(gè)彈出窗口,可以用來顯示一個(gè)任意視圖。出現(xiàn)的彈出窗口是一個(gè)浮動容器的當(dāng)前活動。
1.首先來個(gè)簡單的栗子,效果如下:

只有兩個(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)自帶的菜單欄,來個(gè)仿騰訊新聞的菜單吧,效果圖如下:

布局什么的花點(diǎn)時(shí)間,慢慢調(diào),自然就出來了,主要還是主界面的邏輯代碼啊,菜單就是通過 PopupWindow 來顯示的,具體代碼如下:
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í)的動畫
pop.setAnimationStyle(R.style.MenuAnimationFade);
/**
* 改變背景可拉的彈出窗口。后臺可以設(shè)置為null。 這句話必須有,否則按返回鍵popwindow不能消失 或者加入這句話
* ColorDrawable dw = new
* ColorDrawable(-00000);pop.setBackgroundDrawable(dw);
*/
pop.setBackgroundDrawable(new BitmapDrawable());
}
/**
* 按鈕點(diǎn)擊事件監(jiān)聽
*
* @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)聽
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
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android開發(fā)之ContentProvider的使用詳解
本篇文章介紹了Android開發(fā)之ContentProvider的使用詳解。需要的朋友參考下2013-04-04
關(guān)于Android多渠道打包的進(jìn)階知識
前一篇文章主要介紹了關(guān)于Android程序的多渠道打包方法,這一篇文章介紹了多渠道打包的進(jìn)階知識,還不會的同學(xué)快進(jìn)來學(xué)習(xí)下吧,建議收藏以防迷路2021-08-08
Android自定義ViewGroup實(shí)現(xiàn)右滑進(jìn)入詳情
這篇文章主要為大家詳細(xì)介紹了Android如何通過自定義ViewGroup實(shí)現(xiàn)右滑進(jìn)入詳情效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2023-01-01
Android水波紋載入控件CircleWaterWaveView使用詳解
這篇文章主要為大家詳細(xì)介紹了Android水波紋載入控件CircleWaterWaveView使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01
Android 優(yōu)化之卡頓優(yōu)化的實(shí)現(xiàn)
這篇文章主要介紹了Android 優(yōu)化之卡頓優(yōu)化的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
Android?Studio實(shí)現(xiàn)登錄界面功能
這篇文章主要為大家詳細(xì)介紹了Android?Studio實(shí)現(xiàn)登錄界面功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04

