项目回顾-PopupWindow
生活随笔
收集整理的這篇文章主要介紹了
项目回顾-PopupWindow
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
右上菜單，可以通過(guò) 重寫(xiě)?onCreateOptionsMenu指定 menu， 重寫(xiě)?onOptionsItemSelected 來(lái)響應(yīng)點(diǎn)擊事件
不過(guò) 這個(gè)菜單在某些手機(jī)上彈出的有點(diǎn)卡頓，而且如果不對(duì)主題進(jìn)行設(shè)置，會(huì)從actionbar 上直接彈出，而不是下面
如果想從下面彈出，要先添加一個(gè)style
<style name="MenuStyle" parent="@style/Widget.AppCompat.Light.PopupMenu.Overflow"><item name="overlapAnchor">false</item></style>之后在activity引用的主題中添加一行 ?就行了
<item name="actionOverflowMenuStyle">@style/MenuStyle</item>?
Menu在沒(méi)有特別要求的情況還是很好用的，但是如果要求比較復(fù)雜的時(shí)候就不如用PopupWindow了
要實(shí)現(xiàn)如圖的效果
?
?先拿到從美工拿到的圖片 ?
?
打開(kāi)sdk的 tools文件夾 ? 打開(kāi)?draw9patch.bat ?把圖片拖進(jìn)去
畫(huà)黑邊 ? 左上兩個(gè)方向的黑邊 表示拉伸部分
右下表示布局中控件內(nèi)容顯示的區(qū)域
如果畫(huà)錯(cuò)了 按住shift 抹掉
完成之后save
?
?
布局
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="wrap_content" 4 android:layout_height="wrap_content" 5 android:background="@drawable/pop_bg_shadow9" 6 android:gravity="center_horizontal" 7 android:orientation="vertical" 8 > 9 10 <LinearLayout 11 android:id="@+id/ll_action_config" 12 android:layout_width="match_parent" 13 android:layout_height="wrap_content" 14 android:gravity="center_vertical" 15 android:orientation="horizontal" 16 android:padding="10dp" 17 > 18 19 <ImageView 20 android:layout_width="25dp" 21 android:layout_height="25dp" 22 android:src="@drawable/pop_setting"/> 23 24 <TextView 25 android:layout_width="wrap_content" 26 android:layout_height="wrap_content" 27 android:paddingLeft="15dp" 28 android:text="關(guān)聯(lián)配置" 29 android:textColor="@color/white"/> 30 31 </LinearLayout> 32 33 <LinearLayout 34 android:id="@+id/ll_action_history" 35 android:layout_width="match_parent" 36 android:layout_height="wrap_content" 37 android:gravity="center_vertical" 38 android:orientation="horizontal" 39 android:padding="10dp" 40 > 41 42 <ImageView 43 android:layout_width="25dp" 44 android:layout_height="25dp" 45 android:src="@drawable/pop_history"/> 46 47 <TextView 48 android:layout_width="wrap_content" 49 android:layout_height="wrap_content" 50 android:paddingLeft="15dp" 51 android:text="歷史記錄" 52 android:textColor="@color/white"/> 53 54 </LinearLayout> 55 56 <LinearLayout 57 android:id="@+id/ll_action_ip" 58 android:layout_width="match_parent" 59 android:layout_height="wrap_content" 60 android:gravity="center_vertical" 61 android:orientation="horizontal" 62 android:padding="10dp" 63 > 64 65 <ImageView 66 android:layout_width="25dp" 67 android:layout_height="25dp" 68 android:src="@drawable/pop_ip"/> 69 70 <TextView 71 android:layout_width="wrap_content" 72 android:layout_height="wrap_content" 73 android:paddingLeft="15dp" 74 android:text="IP地址" 75 android:textColor="@color/white"/> 76 77 </LinearLayout> 78 79 <LinearLayout 80 android:id="@+id/ll_action_about" 81 android:layout_width="match_parent" 82 android:layout_height="wrap_content" 83 android:gravity="center_vertical" 84 android:orientation="horizontal" 85 android:padding="10dp" 86 > 87 88 <ImageView 89 android:layout_width="25dp" 90 android:layout_height="25dp" 91 android:src="@drawable/pop_about"/> 92 93 <TextView 94 android:layout_width="wrap_content" 95 android:layout_height="wrap_content" 96 android:paddingLeft="15dp" 97 android:text="關(guān)于" 98 android:textColor="@color/white"/> 99 100 </LinearLayout> 101 </LinearLayout> View Code?
現(xiàn)在要實(shí)現(xiàn)點(diǎn)擊 右上菜單 彈出 這個(gè)布局，同時(shí)菜單的圖標(biāo)會(huì)變換。
?
在menu目錄 新建一個(gè)xml ? ?默認(rèn)icon是?more_close
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"><itemandroid:id="@+id/action_menu"android:icon="@drawable/more_close"android:title="菜單"app:showAsAction="always"></item> </menu>?
回到activity
@Overridepublic boolean onCreateOptionsMenu(Menu menu) {this.menu = menu;getMenuInflater().inflate(R.menu.face, menu);return super.onCreateOptionsMenu(menu);}@Overridepublic boolean onOptionsItemSelected(MenuItem item) {switch (item.getItemId()) {case R.id.action_menu:View view=findViewById(R.id.action_menu);showActionMenuPopup(view);break;}return super.onOptionsItemSelected(item);}?
紅色部分都是關(guān)鍵部分
先看 ?showActionMenuPopup ?這個(gè)彈出菜單的方法?
?
首先要改變菜單的圖標(biāo)
menu.getItem(0).setIcon(getResources().getDrawable(R.drawable.more_open));這個(gè)menu是 全局的
private Menu menu;在?onCreateOptionsMenu 中 把這個(gè)menu初始化
?
之后 設(shè)置?PopupWindow?
1 View view=LayoutInflater.from(this).inflate(R.layout.popup_actionmenu,null); 2 actionmenupopupWindow = new PopupWindow(view, LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT); 3 actionmenupopupWindow.setContentView(view); 4 5 view.findViewById(R.id.ll_action_config).setOnClickListener(this); 6 view.findViewById(R.id.ll_action_history).setOnClickListener(this); 7 view.findViewById(R.id.ll_action_ip).setOnClickListener(this); 8 view.findViewById(R.id.ll_action_about).setOnClickListener(this); 9 10 actionmenupopupWindow.setFocusable(true); 11 actionmenupopupWindow.setBackgroundDrawable(new BitmapDrawable()); 12 13 actionmenupopupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() { 14 @Override 15 public void onDismiss() { 16 menu.getItem(0).setIcon(getResources().getDrawable(R.drawable.more_close)); 17 } 18 }); 19 20 actionmenupopupWindow.showAsDropDown(v);?
5-8 ?設(shè)置彈出菜單的點(diǎn)擊事件
11 ?點(diǎn)擊PopupWindow之外的地方PopupWindow消失
13-18 ?監(jiān)聽(tīng)PopupWindow消失 ?改變菜單圖標(biāo)
20 ?showAsDropDown ?從下方出現(xiàn) ? 肯定要是一個(gè)view的， 回到onOptionsItemSelected ?找到右上菜單的view ?傳入了方法中，最后在這里使用
?
還有一個(gè)顯示方法 ? 直接指定位置，不過(guò)要測(cè)量出狀態(tài)欄和actionbar的高度
actionmenupopupWindow.showAtLocation(findViewById(R.id.action_menu),Gravity.RIGHT|Gravity.TOP ,0, getStatusBarHeight(this)+getSupportActionBar().getHeight());?
?
IOS有一個(gè)底部菜單控件?UIActionSheet
安卓方面想實(shí)現(xiàn)這個(gè) ?有第三方的 ActionSheet? ? 有 谷歌官方的design包 ?BottomSheet
用PopupWindow 也可以實(shí)現(xiàn)
?
rootview = LayoutInflater.from(this).inflate(R.layout.activity_main,null);?
1 View view= LayoutInflater.from(this).inflate(R.layout.popup_camera_sel,null); 2 bottompopupWindow = new PopupWindow(view, LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT); 3 4 bottompopupWindow.setContentView(view); 5 6 view.findViewById(R.id.ll_gallery).setOnClickListener(this); 7 view.findViewById(R.id.ll_camera).setOnClickListener(this); 8 view.findViewById(R.id.ll_cancle).setOnClickListener(this); 9 10 WindowManager.LayoutParams lp = getWindow().getAttributes(); 11 lp.alpha = 0.6f; 12 getWindow().setAttributes(lp); 13 14 bottompopupWindow.setFocusable(true); 15 bottompopupWindow.setBackgroundDrawable(new BitmapDrawable()); 16 bottompopupWindow.setAnimationStyle(R.style.mypopwindow_anim_style); 17 18 bottompopupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() { 19 @Override 20 public void onDismiss() { 21 WindowManager.LayoutParams lp = getWindow().getAttributes(); 22 lp.alpha = 1f; 23 getWindow().setAttributes(lp); 24 } 25 }); 26 bottompopupWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);?
10-12 ? 18-25 ? 改變屏幕的透明度
?
style ? ? ?從底部升上來(lái) 降下去的動(dòng)畫(huà)?
<style name="mypopwindow_anim_style"><item name="android:windowEnterAnimation">@anim/popshow_anim</item><!-- 指定顯示的動(dòng)畫(huà)xml --><item name="android:windowExitAnimation">@anim/pophidden_anim</item><!-- 指定消失的動(dòng)畫(huà)xml --></style>show
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="500"android:fromYDelta="50%p"android:toYDelta="0" /> </set>hide
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="500"android:fromYDelta="0"android:toYDelta="50%p" /> </set>?
布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/white"android:orientation="vertical"android:gravity="center"><LinearLayoutandroid:id="@+id/ll_gallery"android:layout_width="match_parent"android:layout_height="50dp"android:gravity="center"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="相冊(cè)"android:textColor="#333333"android:textSize="20sp"/></LinearLayout><!--<TextView--><!--android:layout_width="200dp"--><!--android:layout_height="1dp"--><!--android:background="#838B8B"--><!--/>--><ImageViewandroid:src="@drawable/line_pop"android:scaleType="centerCrop"android:layout_width="match_parent"android:layout_height="wrap_content"/><LinearLayoutandroid:id="@+id/ll_camera"android:layout_width="match_parent"android:layout_height="50dp"android:gravity="center"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="相機(jī)"android:textColor="#333333"android:textSize="20sp"/></LinearLayout><!--<TextView--><!--android:layout_width="200dp"--><!--android:layout_height="1dp"--><!--android:background="#838B8B"--><!--/>--><ImageViewandroid:src="@drawable/line_pop"android:scaleType="centerCrop"android:layout_width="match_parent"android:layout_height="wrap_content"/><LinearLayoutandroid:id="@+id/ll_cancle"android:layout_width="match_parent"android:layout_height="50dp"android:gravity="center"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="取消"android:textSize="20sp"/></LinearLayout></LinearLayout> View Code?
?
?
?
最后 記得響應(yīng)完點(diǎn)擊事件之后 ?dismiss 關(guān)閉PopupWindow
?
轉(zhuǎn)載于:https://www.cnblogs.com/demon9/p/6021980.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的项目回顾-PopupWindow的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： hdu 1561 The more, T
- 下一篇： HDU--1872 稳定排序