Android自定义底部弹出Dialog

原创 2016年08月29日 12:47:50

自定义的底部弹出Dialog,设置为抽象类,在使用的Activity中实现具体的点击内容,使用style修改dialog的部分显示效果,设置Window属性使dialog位于屏幕底部。




java代码:

import android.app.Activity;
import android.app.Dialog;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.FrameLayout;

import com.xxx.R;


public abstract class DialogGetHeadPicture extends Dialog implements View.OnClickListener{

    private Activity activity;
    private FrameLayout flt_amble_upload, flt_take_photo_upload;
    private Button btn_cancel;

    public DialogGetHeadPicture(Activity activity) {
        super(activity, R.style.MyDialogTheme);
        this.activity = activity;
    }

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

        flt_amble_upload = (FrameLayout) findViewById(R.id.flt_amble_upload);
        flt_take_photo_upload = (FrameLayout) findViewById(R.id.flt_take_photo_upload);
        btn_cancel = (Button) findViewById(R.id.btn_cancel);

        flt_amble_upload.setOnClickListener(this);
        flt_take_photo_upload.setOnClickListener(this);
        btn_cancel.setOnClickListener(this);

        setViewLocation();
        setCanceledOnTouchOutside(true);//外部点击取消
    }

    /**
     * 设置dialog位于屏幕底部
     */
    private void setViewLocation(){
        DisplayMetrics dm = new DisplayMetrics();
        activity.getWindowManager().getDefaultDisplay().getMetrics(dm);
        int height = dm.heightPixels;

        Window window = this.getWindow();
        WindowManager.LayoutParams lp = window.getAttributes();
        lp.x = 0;
        lp.y = height;
        lp.width = ViewGroup.LayoutParams.MATCH_PARENT;
        lp.height = ViewGroup.LayoutParams.WRAP_CONTENT;
        // 设置显示位置
        onWindowAttributesChanged(lp);
    }


    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.flt_amble_upload:
                amble();
                this.cancel();
                break;
            case R.id.flt_take_photo_upload:
                photo();
                this.cancel();
                break;
            case R.id.btn_cancel:
                this.cancel();
                break;
        }
    }

    public abstract void amble();
    public abstract void photo();

}


界面xml:

<?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="match_parent"
    android:background="#d3d3d3"
    android:orientation="vertical">

    <FrameLayout
        android:id="@+id/flt_amble_upload"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:layout_marginTop="1px"
        android:background="#ffffff">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:drawableLeft="@mipmap/ic_setting_amble"
            android:drawablePadding="13dp"
            android:gravity="center"
            android:text="@string/amble_upload"
            android:textColor="#000000"
            android:textSize="15sp" />
    </FrameLayout>

    <FrameLayout
        android:id="@+id/flt_take_photo_upload"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:layout_marginTop="2px"
        android:background="#ffffff">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:drawableLeft="@mipmap/ic_setting_photo"
            android:drawablePadding="13dp"
            android:gravity="center"
            android:text="@string/take_photo_upload"
            android:textColor="#000000"
            android:textSize="15sp" />
    </FrameLayout>

    <Button
        android:id="@+id/btn_cancel"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:layout_marginTop="2px"
        android:background="#ffffff"
        android:gravity="center"
        android:text="@string/cancel"
        android:textColor="#000000"
        android:textSize="15sp" />
</LinearLayout>


文字(strings.xml)

<string name="amble_upload">相册上传</string>
<string name="take_photo_upload">拍照上传</string>
<string name="cancel">取消</string>


主题(styles.xml)

<style name="MyDialogTheme" parent="@android:style/Theme.Holo.Light">
        <item name="android:windowFrame">@null</item><!-- 边框 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:backgroundDimEnabled">true</item><!-- 外部变灰 -->
        <item name="android:windowContentOverlay">@null</item><!-- 内部阴影 -->
        <item name="android:windowAnimationStyle">@style/dialog_animation</item>
    </style>
    <style name="dialog_animation" parent="@android:style/Animation.Dialog">
        <item name="android:windowEnterAnimation">@anim/push_bottom_in</item>
        <item name="android:windowExitAnimation">@anim/push_bottom_out</item>
</style>


动画(anim文件夹)

push_bottom_in.xml

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

push_bottom_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="300"
        android:fromYDelta="0"
        android:toYDelta="50%p" />

</set>



使用例子:

new DialogGetHeadPicture(Setting.this){
        @Override
        public void amble() {
            //TODO 从相册获取照片
        }
        @Override
        public void photo() {
	    //TODO 拍照获取照片
        }
}.show();


效果图:


版权声明:本文为博主原创文章,未经博主允许不得转载。

Android 控件——利用Dialog实现底部弹出对话框

前言: 实现底部弹框的方式有多种,下面来说说我目前项目中使用到的一种方式效果图如下 使用情景:当用户触发某一事件的时候即可弹出此页面,具体来看看代码是怎么实现的。 (1)在Activity...

Android实现从底部弹出的Dialog(二)

一.概述和Android实现从底部弹出的Dialog(一)一样,我们先上效果图:点击中间的弹出对话框按钮,从底部弹出Dialog,我们可以选择拍照,选择相片,以及取消按钮二.代码实现主页面布局:...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Android DialogFragment实现底部弹出菜单效果

底部弹出式菜单,可以使用PopupWindow 来做,也可以用自定义View来做。当然这里采用DialogFragment来做。DialogFragment是3.0之后引入的,使用DialogFrag...
  • wbwjx
  • wbwjx
  • 2016年01月12日 22:46
  • 7616

Android实现从底部弹出的Dialog(一)

一.概述先给大家看一下效果图:点击中间的显示弹框按钮,从底部弹出来一个对话框,用户可以点击拍照或者从相册选择进行相应的操作,下面看看怎么实现。二.代码实现主页面布局文件,很简单,一个按钮,响应点击事件...

自定义Dialog之底部弹出Dialog

先预览下效果: 自定义Dialog,设置Dialog居于底部并且和屏幕一样宽: public class BottomStyleDialog extends Dialog implemen...

安卓实现底部弹出框/自定义对话框

本文仅供学习参考,如有雷同,纯属巧合 之前写的一个项目需要实现类似微信以前版本的注销提示框的效果,所以就到网上找了一下,发现大家的方法各有所长, 我自己整理了一个方法,在这里做个笔记,如果这篇文章...

Android 实现底部弹出对话框效果

本文主要是利用Dialog 实现 从屏幕底部弹出对话框的效果 并且有动画效果。 线上效果图: 首先先在style.xml中定义对话框的样式 如下 @null ...

android dialog实现底部弹出和手指滑动隐藏效果

直接来看效果图: 第一次隐藏是点击空白区域自动隐藏,第二次是通过手指滑动控制dialog隐藏。 实现这个效果的代码量很少,直接来看代码: @Override protected voi...

android 实现由下至上弹出并位于屏幕底部的提示框

button.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) {...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android自定义底部弹出Dialog
举报原因:
原因补充:

(最多只允许输入30个字)