android popupwindow UI進(jìn)階之彈窗的使用

講下android中的PopupWindow。姑且就叫做彈窗吧，其實(shí)和AlertDialog一樣，也是一種對話(huà)框，兩者也經(jīng)?；煊?，但是也各有特點(diǎn)。

下面就看看使用方法。首先初始化一個(gè)PopupWindow

PopupWindow mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.window, null),

LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

實(shí)現PopupWindow的構造函數，第一個(gè)參數導入布局，后面兩個(gè)指定寬和高。彈窗一般有兩種展示方法，用showAsDropDown()和showAtLocation()兩種方法實(shí)現。一般參數有兩種，有偏移和無(wú)偏移。

bt1.setOnClickListener(new OnClickListener(){

@Override

public void onClick(View v) {

initPopWindow();

mPop.showAsDropDown(v);//以這個(gè)Button為anchor(可以理解為錨，基準)，在下方彈出

}});

bt2.setOnClickListener(new OnClickListener(){

@Override

public void onClick(View v) {

initPopWindow();

mPop.showAsDropDown(v,20,-20);//橫軸偏移20，縱軸-20，一個(gè)狀態(tài)欄的長(cháng)度

}});

bt3.setOnClickListener(new OnClickListener(){

@Override

public void onClick(View v) {

initPopWindow();

mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl),

Gravity.CENTER, 0, 0);//在屏幕居中，無(wú)偏移

}});

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()方法來(lái)初始化一個(gè)彈窗

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個(gè)按鈕來(lái)呈現展示效果，一個(gè)按鈕用來(lái)關(guān)閉，來(lái)看下第三個(gè)按鈕點(diǎn)擊效果，就不一一截圖了，大家可以自己試下。

看過(guò)我以前這系列博客的朋友就會(huì )發(fā)現，PopupWindow里面的布局就是抽屜里面用的布局，后面的背景就是上篇博客講的可延伸圖像。為什么用這個(gè)呢，我們來(lái)看下UC的menu效果

可能這個(gè)是用AlertDialog做的，但是用PopupWindow也非常方便。很多的應用都使用了這樣的menu。這里我就不去仿照UC來(lái)做了，就用上面那個(gè)布局，原理是一樣的，換換圖片就行。

要做的很簡(jiǎn)單，看代碼

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;

}

圖片似乎不是很給力，大家搞點(diǎn)漂亮點(diǎn)的圖片就可以了。

我把這個(gè)代碼全部貼出來(lái)

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={瀏覽器,圖片,相機,時(shí)鐘,音樂(lè ),市場(chǎng),撥號,信息,地圖};

private PopupWindow mPop;

private View layout;

private void initPopWindow() {

if (mPop == null) {

mPop = new PopupWindow(layout,

LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);