PopupWindow弹出窗的简单实现

PopupWindow这个类用来实现一个弹出框, 可以使用任意布局的View作为其内容,这个弹出框是悬浮在当前activity之上的。如下图为微信上的一个简单的弹出窗:


                                   

现在我们就来简单的实现一下这个功能,我们选择第二个弹出的例子来学习弹出窗的开发过程:

一、定义弹出窗的布局文件

<?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:orientation="vertical"
    android:background="@drawable/btn_style_alert_dialog_background">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="拍照"
        android:id="@+id/btnTakePhoto"
        android:background="@drawable/btnseletor_photo"<span style="font-family:微软雅黑;">//这儿是图片选择器,选中和默认的图片的显示不同</span>
        />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="从相册选择"
        android:id="@+id/btnChoose"
        android:background="@drawable/btnseletor_photo"
        android:layout_marginTop="5dp"
        />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="取消"
        android:id="@+id/btnCancel"
        android:background="@drawable/btnseletor_cancel"
        android:layout_marginTop="12dp"
        />
</LinearLayout>

二、创建并初始化弹出框

 /**
     * 创建并初始化弹出框
     */
    private void initPopWindow() {
        View view = this.getLayoutInflater().inflate(R.layout.layout_pop,
                (ViewGroup) getWindow().getDecorView(),
                false);
        popupWindow = new PopupWindow(view,
                WindowManager.LayoutParams.MATCH_PARENT,
                WindowManager.LayoutParams.WRAP_CONTENT,true);

        popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
      
    }


 三、显示弹出窗 

 popupWindow.showAtLocation(this.getWindow().getDecorView(), Gravity.BOTTOM,0,0);
通过前面的三个步骤,咋们就可以看见我们的弹出窗了,但是为了让我们的弹出窗能够有一个动画的效果,增强用户体验。那么我们应该给弹出窗增加动画效果。步骤也分三个:

  1.定义动画的布局文件 

弹出窗进入的动画:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!---->
    <translate android:duration="1000"
        android:fromYDelta="100%p" android:toYDelta="0"></translate>

    <alpha
        android:fromAlpha="0.0"
        android:toAlpha="1.0"
        android:duration="1000"/>
</set>
弹出窗取消的动画:
<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate android:duration="2000"
        android:fromYDelta="0" android:toYDelta="100%p"></translate>
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0"
        android:duration="2000"/>
</set>
    2.定义弹出窗 
动画的样式 

<pre name="code" class="html"> <style name="Popwindow" parent="android:Animation">

        <item name="android:windowEnterAnimation">@anim/anim_translate_in</item>
        <item name="android:windowExitAnimation">@anim/anim_translate_out</item>
    </style>


    3.在创建弹出窗的时候设置动画样式  
 popupWindow.setAnimationStyle(R.style.Popwindow);

   最终的效果如下:

                                                               





  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值