底部拖拽弹框android_android 底部消息 拖动清除 - CSDN
  • 1、示例简介:实现手指从屏幕底部向上滑动的方式来显示Dialog。 2、示例展示: 3、示例细节: ①当手指在屏幕下方1/4区域内按下时,在手指按下位置显示Dialog; ②在手指向上滑动的过程中,Dialog能自动根据手指到...
    展开全文
  • 首先在res目录下新建anim目录,在anim目录下建两个动画效果文件,用来控制菜单的弹出和隐藏: image.png popshow_anim.xml: ...set xmlns:android="http://schemas.android.com/apk/res/android"&...

    首先在res目录下新建anim目录,在anim目录下建两个动画效果文件,用来控制菜单的弹出和隐藏:

    image.png


    popshow_anim.xml:

     

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

    上面的是菜单弹出时的效果, translate 位置转移动画效果 duration 属性为动画持续时间 ,fromXDelta 属性为动画起始时 X坐标上的位置 toYDelta 属性为动画结束时 Y坐标上的位置 ,属性里面还可以加上%和p,例如:
    android:toXDelta=”100%”,表示自身的100%,也就是从View自己的位置开始。
    android:toXDelta=”80%p”,表示父层View的80%,是以它父层View为参照的。
    pophidden_anim.xml:

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate
            android:duration="500"
            android:fromYDelta="0"
            android:toYDelta="50%p" />
        <alpha
            android:duration="500"
            android:fromAlpha="1.0"
            android:toAlpha="0.0" />
    </set>
    

    然后在style.xml里新建菜单的style:

    <style name="mypopwindow_anim_style">
            <item name="android:windowEnterAnimation">@anim/popshow_anim</item>
            <!-- 指定显示的动画xml -->
            <item name="android:windowExitAnimation">@anim/pophidden_anim</item>
            <!-- 指定消失的动画xml -->
        </style>
    

    然后是layout目录下:新建名为:pop.xml 的layout文件,布局弹出的窗口:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  xmlns:tools="http://schemas.android.com/tools"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:orientation="vertical"
        android:background="#66999999"
        >
        <LinearLayout
            android:layout_marginTop="30dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
        <TextView
            android:id="@+id/tv_pop_name"
            android:textSize="16sp"
            android:textColor="#fff"
            android:layout_width="wrap_content"
            android:text="一生所爱"
            android:layout_height="wrap_content"/>
        <TextView
            android:id="@+id/tv_pop_title"
            android:layout_marginLeft="20dp"
            android:textSize="16sp"
            android:textColor="#99ffffff"
            android:layout_width="wrap_content"
            android:text="西游"
            android:layout_height="wrap_content"/>
        <TextView
            android:id="@+id/tv_pop_share"
            android:gravity="right"
            android:layout_marginLeft="20dp"
            android:textSize="16sp"
            android:textColor="#ffffff"
            android:layout_width="match_parent"
            android:text="分享"
            android:layout_height="wrap_content"/>
    
        </LinearLayout>
        <TextView
            android:layout_margin="6dp"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/back"/>
        <TextView
            android:id="@+id/tv_pop_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="花时间嗲及时地回家大家覅佛按史都华黄牛党护身符"/>
        <TextView
            android:layout_margin="6dp"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/back"/>
        <TextView
            android:id="@+id/tv_pop_cancel"
        android:textColor="#fff"
        android:textSize="20sp"
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="取消"/>
    </LinearLayout>
    

    这个就不多说了。简单的一个布局。
    在activity_main.xml文件里新建一个Button:用来点击:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/main"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
    
        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:onClick="openPopWindow"
            android:text="点击可以弹出菜单" />
    
    </LinearLayout>
    

    同样button被指定了一个一个响应的函数,即openPopWindow。
    做好前面的之后就可以写MainActivity了:

    public class MainActivity extends AppCompatActivity {
        private PopupWindow popupWindow;
        private View contentView;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            showPopwindow();
        }
        /**
         * 显示popupWindow
         */
        private void showPopwindow() {
            //加载弹出框的布局
            contentView = LayoutInflater.from(MainActivity.this).inflate(
                    R.layout.pop, null);
    
    
            popupWindow = new PopupWindow(contentView,
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT);
            popupWindow.setFocusable(true);// 取得焦点
            //注意  要是点击外部空白处弹框消息  那么必须给弹框设置一个背景色  不然是不起作用的
            popupWindow.setBackgroundDrawable(new BitmapDrawable());
            //点击外部消失
            popupWindow.setOutsideTouchable(true);
            //设置可以点击
            popupWindow.setTouchable(true);
            //进入退出的动画,指定刚才定义的style
           popupWindow.setAnimationStyle(R.style.mypopwindow_anim_style);
    
            // 按下android回退物理键 PopipWindow消失解决
    
        }
    
        @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            if(event.getKeyCode()==KeyEvent.KEYCODE_BACK){
                if(popupWindow!=null&&popupWindow.isShowing()){
                    popupWindow.dismiss();
                    return true;
                }
            }
            return false;
        }
    
        /**
         * 按钮的监听
         * @param v
         */
        public void openPopWindow(View v) {
            //从底部显示
            popupWindow.showAtLocation(contentView, Gravity.BOTTOM, 0, 0);
        }
    }

    加入水平滑动控件

    <HorizontalScrollView
                android:id="@+id/hl_style"
                android:layout_width="match_parent"
                android:layout_height="@dimen/height25px"
                android:layout_marginTop="@dimen/height14px"
                android:layout_marginLeft="@dimen/width27px"
                >
                <LinearLayout
                    android:id="@+id/linear"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="horizontal">
                </LinearLayout>
            </HorizontalScrollView>

    子空间布局

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    
        <ImageView
            android:id="@+id/iv_style"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/shuibiao1"
            android:layout_marginLeft="@dimen/width7px"
            android:layout_marginTop="@dimen/height13px"
            />
        <TextView
            android:id="@+id/tv_month"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#42B6FB"
            android:layout_marginLeft="@dimen/width5px"
            android:text=""
            android:textSize="@dimen/width12px"
            android:layout_marginTop="@dimen/height11px"
            android:background="@drawable/month_selector"
            />
    </LinearLayout>
    private void showPopwindow() {
            //加载弹出框的布局
            contentView = LayoutInflater.from(pipeListenerActivity.this).inflate(
                    R.layout.item_marker_info, null);
    
    
            popupWindow = new PopupWindow(contentView,
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT);
            name = popupWindow.getContentView().findViewById(R.id.tv_name);
            lat = popupWindow.getContentView().findViewById(R.id.tv_lat);
            adress = popupWindow.getContentView().findViewById(R.id.tv_adress);
            phone = popupWindow.getContentView().findViewById(R.id.tv_phone);
            manger = popupWindow.getContentView().findViewById(R.id.tv_manger);
            time = popupWindow.getContentView().findViewById(R.id.tv_time);
            rvMarker = popupWindow.getContentView().findViewById(R.id.rv_marke);
            styleViewAdapter = popupWindow.getContentView().findViewById(R.id.hl_style);
            styleinfoViewAdapter = popupWindow.getContentView().findViewById(R.id.hl_styleinfo);
            mLinearLayout= popupWindow.getContentView().findViewById(R.id.linear);
            mLinearLayout1= popupWindow.getContentView().findViewById(R.id.linear1);
            styleViewAdapter = popupWindow.getContentView().findViewById(R.id.hl_style);
            styleinfoViewAdapter = popupWindow.getContentView().findViewById(R.id.hl_styleinfo);
    
            popupWindow.setFocusable(true);// 取得焦点
            //注意  要是点击外部空白处弹框消息  那么必须给弹框设置一个背景色  不然是不起作用的
            popupWindow.setBackgroundDrawable(new BitmapDrawable());
            //点击外部消失
            popupWindow.setOutsideTouchable(true);
            //设置可以点击
            popupWindow.setTouchable(true);
            //进入退出的动画,指定刚才定义的style
            popupWindow.setAnimationStyle(R.style.mypopwindow_anim_style);
    
            // 按下android回退物理键 PopipWindow消失解决
    
        }
    
    for (int i = 0; i < styleList.size(); i++)
                                    {
                                        View view=LayoutInflater.from(pipeListenerActivity.this).inflate(R.layout.item_month1,mLinearLayout,false);
                                        ImageView img= view.findViewById(R.id.iv_style);
                                        TextView textView = view.findViewById(R.id.tv_month);
                                        switch (styleList.get(i)){
                                            case "a":
                                                img.setImageResource(R.mipmap.li);
                                                break;
                                            case "b":
                                                img.setImageResource(R.mipmap.ya);
                                                break;
                                            
                                        }
                                        textView.setText(styleList.get(i));
                                        mLinearLayout.addView(view);
    
                                        textView.setOnClickListener(new View.OnClickListener() {
                                            @Override
                                            public void onClick(View v) {
    
                                            }
                                        });
                                    }

     

    展开全文
  • 本文主要是介绍Android中实现底部弹窗的的正确姿势,如果你在实现底部弹窗时遇到了一些问题,那么请仔细阅读本文,相信文章会对你有所帮助。

    本文主要是介绍Android中实现底部弹窗的的正确姿势,如果你在实现底部弹窗时遇到了一些问题,那么请仔细阅读本文,相信文章会对你有所帮助,文章有点长,请耐心读完。

    收获早知道

      阅读完本文后,你可以有以下收获

    • 利用PopupWindow实现底部弹窗
    • PopupWindow实现底部弹窗时的缺点
    • 解决利用PopupWindow实现底部弹窗,无法覆盖状态栏的问题
    • 利用dialog实现底部弹窗
    • 利用dialogFragment实现底部弹窗
    • 利用BottomSheetDialog实现底部弹窗
    • 通过阅读源码了解BottomSheetDialog实现底部弹窗的实质

    实现底部弹窗的方式

      由于本人水平有限,只知道一下几种实现底部弹窗的方式

    1. 利用PopupWindow实现底部弹窗。
    2. 利用Dialog实现底部弹窗。
    3. 利用DialogFragment实现底部弹窗。
    4. 利用BottomSheetDialog实现底部弹窗。

    下面,就利用以上四种方式分别实现Android中的底部弹窗。

    利用PopWindow实现底部弹窗

      因为本文主要是介绍实现底部弹窗的方式,所以,不会对PopupWindow进行具体的讲解,大家可以到这里了解PopupWindow

      直接进入主题,按照套路,一步步实现利用PopupWindow实现底部弹窗。首先,写一个布局文件作为PopupWindow中的内容,布局文件如下

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:background="#553b3a3a"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_alignParentBottom="true"
            android:orientation="vertical"
            android:id="@+id/content"
            android:background="@android:color/white"
            android:layout_height="wrap_content">
            <TextView
                android:layout_width="match_parent"
                android:textColor="#333"
                android:text="相机"
                android:padding="8dp"
                android:id="@+id/open_from_camera"
                android:gravity="center"
                android:textSize="15sp"
                android:layout_height="40dp" />
            <TextView
                android:layout_marginTop="1dp"
                android:id="@+id/open_album"
                android:layout_width="match_parent"
                android:textColor="#333"
                android:text="打开图库"
                android:padding="8dp"
                android:gravity="center"
                android:textSize="15sp"
                android:layout_height="40dp" />
            <TextView
                android:layout_marginTop="1dp"
                android:id="@+id/cancel"
                android:layout_width="match_parent"
                android:textColor="#333"
                android:text="取消"
                android:padding="8dp"
                android:gravity="center"
                android:textSize="15sp"
                android:layout_height="40dp" />
        </LinearLayout>
    </RelativeLayout>

    注:这里使用的是填充父窗口的方式,如果不这样做的话,就不能看出遮住后面的效果,看下图更容易理解,左图为填充父布局的方式,右图为
    自适应的方式





    注:因为采用填充父布局的方式,这里弹出的窗口都是PopupWindow,所以点击左图中的阴影弹窗不会消失,因为阴影也是PopupWindow呀! 解决方法就是,把左图中的阴影部分用一个TextView控件填充,然后为这个TextView设置点击事件,点击TextView时让PopupWindow消失就行了

    下面看下利用PopupWindow实现底部弹窗的代码,重要的方法我会具体讲解

    private void initPopupWindow() {
            //要在布局中显示的布局
            contentView = LayoutInflater.from(this).inflate(R.layout.popup_layout, null, false);
            //实例化PopupWindow并设置宽高
            popupWindow = new PopupWindow(contentView, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
            popupWindow.setBackgroundDrawable(new BitmapDrawable());
            //点击外部消失,这里因为PopupWindow填充了整个窗口,所以这句代码就没用了
            popupWindow.setOutsideTouchable(true);
            //设置可以点击
            popupWindow.setTouchable(true);
            //进入退出的动画
            popupWindow.setAnimationStyle(R.style.MyPopWindowAnim);
        }
    
        private void showPopWindow() {
            View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_main, null);
            popupWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);  
        }

    重点看一下这句代码

    popupWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);  

    这句代码是设置弹出窗口从哪里弹出,void showAtLocation (View parent,int gravity,int x,int y)方法有四个参数,第一个参数是父布局,第二个为从父布局的哪里弹出,x和y是相对于父布局弹出位置的偏移量。由于,我们要将mPopWindow放在整个屏幕的最低部,所以我们将R.layout.activity_main做为它的父容器,将其显示在BOTTOM的位置。

      再仔细看下上图,利用PopupWindow实现从底部的弹窗并不能覆盖到状态栏,下面就来解决这个问题。

    解决PopupWindow弹出的窗口不能覆盖状态栏问题

      想要覆盖到状态栏还需要添以下代码

    //弹出的窗口是否覆盖状态栏
        public void fitPopupWindowOverStatusBar(boolean needFullScreen) {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                try {
                    //利用反射重新设置mLayoutInScreen的值,当mLayoutInScreen为true时则PopupWindow覆盖全屏。
                    Field mLayoutInScreen = PopupWindow.class.getDeclaredField("mLayoutInScreen");
                    mLayoutInScreen.setAccessible(true);
                    mLayoutInScreen.set(popupWindow, needFullScreen);
                } catch (NoSuchFieldException e) {
                    e.printStackTrace();
                } catch (IllegalAccessException e) {
                    e.printStackTrace();
                }
            }
        }

    再改变一下显示PopupWindow的代码,如下

            //设置是否遮住状态栏
            fitPopupWindowOverStatusBar(true);
            View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_main, null);
            popupWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);

    再看下效果


    好了,到此完美解决问题,可以发现利用PopupWindow实现底部弹窗其实还是挺麻烦的。

    利用Dialog实现底部弹窗

      先看下代码,然后在讲解

    public class DialogFromBottom extends Dialog{
        private final static int mAnimationDuration = 200;
        // 持有 ContentView,为了做动画
        private View mContentView;
        private boolean mIsAnimating = false;
    
        private OnBottomSheetShowListener mOnBottomSheetShowListener;
    
        public DialogFromBottom(@NonNull Context context) {
            super(context, R.style.AppTheme_BottomSheet);
        }
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            getWindow().getDecorView().setPadding(0, 0, 0, 0);
            // 在底部,宽度撑满
            WindowManager.LayoutParams params = getWindow().getAttributes();
            params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
            params.gravity = Gravity.BOTTOM | Gravity.CENTER;//dialog从哪里弹出
            //弹出窗口的宽高
            int screenWidth = QMUIDisplayHelper.getScreenWidth(getContext());
            int screenHeight = QMUIDisplayHelper.getScreenHeight(getContext());
            params.width = screenWidth < screenHeight ? screenWidth : screenHeight;
            getWindow().setAttributes(params);
            setCanceledOnTouchOutside(true);
        }
        //设置弹出dialog中的layout
        @Override
        public void setContentView(int layoutResID) {
            mContentView = LayoutInflater.from(getContext()).inflate(layoutResID, null);
            super.setContentView(mContentView);
        }
    
        @Override
        public void setContentView(@NonNull View view) {
            mContentView = view;
            super.setContentView(view);
        }
    
        @Override
        public void setContentView(@NonNull View view, ViewGroup.LayoutParams params) {
            mContentView = view;
            super.setContentView(view, params);
        }
        /**
         * BottomSheet升起动画
         */
        private void animateUp() {
            if (mContentView == null) {
                return;
            }
            TranslateAnimation translate = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f,
                    Animation.RELATIVE_TO_SELF, 1f, Animation.RELATIVE_TO_SELF, 0f
            );
            AlphaAnimation alpha = new AlphaAnimation(0, 1);
            AnimationSet set = new AnimationSet(true);
            set.addAnimation(translate);
            set.addAnimation(alpha);
            set.setInterpolator(new DecelerateInterpolator());
            set.setDuration(mAnimationDuration);
            set.setFillAfter(true);
            mContentView.startAnimation(set);
        }
    
        /**
         * BottomSheet降下动画
         */
        private void animateDown() {
            if (mContentView == null) {
                return;
            }
            TranslateAnimation translate = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f,
                    Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 1f
            );
            AlphaAnimation alpha = new AlphaAnimation(1, 0);
            AnimationSet set = new AnimationSet(true);
            set.addAnimation(translate);
            set.addAnimation(alpha);
            set.setInterpolator(new DecelerateInterpolator());
            set.setDuration(mAnimationDuration);
            set.setFillAfter(true);
            set.setAnimationListener(new Animation.AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {
                    mIsAnimating = true;
                }
    
                @Override
                public void onAnimationEnd(Animation animation) {
                    mIsAnimating = false;
                    /**
                     * Bugfix: Attempting to destroy the window while drawing!
                     */
                    mContentView.post(new Runnable() {
                        @Override
                        public void run() {
                            // java.lang.IllegalArgumentException: View=com.android.internal.policy.PhoneWindow$DecorView{22dbf5b V.E...... R......D 0,0-1080,1083} not attached to window manager
                            // 在dismiss的时候可能已经detach了,简单try-catch一下
                            try {
                                DialogFromBottom.super.dismiss();
                            } catch (Exception e) {
                            //这里处理异常
                            }
                        }
                    });
                }
    
                @Override
                public void onAnimationRepeat(Animation animation) {
    
                }
            });
            mContentView.startAnimation(set);
        }
    
        @Override
        public void show() {
            super.show();
            animateUp();
            if (mOnBottomSheetShowListener != null) {
                mOnBottomSheetShowListener.onShow();
            }
        }
    
        @Override
        public void dismiss() {
            if (mIsAnimating) {
                return;
            }
            animateDown();
        }
        public interface OnBottomSheetShowListener {
            void onShow();
        }
    }

    额,代码有点长,其实很容易理解,这里主要说下onCreate方法中的内容,可以仔细看下注释。

     @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            getWindow().getDecorView().setPadding(0, 0, 0, 0);//把父布局的padding都设为0,目的是可以dialog撑满全屏。
            // 在底部,宽度撑满
            WindowManager.LayoutParams params = getWindow().getAttributes();
            params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
            params.gravity = Gravity.BOTTOM | Gravity.CENTER;//dialog从底部弹出
            //弹出窗口的宽高,DisplayHelper.getScreenWidth(getContext());和DisplayHelper.getScreenHeight(getContext());是拿到屏幕的宽高。
            int screenWidth = DisplayHelper.getScreenWidth(getContext());
            int screenHeight = DisplayHelper.getScreenHeight(getContext());
            params.width = screenWidth < screenHeight ? screenWidth : screenHeight;//适配手机横屏
            getWindow().setAttributes(params);//重新设置dialog的属性
            setCanceledOnTouchOutside(true);//设置触摸dialog以外,dialog是否消失
        }

    利用Dialog实现底部弹窗就是继承系统Dialog然后重写了onCreate方法,设置dialog从底部弹出。因为是继承Dialog,所以有Dialog的特性,既触摸底部弹窗以外的部分,弹窗会自动消失,这里就不在演示,可以在文末获取源码,自己实验一下就知道了。

    利用DialogFragment实现底部弹窗

      在实现弹窗之前,先了解一下DialogFragment

    DialogFragment在android 3.0时被引入。是一种特殊的Fragment,用于在Activity的内容之上展示一个模态的对话框。

      使用DialogFragment至少需要实现onCreateView或者onCreateDIalog方法。onCreateView即使用定义的xml布局文件展示Dialog。onCreateDialog即利用AlertDialog或者Dialog创建出Dialog。下面通过实现onCreateView方法来实现底部弹窗。

     @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.dialog_layout, container, false);
            return view;
        }
        @Override
        public void onStart() {
            super.onStart();
            initParams();//初始化弹窗的参数
        }
        private void initParams() {
            Window window = getDialog().getWindow();
            if (window != null) {
                WindowManager.LayoutParams lp = window.getAttributes();
                //调节灰色背景透明度[0-1],默认0.5f
                lp.dimAmount = dimAmount;
                //是否在底部显示
                if (showBottom) {
                    lp.gravity = Gravity.BOTTOM;
                    if (animStyle == 0) {
                        animStyle = R.style.DefaultAnimation;
                    }
                }
                //设置dialog宽度
                if (width == 0) {
                    lp.width = DisplayHelper.getScreenWidth(getActivity()) - 2 * DisplayHelper.dp2px(getActivity(), margin);
                } else {
                    lp.width = DisplayHelper.dp2px(getActivity(), width);
                }
                //设置dialog高度
                if (height == 0) {
                    lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
                } else {
                    lp.height = DisplayHelper.dp2px(getActivity(), height);
                }
                //设置dialog进入、退出的动画
                window.setWindowAnimations(animStyle);
                window.setAttributes(lp);
            }
            setCancelable(outCancel);//设置点击外部是否消失
        }

    因为DialogFragment也是Fragment,所以,DialogFragment有和Fragment一样的生命周期,在onStart方法中初始化弹窗的数据,在onCreateView中加载布局,同样,和Fragment使用方法也是一样的,下面看下在Activity中的使用

    void showDialog() {
            FragmentTransaction ft = getFragmentManager().beginTransaction();
            // Create and show the dialog.
            DialogFragmentFromBottom newFragment = new DialogFragmentFromBottom();
            newFragment.show(ft, "dialog");
        }

    利用BottomSheetDialog实现底部弹窗

      这种方式实现底部弹窗,我之前并没有用过,还是这篇文章下面的评论说现在都在用bottonSheetDialog了,我才知道可以用这种方式实现底部弹窗。亡羊补牢,为时不晚,为了以后让阅读本文的人可以知道这种方式,就赶紧把这种实现底部弹窗的方式加到本文中了。使用BottonSheetDialog真的非常简单,就像直接使用Dialog一样,下面看一下使用的代码

     //使用BottomSheetDialog方式实现底部弹窗
        void showBottomSheetDialog(){
            BottomSheetDialog bottomSheet = new BottomSheetDialog(this);//实例化BottomSheetDialog
            bottomSheet.setCancelable(true);//设置点击外部是否可以取消
            bottomSheet.setContentView(R.layout.dialog_layout);//设置对框框中的布局
            bottomSheet.show();//显示弹窗
        }

    代码很简单,现在看下BottomSheetDialog的源码,BottomSheetDialog是继承AppCompatDialog的,间接的继承了Dialog,然后重写量一些方法,下面看代码

        //设置需要展示的view
        @Override
        public void setContentView(@LayoutRes int layoutResId) {
            super.setContentView(wrapInBottomSheet(layoutResId, null, null));
        }
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            Window window = getWindow();
            if (window != null) {
                if (Build.VERSION.SDK_INT >= 21) {
                    //设置5.0以上系统状态栏
                    window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                    window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                }
                //设置布局的属性
                window.setLayout(ViewGroup.LayoutParams.MATCH_PARENT,
                        ViewGroup.LayoutParams.MATCH_PARENT);
            }
        }

    可以发现setContentView引用了wrapInBottomSheet方法,wrapInBottomSheet方法就是实现底部弹窗的重要方法,下面看下这个方法的内容

     private View wrapInBottomSheet(int layoutResId, View view, ViewGroup.LayoutParams params) {
            final FrameLayout container = (FrameLayout) View.inflate(getContext(),
                    R.layout.design_bottom_sheet_dialog, null);
            final CoordinatorLayout coordinator =
                    (CoordinatorLayout) container.findViewById(R.id.coordinator);
            if (layoutResId != 0 && view == null) {
                view = getLayoutInflater().inflate(layoutResId, coordinator, false);
            }
            FrameLayout bottomSheet = (FrameLayout) coordinator.findViewById(R.id.design_bottom_sheet);//这个view就是放置我们自己布局的容器
            mBehavior = BottomSheetBehavior.from(bottomSheet);
            mBehavior.setBottomSheetCallback(mBottomSheetCallback);
            mBehavior.setHideable(mCancelable);
            if (params == null) {
                bottomSheet.addView(view);
            } else {
                bottomSheet.addView(view, params);
            }
            // We treat the CoordinatorLayout as outside the dialog though it is technically inside
            coordinator.findViewById(R.id.touch_outside).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    if (mCancelable && isShowing() && shouldWindowCloseOnTouchOutside()) {
                        cancel();
                    }
                }
            });
            //此处省略部分代码
            ......
            return container;
        }

    可以看到wrapInBottomSheet这个方法主要是将我们自己的布局放在design_bottom_sheet_dialog这个layout中的id为design_bottom_sheet的view中了,看下design_bottom_sheet_dialog这个布局你就会明白了

    <?xml version="1.0" encoding="utf-8"?>
    <!--
      ~ Copyright (C) 2015 The Android Open Source Project
      ~
      ~ Licensed under the Apache License, Version 2.0 (the "License");
      ~ you may not use this file except in compliance with the License.
      ~ You may obtain a copy of the License at
      ~
      ~      http://www.apache.org/licenses/LICENSE-2.0
      ~
      ~ Unless required by applicable law or agreed to in writing, software
      ~ distributed under the License is distributed on an "AS IS" BASIS,
      ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
      ~ See the License for the specific language governing permissions and
      ~ limitations under the License.
    -->
    <FrameLayout
        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:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">
    
        <android.support.design.widget.CoordinatorLayout
            android:id="@+id/coordinator"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true">
    
            <View
                android:id="@+id/touch_outside"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:importantForAccessibility="no"
                android:soundEffectsEnabled="false"
                tools:ignore="UnusedAttribute"/>
    
            <FrameLayout
                android:id="@+id/design_bottom_sheet"
                style="?attr/bottomSheetStyle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal|top"
                android:clickable="true"
                app:layout_behavior="@string/bottom_sheet_behavior"/>
    
        </android.support.design.widget.CoordinatorLayout>
    </FrameLayout>

      通过阅读源码你会发现BottemSheetDialog的实质就是Dialog中填充了一个全屏的布局,然后在这个布局的底部把你自己的布局放置进去。

    结束语

      好了,到这里四种实现底部弹窗的方式已经讲完了,大家可以下载源码研究一下,源码在这里,在做项目时选择最适合的就好,在这里还是推荐使用BottomSheetDialog吧!毕竟使用很简单。

    转载请注明出处:www.wizardev.com

    展开全文
  • 当我们向下拖拽时,BottomSheetBehavior的状态变为了STATE_HIDDEN,而BottomSheetDialog在内部用BottomSheetBehavior对状态做了处理,再次show之后,系统未恢复bottomSheetDialogBehavior的状态,还是隐藏 ...

    当我们向下拖拽时,BottomSheetBehavior的状态变为了STATE_HIDDEN,而BottomSheetDialog在内部用BottomSheetBehavior对状态做了处理,再次show之后,系统未恢复bottomSheetDialogBehavior的状态,还是隐藏

    final BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from((View) bottomView.getParent());
    bottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
    if (mUiData.getBottomSheetDialog() == null) {
        mUiData.getBottomSheetDialog().setOnDismissListener(new DialogInterface.OnDismissListener() {
            @Override
            public void onDismiss(DialogInterface dialog) {
                bottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
            }
        });
    
    }
    mUiData.getBottomSheetDialog().show();
    

     

    转:https://blog.csdn.net/u010198148/article/details/53670629

    展开全文
  • 网上也有很多的开源项目像 [Android Sliding Up Panel] AndroidAndroid Support Library 23.2里的 Design Support Library也有一个新的控件Bottom Sheets。用起来也比较简单。CoordinatorLayout作为父布局 ...
  • BottomSheetBehavior 和 ...BottomSheetDialog使用方法和正常的弹框是一样的,他的内部是通过BottomSheetBehavior来控制弹框的收起和弹出等状态。BottomSheetBehavior的状态: /** * The bottom sheet is d
  • 首先看效果 调用方式也非常的简单如下: //操作需要用到的图片icon final int itemIconIds[] = new int[] { R.drawable.p_trends_comment, R.drawable.p_trends_forward, R.drawable.p_trends_share,
  • 先看效果图 项目的总结构 下面开始贴代码,由于必要的地方都添加了注释,所以不过多讲解 anim_button.xml ...<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android
  • Android中,很常见的功能就是弹框,而弹框又有许多不同的需求,比如视频全屏播放时屏幕四周弹出的控制栏、可以随意拖动的悬浮框、上拉/下拉列表等等。而这各类弹框,都可以用PopUpWindow来实现。接下来就分享一款...
  • 今天我们的主题是Design Support Library中新增的控件BottomSheetDialog,顾名思义,就是底部弹出,下滑关闭的对话框。 没图没真香,我们先来看看效果图: 效果图 网易云效果 demo效果(丑了点,见谅) 基本使用 1...
  • Android 仿美团网 大众点评购买框悬浮效果之修改版
  • 项目中有一个界面,是让用户查看协议内容的,界面上有一个scrollview和最下面的已阅读单选按钮,需求是要求已阅读按钮一开始是不可见的,需要用户当阅读协议,滚动到最低端才能看见,所以就到处找如何能监听...
  • 【公众号回复 “1024”,免费领取程序员赚钱实操经验】今天章鱼猫带领大家来看一个基于 Android 的弹窗库,其实对于做 Android 的兄弟姐妹来讲,各种样式的弹...
  • android 水下气泡上升界面效果
  • 这篇文章主要是仿Keep,通过监听ScrollView滚动事件和滚动状态(开始、停止)来实现向上滑动时PopupWindow向右退出消失,向下移动时PopupWindow向左推出出现的功能,感觉很有趣,于是想着自己动手也实现这样一个功能...
  • 首先展示一张效果图: 可以看到地图页面下边被一个附近校园列表遮挡,之前定位完成之后大头针指向的位置在整个屏幕的正中央,定位是正确的,而需求是定位之后大头针指向的地址应该在地图可见区域的正中央。...
  • 要实现view跟随手指拖拽,可以获取view的layoutParams,然后重新设置它的位置 先看一下效果图吧(图一): 图一 我们在mMenuView.rlMySettingsUserPopAll(最父级别的view下的RelactiveLayout布局)的onTouch...
  • 如图,取消那个勾就能恢复了:
  • Android 分享控件

    2019-02-28 02:05:28
    现在我就来模仿实现这种效果,不仅使分享控件从屏幕底部弹出,还要使分享控件能够上下拖动,这就需要使用到 design 包提供的 BottomSheetDialog 控件了 首先,声明 BottomSheetDialog 对话框的主布局 dialog_bottom_...
  • 下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 ...│ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
1 2 3 4 5 ... 9
收藏数 174
精华内容 69
关键字:

底部拖拽弹框android