欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

PopupWindow使用方法详解

程序员文章站 2023-12-13 09:20:34
学习了android popupwindow的使用技巧 和【android ui设计与开发】7.底部菜单栏(四)popupwindow 实现显示仿腾讯新闻底部弹出菜单,然后...

学习了android popupwindow的使用技巧 【android ui设计与开发】7.底部菜单栏(四)popupwindow 实现显示仿腾讯新闻底部弹出菜单,然后自己进行了一下研究,写一个总结,方便以后学习。

效果图:

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="点击显示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实例化
    mpopupwindow = new popupwindow( popupview, layoutparams.match_parent, layoutparams.wrap_content, true);
    // 设置popupwindow是否可触摸(设置为不可触摸,那弹出框内的任何控件都不能进行任何点击等等类似操作)
    mpopupwindow.settouchable( true);
    // 设置非popupwindow区域是否可触摸
    // 1.若设置popupwindow获得焦点和非popupwindow区域可触摸,但实际上非popupwindow区域的控件并不能响应点击事件等等
    // 2.若设置popupwindow不可获得焦点,则不管非popupwindow区域被设置能否触摸,实际上非popupwindow区域的控件都能响应点击事件等等
    // 3.若设置popupwindow不可获得焦点,非popupwindow区域被设置能触摸,当点击非popupwindow区域时能隐藏popupwindow,而点击返回键并不能隐藏窗口,
    //  此时通过按钮只能控制窗口的弹出,并不能控制消失,消失只能通过点击其他非popupwindow区域
    mpopupwindow.setoutsidetouchable( false);
    // 如果不设置popupwindow的背景,无论是点击外部区域还是back键都无法dismiss弹框(但目前并没有发现此问题)
//    mpopupwindow.setbackgrounddrawable( new bitmapdrawable( getresources(), (bitmap) null));
    // 设置popupwindow显示和隐藏时的动画
    mpopupwindow.setanimationstyle(r.style.anim_popup_window);
    // 设置popupwindow是否可获得焦点
    // 1.如果设置为可获得焦点,不管非popupwindow区域被设置能否触摸,也会在点击屏幕非popupwindow区域和点击返回键时,使popupwindow隐藏
    // 2.相反,如果设置为不可获得焦点,在点击屏幕非popupwindow区域或点击返回键时,都不能使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()) {
          // 隐藏窗口,如果设置了点击窗口外消失,则不需要此方式隐藏
          mpopupwindow.dismiss();
          tv_show_popup_window.settext("点击显示popupwindow");
        } else {
          // 弹出窗口显示内容视图,默认以锚定视图的左下角为起点,这里为点击按钮
//        mpopupwindow.showasdropdown( view);//默认在view(tv_show_popup_window)的下方出现
          mpopupwindow.showatlocation( layout_home, gravity.bottom, 0, 0);
          tv_show_popup_window.settext("点击使popupwindow消失");

        }
      }
    });
  }

  @override
  public void onclick(view view) {
    switch ( view.getid()){
      case r.id.tv_popup_text:
        toast.maketext( getapplicationcontext(),"我是popupwindow内的一个控件",toast.length_short).show();
        break;
    }
  }
}

注:分析属性时,注释写得有点多,因为发现属性彼此间联系紧密,所以要小心使用才行。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:

下一篇: