android popupwindow UI進階之彈窗的使用
講下android中的PopupWindow。姑且就叫做彈窗吧,其實和AlertDialog一樣,也是一種對話框,兩者也經(jīng)?;煊?,但是也各有特點。
本文引用地址:http://butianyuan.cn/article/201609/305038.htm下面就看看使用方法。首先初始化一個PopupWindow
PopupWindow mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.window, null),
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
實現(xiàn)PopupWindow的構(gòu)造函數(shù),第一個參數(shù)導(dǎo)入布局,后面兩個指定寬和高。彈窗一般有兩種展示方法,用showAsDropDown()和showAtLocation()兩種方法實現(xiàn)。一般參數(shù)有兩種,有偏移和無偏移。
bt1.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
initPopWindow();
mPop.showAsDropDown(v);//以這個Button為anchor(可以理解為錨,基準(zhǔn)),在下方彈出
}});
bt2.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
initPopWindow();
mPop.showAsDropDown(v,20,-20);//橫軸偏移20,縱軸-20,一個狀態(tài)欄的長度
}});
bt3.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
initPopWindow();
mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl),
Gravity.CENTER, 0, 0);//在屏幕居中,無偏移
}});
bt4.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
initPopWindow();
mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl),
Gravity.TOP | Gravity.LEFT, 20, 20);//在屏幕頂部|居右,帶偏移
}});
bt5.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
if (mPop != null) {
mPop.dismiss();
}
}});
其中initPopWindow()方法來初始化一個彈窗
private void initPopWindow() {
if (mPop == null) {
mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.pop, null),
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
}
if (mPop.isShowing()) {
mPop.dismiss();
}
}
這里定義了4個按鈕來呈現(xiàn)展示效果,一個按鈕用來關(guān)閉,來看下第三個按鈕點擊效果,就不一一截圖了,大家可以自己試下。
看過我以前這系列博客的朋友就會發(fā)現(xiàn),PopupWindow里面的布局就是抽屜里面用的布局,后面的背景就是上篇博客講的可延伸圖像。為什么用這個呢,我們來看下UC的menu效果
可能這個是用AlertDialog做的,但是用PopupWindow也非常方便。很多的應(yīng)用都使用了這樣的menu。這里我就不去仿照UC來做了,就用上面那個布局,原理是一樣的,換換圖片就行。
要做的很簡單,看代碼
public boolean onKeyDown(int keyCode, KeyEvent event){
//截獲按鍵事件
if(keyCode == KeyEvent.KEYCODE_MENU){
initPopWindow();
mPop.showAtLocation(this.findViewById(R.id.rl),
Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //在屏幕底部
}else if(keyCode == KeyEvent.KEYCODE_BACK){
if(mPop.isShowing()){
mPop.dismiss();
}else{
System.exit(0);
}
}
return false;
}
圖片似乎不是很給力,大家搞點漂亮點的圖片就可以了。
我把這個代碼全部貼出來
package com.notice.popWindow;
import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.GridView;
import android.widget.PopupWindow;
public class PopWindow extends Activity {
private GridView gv;
private Button bt1;
private Button bt2;
private Button bt3;
private Button bt4;
private Button bt5;
private int[] icons={R.drawable.browser,R.drawable.gallery,
R.drawable.camera,R.drawable.gmail,
R.drawable.music,R.drawable.market,
R.drawable.phone,R.drawable.messages,R.drawable.maps};
private String[] items={瀏覽器,圖片,相機,時鐘,音樂,市場,撥號,信息,地圖};
private PopupWindow mPop;
private View layout;
private void initPopWindow() {
if (mPop == null) {
mPop = new PopupWindow(layout,
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
評論