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

只有兩個布局文件,一個是彈窗布局(只有一張圖片),一個是主界面布局(只有一個按鈕)。
然后在主界面代碼中實例 PopupWindow ,指定彈出的界面,在按鈕點擊事件中顯示或隱藏彈窗就可以了,代碼如下:
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實例化
pop = new PopupWindow(view, LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT, false);
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (pop.isShowing()) {
// 隱藏窗口,如果設置了點擊窗口外消失,則不需要此方式隱藏
pop.dismiss();
} else {
// 彈出窗口顯示內(nèi)容視圖,默認以錨定視圖的左下角為起點,這里為點擊按鈕
pop.showAsDropDown(v);
}
}
});
}
}
2.知道了怎么實現(xiàn) PopupWindow 彈窗,利用其特性替換系統(tǒng)自帶的菜單欄,來個仿騰訊新聞的菜單吧,效果圖如下:

布局什么的花點時間,慢慢調(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實例化
pop = new PopupWindow(view, LayoutParams.MATCH_PARENT,
LayoutParams.WRAP_CONTENT, true);
/**
* PopupWindow 設置
*/
// pop.setFocusable(true); //設置PopupWindow可獲得焦點
// pop.setTouchable(true); //設置PopupWindow可觸摸
// pop.setOutsideTouchable(true); // 設置非PopupWindow區(qū)域可觸摸
// 設置PopupWindow顯示和隱藏時的動畫
pop.setAnimationStyle(R.style.MenuAnimationFade);
/**
* 改變背景可拉的彈出窗口。后臺可以設置為null。 這句話必須有,否則按返回鍵popwindow不能消失 或者加入這句話
* ColorDrawable dw = new
* ColorDrawable(-00000);pop.setBackgroundDrawable(dw);
*/
pop.setBackgroundDrawable(new BitmapDrawable());
}
/**
* 按鈕點擊事件監(jiān)聽
*
* @param v
*/
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btnNight:
changePopupWindowState();
Toast.makeText(MainActivity.this, "你點擊了夜間模式", Toast.LENGTH_SHORT)
.show();
break;
case R.id.btnWord:
changePopupWindowState();
Toast.makeText(MainActivity.this, "你點擊了文本模式", 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("確定退出這個 Demo 嗎?")
.setPositiveButton("確定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
finish();
}
}).setNegativeButton("取消", null).show();
}
/**
* 改變 PopupWindow 的顯示和隱藏
*/
private void changePopupWindowState() {
if (pop.isShowing()) {
// 隱藏窗口,如果設置了點擊窗口外消失,則不需要此方式隱藏
pop.dismiss();
} else {
// 彈出窗口顯示內(nèi)容視圖,默認以錨定視圖的左下角為起點,這里為點擊按鈕
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)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Android使用Activity實現(xiàn)簡單的可輸入對話框
大家在做彈出對話框效果的時候最容易想到的是用Dialog顯示,但其實彈出對話框的實現(xiàn)效果有兩種:Dialog和Activity,那么下面這篇文章就來給大家介紹了關于Android使用Activity如何實現(xiàn)一個簡單的可輸入對話框的相關資料,需要的朋友可以參考借鑒,下面來一起看看吧。2017-10-10
Android開發(fā)之多媒體文件獲取工具類實例【音頻,視頻,圖片等】
這篇文章主要介紹了Android開發(fā)之多媒體文件獲取工具類,結合實例形式分析了Android獲取音頻,視頻及圖片等多媒體資源的相關操作技巧,需要的朋友可以參考下2017-10-10
Android開發(fā)中日期工具類DateUtil完整實例
這篇文章主要介紹了Android開發(fā)中日期工具類DateUtil,結合完整實例形式分析了Android針對日期與時間的計算、轉換、格式化、獲取等相關操作技巧,需要的朋友可以參考下2017-11-11
第1個Android應用程序 Android制作簡單單頁導航
這篇文章主要為大家詳細介紹了第1個Android應用程序PhonewordApp:Android制作簡單單頁導航,感興趣的小伙伴們可以參考一下2016-06-06
Android開發(fā)實現(xiàn)布局中為控件添加選擇器的方法
這篇文章主要介紹了Android開發(fā)實現(xiàn)布局中為控件添加選擇器的方法,涉及Android開發(fā)中布局設置的相關操作技巧,需要的朋友可以參考下2017-10-10

