溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

PopupWindow使用方法詳解

發(fā)布時間:2020-10-17 09:42:05 來源:腳本之家 閱讀:150 作者:An_nAl 欄目:移動開發(fā)

學(xué)習(xí)了Android PopupWindow的使用技巧 和【Android UI設(shè)計與開發(fā)】7.底部菜單欄(四)PopupWindow 實(shí)現(xiàn)顯示仿騰訊新聞底部彈出菜單,然后自己進(jìn)行了一下研究,寫一個總結(jié),方便以后學(xué)習(xí)。

效果圖:

PopupWindow使用方法詳解

1.PopupWindow的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:background="@color/colorAccent"
  android:gravity="center"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">

  <TextView
    android:id="@+id/tv_popup_text"
    android:layout_width="wrap_content"
    android:layout_height="80dp"
    android:text="我就是彈窗"
    android:textSize="25sp"
    android:textColor="#ffffffff"
    android:layout_centerInParent="true"
    android:gravity="center"/>

</LinearLayout>

2.在res下新建anim文件夾,為窗口彈出消失寫動畫:

popupwindow_in:

<?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>

popupwindow_out:

<?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>

添加style:

 <style name="anim_popup_window">
    <item name="android:windowEnterAnimation">@anim/popupwindow_in</item>
    <item name="android:windowExitAnimation">@anim/popupwindow_out</item>
  </style>

3.主界面布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center"
  android:orientation="vertical"
  android:id="@+id/layout_home"
  android:background="#FFB5C5"
  tools:context="com.lotus.popupwindowdemo.HomeActivity">

  <TextView
    android:id="@+id/tv_show_popup_window"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="20sp"
    android:text="點(diǎn)擊顯示PopupWindow" />
</LinearLayout>

4.主界面代碼:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class HomeActivity extends AppCompatActivity implements View.OnClickListener {

  private LinearLayout layout_home;
  private TextView tv_show_popup_window;
  private PopupWindow mPopupWindow;
  private TextView tv_popup_text;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_home);

    // 引入窗口配置文件:即彈窗的界面
    View popupView = getLayoutInflater().inflate( R.layout.layout_popupwindow, null);
    popupView.setOnClickListener( this);

    tv_popup_text = (TextView) popupView.findViewById(R.id.tv_popup_text);
    tv_popup_text.setOnClickListener(this);

    // PopupWindow實(shí)例化
    mPopupWindow = new PopupWindow( popupView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);
    // 設(shè)置PopupWindow是否可觸摸(設(shè)置為不可觸摸,那彈出框內(nèi)的任何控件都不能進(jìn)行任何點(diǎn)擊等等類似操作)
    mPopupWindow.setTouchable( true);
    // 設(shè)置非PopupWindow區(qū)域是否可觸摸
    // 1.若設(shè)置PopupWindow獲得焦點(diǎn)和非PopupWindow區(qū)域可觸摸,但實(shí)際上非PopupWindow區(qū)域的控件并不能響應(yīng)點(diǎn)擊事件等等
    // 2.若設(shè)置PopupWindow不可獲得焦點(diǎn),則不管非PopupWindow區(qū)域被設(shè)置能否觸摸,實(shí)際上非PopupWindow區(qū)域的控件都能響應(yīng)點(diǎn)擊事件等等
    // 3.若設(shè)置PopupWindow不可獲得焦點(diǎn),非PopupWindow區(qū)域被設(shè)置能觸摸,當(dāng)點(diǎn)擊非PopupWindow區(qū)域時能隱藏PopupWindow,而點(diǎn)擊返回鍵并不能隱藏窗口,
    //  此時通過按鈕只能控制窗口的彈出,并不能控制消失,消失只能通過點(diǎn)擊其他非PopupWindow區(qū)域
    mPopupWindow.setOutsideTouchable( false);
    // 如果不設(shè)置PopupWindow的背景,無論是點(diǎn)擊外部區(qū)域還是Back鍵都無法dismiss彈框(但目前并沒有發(fā)現(xiàn)此問題)
//    mPopupWindow.setBackgroundDrawable( new BitmapDrawable( getResources(), (Bitmap) null));
    // 設(shè)置PopupWindow顯示和隱藏時的動畫
    mPopupWindow.setAnimationStyle(R.style.anim_popup_window);
    // 設(shè)置PopupWindow是否可獲得焦點(diǎn)
    // 1.如果設(shè)置為可獲得焦點(diǎn),不管非PopupWindow區(qū)域被設(shè)置能否觸摸,也會在點(diǎn)擊屏幕非PopupWindow區(qū)域和點(diǎn)擊返回鍵時,使PopupWindow隱藏
    // 2.相反,如果設(shè)置為不可獲得焦點(diǎn),在點(diǎn)擊屏幕非PopupWindow區(qū)域或點(diǎn)擊返回鍵時,都不能使PopupWindow隱藏
    mPopupWindow.setFocusable(false);


    layout_home = (LinearLayout) this.findViewById(R.id.layout_home);
    tv_show_popup_window = (TextView) this.findViewById( R.id.tv_show_popup_window);
    tv_show_popup_window.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        if ( mPopupWindow.isShowing()) {
          // 隱藏窗口,如果設(shè)置了點(diǎn)擊窗口外消失,則不需要此方式隱藏
          mPopupWindow.dismiss();
          tv_show_popup_window.setText("點(diǎn)擊顯示PopupWindow");
        } else {
          // 彈出窗口顯示內(nèi)容視圖,默認(rèn)以錨定視圖的左下角為起點(diǎn),這里為點(diǎn)擊按鈕
//        mPopupWindow.showAsDropDown( view);//默認(rèn)在view(tv_show_popup_window)的下方出現(xiàn)
          mPopupWindow.showAtLocation( layout_home, Gravity.BOTTOM, 0, 0);
          tv_show_popup_window.setText("點(diǎn)擊使PopupWindow消失");

        }
      }
    });
  }

  @Override
  public void onClick(View view) {
    switch ( view.getId()){
      case R.id.tv_popup_text:
        Toast.makeText( getApplicationContext(),"我是PopupWindow內(nèi)的一個控件",Toast.LENGTH_SHORT).show();
        break;
    }
  }
}

注:分析屬性時,注釋寫得有點(diǎn)多,因?yàn)榘l(fā)現(xiàn)屬性彼此間聯(lián)系緊密,所以要小心使用才行。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI