自定义PopupWindow弹出框（带有动画）和调用相册相机布局

最新推荐文章于 2022-05-30 20:36:52 发布
最新推荐文章于 2022-05-30 20:36:52 发布
阅读量420 收藏 1
点赞数
分类专栏： Android控件的功能
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenggaofei/article/details/79172247
版权

使用PopupWindow来实现弹出框，并且带有动画效果




效果一：（第二张图）首先自定义PopupWindow

public class LostPopupWindow extends PopupWindow {
    public Lost lost;
    public void onLost(Lost lost){
        this.lost = lost;
    }
    private View conentView;

    public View getConentView() {
        return conentView;
    }

    public LostPopupWindow(final Activity context) {
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        conentView = inflater.inflate(R.layout.lost_pop_menu, null);
        int h = context.getWindowManager().getDefaultDisplay().getHeight();
        int w = context.getWindowManager().getDefaultDisplay().getWidth();
        // 设置SelectPicPopupWindow的View
        this.setContentView(conentView);
        // 设置SelectPicPopupWindow弹出窗体的宽
        this.setWidth(w / 2 + 50);
        // 设置SelectPicPopupWindow弹出窗体的高
        this.setHeight(LayoutParams.WRAP_CONTENT);
        // 设置SelectPicPopupWindow弹出窗体可点击
        this.setFocusable(true);
        this.setOutsideTouchable(true);
        // 刷新状态
        this.update();
        // 实例化一个ColorDrawable颜色为半透明
        ColorDrawable dw = new ColorDrawable(0000000000);
        // 点back键和其他地方使其消失,设置了这个才能触发OnDismisslistener ，设置其他控件变化等操作
        this.setBackgroundDrawable(dw);
        // mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
        // 设置SelectPicPopupWindow弹出窗体动画效果
        this.setAnimationStyle(R.style.AnimationPreview);
        LinearLayout send = (LinearLayout) conentView
                .findViewById(R.id.send);
        LinearLayout mySend = (LinearLayout) conentView
                .findViewById(R.id.my_send);
        LinearLayout all = (LinearLayout) conentView.findViewById(R.id.all);
        send.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View arg0) {
                LostPopupWindow.this.dismiss();
                lost.onLost(2);
            }
        });

        mySend.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                LostPopupWindow.this.dismiss();
                lost.onLost(1);
            }
        });

        all.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                LostPopupWindow.this.dismiss();
                lost.onLost(0);
            }
        });
    }

    /**
     * 显示popupWindow
     *
     * @param parent
     */
    public void showPopupWindow(View parent) {
        if (!this.isShowing()) {
            // 以下拉方式显示popupwindow
            this.showAsDropDown(parent, parent.getLayoutParams().width / 2, 18);
        } else {
            this.dismiss();
        }
    }

}

R.layout.lost_pop_menu文件

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:background="@drawable/black_menu_pop_bg"
    android:orientation="vertical"
    android:paddingLeft="@dimen/activity_horizontal_margin">

    <LinearLayout
        android:id="@+id/send"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:scaleType="fitXY">

        <ImageView
            android:id="@+id/img5"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:src="@drawable/icon_lost_add" />

        <TextView
            android:id="@+id/item_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:text="发布信息"
            android:textColor="#e5e5e6"
            android:textSize="18sp" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#616467" />

    <LinearLayout
        android:id="@+id/my_send"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/img6"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:scaleType="fitXY"
            android:src="@drawable/icon_lost_my" />

        <TextView
            android:id="@+id/item_content1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:text="我发布的信息"
            android:textColor="#e5e5e6"
            android:textSize="18sp" />
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#616467" />

    <LinearLayout
        android:id="@+id/all"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/img7"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:scaleType="fitXY"
            android:src="@drawable/icon_all" />

        <TextView
            android:id="@+id/item_content2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:text="全部信息"
            android:textColor="#e5e5e6"
            android:textSize="18sp" />
    </LinearLayout>
</LinearLayout>

动画 R.style.AnimationPreview 


<style name="AnimationPreview">
        <item name="android:windowEnterAnimation">@anim/fade_in</item>
        <item name="android:windowExitAnimation">@anim/fade_out</item>
    </style>



@anim/fade_in

<?xml version="1.0" encoding="utf-8"?>
<!-- 左上角扩大-->
<scale   xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromXScale="0.001"
    android:toXScale="1.0"
    android:fromYScale="0.001"
    android:toYScale="1.0"
    android:pivotX="100%"
    android:pivotY="10%"
    android:duration="200" />


@anim/fade_out

<!-- 左上角缩小 -->
<scale   xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromXScale="1.0"
    android:toXScale="0.001"
    android:fromYScale="1.0"
    android:toYScale="0.001"
    android:pivotX="100%"
    android:pivotY="10%"
    android:duration="200" />
调用 

LostPopupWindow popWindow = new LostPopupWindow(ZiXunDetailActivity.this);
                ((ImageView)(popWindow.getConentView().findViewById(R.id.img5))).setImageResource(R.drawable.ckplico);
                ((ImageView)(popWindow.getConentView().findViewById(R.id.img6))).setImageResource(R.drawable.fbplico);
                ((ImageView)(popWindow.getConentView().findViewById(R.id.img7))).setImageResource(R.drawable.zfplico);
                ((TextView)(popWindow.getConentView().findViewById(R.id.item_content))).setText("查看评论");
                ((TextView)(popWindow.getConentView().findViewById(R.id.item_content1))).setText("发表评论");
                ((TextView)(popWindow.getConentView().findViewById(R.id.item_content2))).setText("转发文章");
                popWindow.showPopupWindow(linMain);
                popWindow.onLost(new Lost() {
                    @Override
                    public void onLost(int index) {
                        switch (index){
                            case 0: //转发文章
                                break;
                            case 1:      //发表评论
                                lineFooter.setVisibility(View.VISIBLE);
                                break;
                            case 2://查看评论
                                Bundle bundle=new Bundle();
                                bundle.putString("id",mID);
                                startActivity(PingLunActivity.class, "热门评论", bundle);
                                break;
                        }
                    }
                });
效果二：（第一张图）

1.工具类

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.PopupWindow;

import com.example.lgy.myviewpagerapplication.R;

public class SelectPicPopupWindow extends PopupWindow {


    private Button btn_take_photo, btn_pick_photo, btn_cancel;
    private View mMenuView;

    public SelectPicPopupWindow(Activity context,OnClickListener itemsOnClick) {
        super(context);
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mMenuView = inflater.inflate(R.layout.alert_dialog, null);
        btn_take_photo = (Button) mMenuView.findViewById(R.id.btn_take_photo);
        btn_pick_photo = (Button) mMenuView.findViewById(R.id.btn_pick_photo);
        btn_cancel = (Button) mMenuView.findViewById(R.id.btn_cancel);
        //取消按钮
        btn_cancel.setOnClickListener(new OnClickListener() {

            public void onClick(View v) {
                //销毁弹出框
                dismiss();
            }
        });
        //设置按钮监听
        btn_pick_photo.setOnClickListener(itemsOnClick);
        btn_take_photo.setOnClickListener(itemsOnClick);
        //设置SelectPicPopupWindow的View
        this.setContentView(mMenuView);
        //设置SelectPicPopupWindow弹出窗体的宽
        this.setWidth(LayoutParams.FILL_PARENT);
        //设置SelectPicPopupWindow弹出窗体的高
        this.setHeight(LayoutParams.WRAP_CONTENT);
        //设置SelectPicPopupWindow弹出窗体可点击
        this.setFocusable(true);
        //设置SelectPicPopupWindow弹出窗体动画效果
        this.setAnimationStyle(R.style.AnimationPreview);
        //实例化一个ColorDrawable颜色为半透明
        ColorDrawable dw = new ColorDrawable(0xb0000000);
        //设置SelectPicPopupWindow弹出窗体的背景
        this.setBackgroundDrawable(dw);
        //mMenuView添加OnTouchListener监听判断获取触屏位置如果在选择框外面则销毁弹出框
        mMenuView.setOnTouchListener(new OnTouchListener() {

            public boolean onTouch(View v, MotionEvent event) {

                int height = mMenuView.findViewById(R.id.pop_layout).getTop();
                int y=(int) event.getY();
                if(event.getAction()==MotionEvent.ACTION_UP){
                    if(y<height){
                        dismiss();
                    }
                }
                return true;
            }
        });

    }

}

2.布局，动画就用上面的 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    >

    <LinearLayout
        android:id="@+id/pop_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:layout_alignParentBottom="true"
        android:background="@drawable/bg_home_search"
        >


        <Button
            android:id="@+id/btn_take_photo"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_marginTop="20dip"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="拍照"
            android:background="@drawable/bg_home_search"
            android:textStyle="bold"
            />

        <Button
            android:id="@+id/btn_pick_photo"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_marginTop="5dip"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="从相册选择"
            android:background="@drawable/bg_home_search"
            android:textStyle="bold"
            />

        <Button
            android:id="@+id/btn_cancel"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_marginTop="15dip"
            android:layout_marginBottom="15dip"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="取消"
            android:background="@drawable/bg_home_search"
            android:textStyle="bold"

            />
    </LinearLayout>
</RelativeLayout>

3.按钮背景 

<?xml version="1.0" encoding="utf-8"?>
<!--<shape xmlns:android="http://schemas.android.com/apk/res/android"-->
    <!--android:shape="rectangle">-->
    <!--<corners android:radius="5dp"/>-->
    <!--<solid-->
        <!--android:color="@color/ball_blue"/>-->

<!--</shape>-->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <stroke
        android:width="1dp"
        android:color="#C2C0C0" />
    <solid android:color="#FFFFFF" />
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
    <corners android:radius="5dp" />
</shape>

4.主函数代码 

import android.app.Activity;  
import android.os.Bundle;  
import android.view.Gravity;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.widget.TextView;  
  
public class MainActivity extends Activity {  
  
    //自定义的弹出框类  
    SelectPicPopupWindow menuWindow;  
      
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        TextView tv = (TextView) this.findViewById(R.id.text);  
        //把文字控件添加监听，点击弹出自定义窗口  
        tv.setOnClickListener(new OnClickListener() {             
            public void onClick(View v) {  
                //实例化SelectPicPopupWindow  
                menuWindow = new SelectPicPopupWindow(MainActivity.this, itemsOnClick);  
                //显示窗口  
                menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //设置layout在PopupWindow中显示的位置  
            }  
        });  
    }  
      
    //为弹出窗口实现监听类  
    private OnClickListener  itemsOnClick = new OnClickListener(){  
  
        public void onClick(View v) {  
            menuWindow.dismiss();  
            switch (v.getId()) {  
            case R.id.btn_take_photo:  
                break;  
            case R.id.btn_pick_photo:                 
                break;  
            default:  
                break;  
            }  
              
                  
        }  
          
    };  
      
}



冰糖葫芦三剑客
关注
专栏目录
React Native学习资源汇总
xiangzhihong8的专栏
08-01 2343
目前主流的移动跨平台技术方案大体可以分为三类，一类是使用原生内置浏览器加载HTML5的Hybrid技术方案，采用此种方案的主要有Cordova、Ionic和微信小程序；另一类是使用JavaScript语言进行开发，然后使用原生组件进行渲染，采用此方案的主要有React Native、Weex和快应用；最后一类是使用自带的渲染引擎和自带的原生组件来实现跨平台，采用此种方案的主要是Flutter。 对于其他的浏览器方案，基本可以抛弃了，现在我们讨论移动跨平台开发主要说的是React Native和Flutter
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
一个类实现Android弹出dialog，调用相册，相机截图功能
09-01
一个类实现Android弹出dialog，调用相册，相机截图功能
自定义PopupWindow弹出框（带有动画）
weixin_30360497的博客
09-05 159
使用PopupWindow来实现弹出框，并且带有动画效果 首先自定义PopupWindow 1 public class LostPopupWindow extends PopupWindow { 2 public Lost lost; 3 public void onLost(Lost lost){ 4 this.lost = lost; ...
PopupWindow弹出框
weixin_30709635的博客
09-17 492
使用PopupWindow实现一个悬浮框，悬浮在Activity之上，显示位置可以指定 首先创建pop_window.xml： <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.andr...
PopupWindow弹框
WenHaowen的博客
11-13 287
public class MainActivity extends AppCompatActivity { private ImageView chuan_touxiang; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstan...
PopupWindow实现简单的弹框效果
lishuaileibo的博客
01-15 381
//pop_item为list的集合 View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.pop_item,null); PopupWindow popupWindow = new PopupWindow(view, 200, ViewGroup.LayoutParams.WRAP_CONTENT);
PopupWindow全屏显示以及适配不同手机屏幕之 应用实例 更换头像，拍照，相册选取附带动画效果
帅气大果果
03-06 3059
最近找工作，所以闲余时间还是比较充足的，今晚刚好没有睡意，抽取了一个之前项目中自己写过的一个功能。更换头像，可以拍照，可以从相册选取照片，有裁剪功能。其中的一个坑是PopupWindow的显示位置以及是否全屏显示适配不同手机。 话不多少，先上效果。
仿QQ头像选择
05-26
在Android中，可以通过设置Window的背景颜色为带有透明度的色值（如#AA000000）来实现这一效果。在iOS中，可以使用UIPresentationController自定义转场动画来达到类似目的。 再者，**弹窗**的设计和交互也至关重要...
1000套安卓（Android）毕业设计（带论文）、大作业、实例快速下载 （Android Studio）
web13618542420的博客
05-30 5100
ctrl+F 快速定位 序号 类型 项目名称 1 毕业设计 毕业设计-基于安卓Android学生考勤信息管理系统.zip 2 毕业设计 毕业设计-安卓Android教务选课成绩管理系统.zip 3 毕业设计 114基于Android的理财记账本20141215+论文+需求文档+演示视频.zip.zip 4 毕业设计 Android科大讯飞语音识别.zip 5 毕业设计 基于android的点餐系统.zip.zip 6 毕业设计 Android客户端与服务器端的json数据交互(服务端客户端) .zip .
Android_PopUpWindow_相机-相册
追梦的鱼儿
10-19 1402
private PopupWindow mpopupWindow;private final int SCALE = 5; private static final int REQUEST_CODE_CAMERA = 0x001;//拍照 private static final int REQUEST_CODE_PHOTO = 0x002;//相册 -------------...
PopupWindow弹框+相机相册
橘子丶
12-05 479
package com.example.day07; import android.content.Intent; import android.graphics.Bitmap; import android.graphics.Color; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawa...
PicPopupWindow的使用
weixin_34088598的博客
10-19 98
Github地址https://github.com/lujianfeiccie/android_picpopup_window 效果图1： 效果图2： 本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/p/5235306.html，如需转载请自行联系原作者 ...
调用系统拍照和相册的集成工具类（包含Popwindow的使用）
慢工出细活
11-13 899
调用系统拍照和相册的集成工具类（包含Popwindow的使用）： package com.example.takevideo; import java.io.File; import java.sql.Array; import java.sql.ResultSet; import java.sql.SQLException; import java.util.ArrayList; impor
android选图上传（PicPopupWindow）
u011175087的博客
08-27 292
package com.example.picpopupwindow; import android.app.Activity; import android.content.ActivityNotFoundException; import android.content.Intent; import android.os.Bundle; import android.prov
popupwindow的应用
u010020280的博客
10-10 434
popupwindow在开发过程中经常都会用到，他的效果就像一个布盖在了界面上，让界面失去焦点，下面我们来说下popupwindow的实现： popupwindow显示的界面其实和Activity显示的基本上一样，也是通过 LayoutInflater inflater = (LayoutInflater)context .getSystemService(Context.LA
Android中自定义PopupWindow
aidou1314的博客
08-12 1572
public class SelectPicPopupWindow extends PopupWindow { //指定PopupWindow的宽高 public SelectPicPopupWindow(Context context,int width,int height) { super(context); this.context = context; //PopupWindow中显示的自定义xml布局 LayoutInflater inflater.
android 底部弹出选项，背景透明，PopupWindow的使用
超人很想飞的博客
04-30 1455
http://www.cnblogs.com/zhwl/p/3332636.html 看了这个文章后我才学会的这个东西，先看下面成品，需求不同就不必浪费时间看下去了 这是需要弹出来的布局文件： 需要让它覆盖整个屏幕，后面会将背景设为半透明 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res
PopupWindow使用，弹出菜单窗口
iteye_11914的博客
06-28 218
弹窗，可以使用PopupWindow方式，也可以自己制作一个PopupWindow，下面分说两种方式:   （一）自己制作一个PopupWindow，实际是一个activity，关键是加入自定义的theme     效果图如下:     (1)自定义弹窗activity类SelectPicPopupWindow.java   package com.example.pi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值