Android使用popUpWindow帶遮罩層的彈出框
上次項(xiàng)目中實(shí)現(xiàn)了新功能,就一直想添加到博客里來著,惰性發(fā)作起來簡直太可怕,不說了,跟著一起寫吧,三步即可實(shí)現(xiàn)簡單的彈出框功能,首先看效果——
首先:主頁面布局,觸發(fā)控件一定要有,再有就是給根標(biāo)簽設(shè)置id
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/layout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.android_popupwindow.MainActivity" > <ScrollView android:layout_width="fill_parent" android:layout_height="wrap_content" android:scrollbars="none"> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"> <ImageView android:id="@+id/p" android:layout_width="fill_parent" android:layout_height="wrap_content" android:scaleType="centerCrop" android:src="@drawable/p"/> <ImageView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/p" android:scaleType="centerCrop" android:src="@drawable/p"/> <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="click me" android:background="#fff" android:padding="10dip"/> </RelativeLayout> </ScrollView> </RelativeLayout>
第二步:彈出框樣式設(shè)置
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:context="com.example.adf.MainActivity" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:text="交友需帶三分俠氣,做人要存一點(diǎn)素心\n —《菜根譚》" android:textColor="#000" android:background="@drawable/layout_border" /> </LinearLayout>
最后:就是主代碼了
public class MainActivity extends Activity { private RelativeLayout layout; private Button btn; private boolean isFold=true; // 判斷是否顯示 private PopupWindow taxWindow; // 彈出框 private TextView tv=null; // 遮罩層 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); layout=(RelativeLayout)findViewById(R.id.layout); btn=(Button)findViewById(R.id.btn); btn.setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View v){ if(isFold){ isFold=false; <span style="white-space:pre"> </span>showTaxDetail(v); tv=new TextView(MainActivity.this); <span style="white-space:pre"> </span>tv.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.FILL_PARENT)); <span style="white-space:pre"> </span>tv.setBackgroundColor(Color.parseColor("#66000000")); <span style="white-space:pre"> </span>tv.setClickable(true); <span style="white-space:pre"> </span>tv.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { isFold=true; taxWindow.dismiss(); layout.removeView(tv); } }); <span style="white-space:pre"> </span>layout.addView(tv); } else{ isFold=true; taxWindow.dismiss(); layout.removeView(tv); } } }); } private void showTaxDetail(View view){ LayoutInflater inflater=LayoutInflater.from(this); // 加載彈出框的布局 View contentView=inflater.inflate(R.layout.ewj_tax_detail, null); contentView.measure(0,0); taxWindow=new PopupWindow(contentView,contentView.getMeasuredWidth(),contentView.getMeasuredHeight(),true); //taxWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_launcher)); //taxWindow.setOutsideTouchable(true); taxWindow.setFocusable(false); int[] location = new int[2]; // 得到按鈕控件的坐標(biāo),便于定位彈出框位置 btn.getLocationInWindow(location); int taxWindowWidth=taxWindow.getContentView().getMeasuredWidth(); int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); taxWindow.showAtLocation(btn,Gravity.NO_GRAVITY,(screenWidth-taxWindowWidth)/2,location[1]+95); } }
彈出框的位置在觸發(fā)控件下方居中,如果有明確的橫縱坐標(biāo),可以用下面的來實(shí)現(xiàn)
taxWindow.showAsDropDown(anchor, xOffset, yOffset);
好了,這樣就實(shí)現(xiàn)了。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android啟動(dòng)頁出現(xiàn)白屏、黑屏的解決方案
這篇文章主要給大家介紹了關(guān)于Android啟動(dòng)頁出現(xiàn)白屏、黑屏的解決方案,這一個(gè)需求是每位Android開發(fā)者都需要的,最近發(fā)現(xiàn)了一個(gè)不錯(cuò)的解決方法,所以分享給大家,文中給出了詳細(xì)的介紹,需要的朋友可以參考下。2017-12-12Android 中使用 dlib+opencv 實(shí)現(xiàn)動(dòng)態(tài)人臉檢測功能
完成 Android 相機(jī)預(yù)覽功能以后,在此基礎(chǔ)上我使用 dlib 與 opencv 庫做了一個(gè)關(guān)于人臉檢測的 demo。接下來通過本文給大家介紹Android 中使用 dlib+opencv 實(shí)現(xiàn)動(dòng)態(tài)人臉檢測功能 ,需要的朋友可以參考下2018-11-11Android加載loading對(duì)話框的功能及實(shí)例代碼(不退出沉浸式效果)
這篇文章主要介紹了Android加載loading對(duì)話框的功能及實(shí)例代碼,不退出沉浸式效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-12-12Flutter中使用setState時(shí)的6個(gè)簡單技巧總結(jié)
平常在使用flutter的控件時(shí)我們都知道,要刷新頁面那么只需要調(diào)用setState()方法即可,這篇文章主要給大家介紹了關(guān)于Flutter中使用setState時(shí)的6個(gè)簡單技巧,需要的朋友可以參考下2022-05-05如何給Flutter界面切換實(shí)現(xiàn)點(diǎn)特效
這篇文章主要給大家介紹了關(guān)于如何給Flutter界面切換實(shí)現(xiàn)點(diǎn)特效的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Flutter具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09深入Android 五大布局對(duì)象的應(yīng)用
本篇文章小編為大家介紹,深入Android 五大布局對(duì)象的應(yīng)用。需要的朋友參考下2013-04-04Android Flutter利用CustomPaint繪制基本圖形詳解
CustomPaint其實(shí)和前端的Canvas基本上是一樣的,前端Canvas支持的繪制方法CustomPaint都支持,畢竟CustomPaint其實(shí)也是基于Canvas實(shí)現(xiàn)的。本篇我們來介紹 CustomPaint 基本圖形的繪制,感興趣的可以了解一下2022-07-07Android自定義View實(shí)現(xiàn)字母導(dǎo)航欄
通常手機(jī)通訊錄都會(huì)有索引欄,這篇文章主要介紹了Android自定義View實(shí)現(xiàn)字母導(dǎo)航欄,現(xiàn)在分享給大家。2016-10-10Android學(xué)習(xí)教程之動(dòng)態(tài)GridView控件使用(6)
這篇文章主要為大家詳細(xì)介紹了Android動(dòng)態(tài)GridView控件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11