Android PopupWindow的使用技巧

PopupWindow是Android上自定義彈出窗口烛愧,使用起來很方便赊豌。

PopupWindow的構(gòu)造函數(shù)為

public PopupWindow(View contentView,int width,int height,boolean focusable)

contentView為要顯示的view湾蔓,width和height為寬和高途样,值為像素值土涝,也可以是MATCHT_PARENT和WRAP_CONTENT佛寿。

focusable為是否可以獲得焦點,這是一個很重要的參數(shù)但壮,也可以通過

public void setFocusable(boolean focusable)

來設(shè)置冀泻,如果focusable為false,在一個Activity彈出一個PopupWindow蜡饵,按返回鍵弹渔,由于PopupWindow沒有焦點,會直接退出Activity溯祸。如果focusable為true肢专,PopupWindow彈出后,所有的觸屏和物理按鍵都有PopupWindows處理焦辅。

如果PopupWindow中有Editor的話博杖,focusable要為true。

下面實現(xiàn)一個簡單的PopupWindow

主界面的layout為:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

? ? xmlns:tools="http://schemas.android.com/tools"

? ? android:id="@+id/layout_main"

? ? android:layout_width="match_parent"

? ? android:layout_height="match_parent"

? ? android:paddingBottom="@dimen/activity_vertical_margin"

? ? android:paddingLeft="@dimen/activity_horizontal_margin"

? ? android:paddingRight="@dimen/activity_horizontal_margin"

? ? android:paddingTop="@dimen/activity_vertical_margin"

? ? tools:context=".MainActivity" >

? ? <Button

? ? ? ? android:id="@+id/btn_test_popupwindow"

? ? ? ? android:layout_width="wrap_content"

? ? ? ? android:layout_height="wrap_content"

? ? ? ? android:layout_centerInParent="true"

? ? ? ? android:text="@string/app_name" />

</RelativeLayout>


PopupWindow的layout為:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content"

? ? android:background="#000000" >

? ? <TextView

? ? ? ? android:layout_width="wrap_content"

? ? ? ? android:layout_height="80dp"

? ? ? ? android:text="@string/app_name"?

? ? ? ? android:textColor="#ffffffff"

? ? ? ? android:layout_centerInParent="true"

? ? ? ? android:gravity="center"/>

</RelativeLayout>

Activity的代碼為:

public class MainActivity extends Activity {

? ? private Button mButton;

? ? private PopupWindow mPopupWindow;

? ? @Override

? ? protected void onCreate(Bundle savedInstanceState) {

? ? ? ? super.onCreate(savedInstanceState);

? ? ? ? setContentView(R.layout.activity_main);

? ? ? ? View popupView = getLayoutInflater().inflate(R.layout.layout_popupwindow, null);

? ? ? ? mPopupWindow = new PopupWindow(popupView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);

? ? ? ? mPopupWindow.setTouchable(true);

? ? ? ? mPopupWindow.setOutsideTouchable(true);

? ? ? ? mPopupWindow.setBackgroundDrawable(new BitmapDrawable(getResources(), (Bitmap) null));


? ? ? ? mButton = (Button) findViewById(R.id.btn_test_popupwindow);

? ? ? ? mButton.setOnClickListener(new OnClickListener() {

? ? ? ? ? ? @Override

? ? ? ? ? ? public void onClick(View v) {

? ? ? ? ? ? ? ? mPopupWindow.showAsDropDown(v);

? ? ? ? ? ? }

? ? ? ? });

? ? }

}

這三行代碼

mPopupWindow.setTouchable(true);

mPopupWindow.setOutsideTouchable(true);

mPopupWindow.setBackgroundDrawable(new BitmapDrawable(getResources(), (Bitmap) null));

的作用是點擊空白處的時候PopupWindow會消失


mPopupWindow.showAsDropDown(v);

這一行代碼將PopupWindow以一種向下彈出的動畫的形式顯示出來


public void showAsDropDown(View anchor, int xoff, int yoff)

這個函數(shù)的第一個參數(shù)為一個View筷登,我們這里是一個Button剃根,那么PopupWindow會在這個Button下面顯示,xoff前方,yoff為顯示位置的偏移狈醉。

點擊按鈕,就會顯示出PopupWindow



很多時候我們把PopupWindow用作自定義的菜單镣丑,需要一個從底部向上彈出的效果舔糖,這就需要為PopupWindow添加動畫娱两。

在工程res下新建anim文件夾莺匠,在anim文件夾先新建兩個xml文件

menu_bottombar_in.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

? ? <translate

? ? ? ? android:duration="250"

? ? ? ? android:fromYDelta="100.0%"

? ? ? ? android:toYDelta="0.0" />

</set>

menu_bottombar_out.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

? ? <translate

? ? ? ? android:duration="250"

? ? ? ? android:fromYDelta="0.0"

? ? ? ? android:toYDelta="100%" />

</set>

在res/value/styles.xml添加一個sytle

? ?<style name="anim_menu_bottombar">

? ? ? ? <item name="android:windowEnterAnimation">@anim/menu_bottombar_in</item>

? ? ? ? <item name="android:windowExitAnimation">@anim/menu_bottombar_out</item>

? ? </style>?

Acivity修改為

public class MainActivity extends Activity {

? ? private PopupWindow mPopupWindow;

? ? @Override

? ? protected void onCreate(Bundle savedInstanceState) {

? ? ? ? super.onCreate(savedInstanceState);

? ? ? ? setContentView(R.layout.activity_main);

? ? ? ? View popupView = getLayoutInflater().inflate(R.layout.layout_popupwindow, null);

? ? ? ? mPopupWindow = new PopupWindow(popupView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);

? ? ? ? mPopupWindow.setTouchable(true);

? ? ? ? mPopupWindow.setOutsideTouchable(true);

? ? ? ? mPopupWindow.setBackgroundDrawable(new BitmapDrawable(getResources(), (Bitmap) null));


? ? ? ? mPopupWindow.getContentView().setFocusableInTouchMode(true);

? ? ? ? mPopupWindow.getContentView().setFocusable(true);

? ? ? ? mPopupWindow.getContentView().setOnKeyListener(new OnKeyListener() {

? ? ? ? ? ? @Override

? ? ? ? ? ? public boolean onKey(View v, int keyCode, KeyEvent event) {

? ? ? ? ? ? ? ? if (keyCode == KeyEvent.KEYCODE_MENU && event.getRepeatCount() == 0

? ? ? ? ? ? ? ? ? ? ? ? && event.getAction() == KeyEvent.ACTION_DOWN) {

? ? ? ? ? ? ? ? ? ? if (mPopupWindow != null && mPopupWindow.isShowing()) {

? ? ? ? ? ? ? ? ? ? ? ? mPopupWindow.dismiss();

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? return true;

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? return false;

? ? ? ? ? ? }

? ? ? ? });

? ? }


? ? @Override

? ? public boolean onKeyDown(int keyCode, KeyEvent event) {

? ? ? ? if (keyCode == KeyEvent.KEYCODE_MENU && event.getRepeatCount() == 0) {

? ? ? ? ? ? if (mPopupWindow != null && !mPopupWindow.isShowing()) {

? ? ? ? ? ? ? ? mPopupWindow.showAtLocation(findViewById(R.id.layout_main), Gravity.BOTTOM, 0, 0);

? ? ? ? ? ? }

? ? ? ? ? ? return true;

? ? ? ? }

? ? ? ? return super.onKeyDown(keyCode, event);

? ? }

}

這樣點擊菜單鍵會彈出自定義的PopupWindow,點擊空白處或者返回鍵十兢、菜單鍵趣竣,PopupWindow會消失。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末旱物,一起剝皮案震驚了整個濱河市遥缕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌宵呛,老刑警劉巖单匣,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡户秤,警方通過查閱死者的電腦和手機(jī)码秉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鸡号,“玉大人转砖,你說我怎么就攤上這事【ò椋” “怎么了府蔗?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長汞窗。 經(jīng)常有香客問我姓赤,道長,這世上最難降的妖魔是什么仲吏? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任模捂,我火速辦了婚禮,結(jié)果婚禮上蜘矢,老公的妹妹穿的比我還像新娘狂男。我一直安慰自己,他們只是感情好品腹,可當(dāng)我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布岖食。 她就那樣靜靜地躺著,像睡著了一般舞吭。 火紅的嫁衣襯著肌膚如雪泡垃。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天羡鸥,我揣著相機(jī)與錄音蔑穴,去河邊找鬼。 笑死惧浴,一個胖子當(dāng)著我的面吹牛存和,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播衷旅,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼捐腿,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了柿顶?” 一聲冷哼從身側(cè)響起茄袖,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嘁锯,沒想到半個月后宪祥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體聂薪,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年蝗羊,在試婚紗的時候發(fā)現(xiàn)自己被綠了胆建。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡肘交,死狀恐怖笆载,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情涯呻,我是刑警寧澤凉驻,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站复罐,受9級特大地震影響涝登,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜效诅,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一胀滚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧乱投,春花似錦咽笼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至双肤,卻和暖如春施掏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背茅糜。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工七芭, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蔑赘。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓狸驳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親米死。 傳聞我的和親對象是個殘疾皇子锌历,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,055評論 2 355

推薦閱讀更多精彩內(nèi)容