Android實(shí)現(xiàn)底部半透明彈出框PopUpWindow效果

Android底部半透明彈出框PopUpWindow,供大家參考,具體內(nèi)容如下

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、網(wǎng)站建設(shè)、監(jiān)利網(wǎng)絡(luò)推廣、成都微信小程序、監(jiān)利網(wǎng)絡(luò)營銷、監(jiān)利企業(yè)策劃、監(jiān)利品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供監(jiān)利建站搭建服務(wù),24小時(shí)服務(wù)熱線:028-86922220,官方網(wǎng)址:bm7419.com

layout布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="#66fafafa"
 android:orientation="vertical">
 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="122dp"
 android:id="@+id/ll_popupwindow"
 android:background="#ffffff"
 android:layout_alignParentBottom="true"
 android:orientation="vertical"
 >
 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="26dp"
 android:orientation="horizontal">

 <TextView
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_weight="1"
  android:id="@+id/popwindow_facebook"
  android:drawableTop="@mipmap/gif_more_facebook"
  android:drawablePadding="12dp"
  android:gravity="center"
  android:text="Facebook"
  android:textColor="#4d4d4d"
  android:textSize="12sp" />

 <TextView
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_weight="1"
  android:id="@+id/popwindow_whatsapp"
  android:drawableTop="@mipmap/gif_more_whatsapp"
  android:drawablePadding="12dp"
  android:gravity="center"
  android:text="WhatsApp"
  android:visibility="gone"
  android:textColor="#4d4d4d"
  android:textSize="12sp" />

 <TextView
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_weight="1"
  android:id="@+id/popwindow_report"
  android:drawableTop="@mipmap/gif_more_report"
  android:drawablePadding="12dp"
  android:gravity="center"
  android:text="Report"
  android:textColor="#4d4d4d"
  android:textSize="12sp" />

 </LinearLayout>

 </LinearLayout>

 </RelativeLayout>

布局示意:

Android實(shí)現(xiàn)底部半透明彈出框PopUpWindow效果

代碼部分:   

/*
 * 在當(dāng)前頁面調(diào)用initPopUpWindow方法,底部彈出popUpWindow
 * 重點(diǎn)在popUpWindow的layout最外層布局設(shè)置android:background="#66fafafa" 半透明
 * */
 private void initPopUpWindow(View root, final String uuid, final String title){
 Log.d("click","init popopop");
 //inflate得到布局 ,底部彈出框的View
 final View popView = LayoutInflater.from(mContext).inflate(
  R.layout.layout_bottom_popwindow, null);
 View rootView = root; // 當(dāng)前頁面的根布局
 //創(chuàng)建popUpWindow對象 寬高占滿頁面
 final PopupWindow popupWindow = new PopupWindow(popView,
  WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT);
 popupWindow.setTouchable(true);
 // 設(shè)置彈出動畫
 popupWindow.setAnimationStyle(R.style.anim_edit_text_popup);
 // 顯示在根布局的底部
 popupWindow.showAtLocation(rootView, Gravity.BOTTOM | Gravity.LEFT, 0,
  0);
 //點(diǎn)擊底部彈出框之外的部分讓popUpWindow 消失
 popView.setOnTouchListener(new View.OnTouchListener() {
  @Override
  public boolean onTouch(View v, MotionEvent event) {
  int height = popView.findViewById(R.id.ll_popupwindow).getTop();
  int y=(int) event.getY();
  if(event.getAction()==MotionEvent.ACTION_UP){
   if(y<height){
   popupWindow.dismiss();
   }
  }
  return true;
  }
 });
 //彈出框中控件的點(diǎn)擊事件
 TextView share_facebook= (TextView) popView.findViewById(R.id.popwindow_facebook);
 share_facebook.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
  share_facebook(uuid,title);
  popupWindow.dismiss();
  }
 });

 final TextView share_whatsApp= (TextView) popView.findViewById(R.id.popwindow_whatsapp);
 boolean whatsappFound = CheckUtils.isAppInstalled(mContext, "com.whatsapp");
 if (whatsappFound) {
  share_whatsApp.setVisibility(View.VISIBLE);
  share_whatsApp.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
   share_whatsapp(uuid,title);
  }
  });
 }

 TextView report= (TextView) popView.findViewById(R.id.popwindow_report);
 report.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
  Intent intent = new Intent(mContext, ReportActivity.class);

  intent.putExtra("fromch", true);

  intent.putExtra("tid", uuid);
  mContext.startActivity(intent);
  popupWindow.dismiss();<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

 <translate
 android:duration="100"
 android:fromYDelta="0.0"
 android:toYDelta="100%" />

</set>
  } }); }

動畫部分

進(jìn)入時(shí)從最下方彈出到最上方

消失時(shí)從最上方向下移動直到隱藏

<style name="anim_edit_text_popup">
 <item name="android:windowEnterAnimation">@anim/popup_in</item>
 <item name="android:windowExitAnimation">@anim/popup_out</item>
</style>

popup_in:

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >

 <translate
 android:duration="100"
 android:fromYDelta="100.0%"
 android:toYDelta="0.0" />

</set>

pop_out:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

 <translate
 android:duration="100"
 android:fromYDelta="0.0"
 android:toYDelta="100%" />

</set>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

分享標(biāo)題:Android實(shí)現(xiàn)底部半透明彈出框PopUpWindow效果
標(biāo)題來源:http://bm7419.com/article6/pcsiog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、搜索引擎優(yōu)化、用戶體驗(yàn)、營銷型網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站內(nèi)鏈

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化