Android 自定义Dialog

1、drawable

　　

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="10dp"/>

</shape>

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <corners
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp"/>
    
    <solid android:color="#DEDBDE"/>

</shape>

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <corners 
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"/>
    
    <solid 
        android:color="@android:color/white"/>

</shape>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="50dp"/>
    
    <solid android:color="@android:color/holo_orange_light"/>

</shape>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="50dp"/>
    
    <solid android:color="@android:color/darker_gray"/>

</shape>

2、

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/btn_test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="alertDialog"
        android:text="测试点击打开Dialog" />

</LinearLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/darker_gray" >

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginLeft="50dp"
        android:layout_marginRight="50dp"
        android:background="@drawable/dialog_bg"
        android:gravity="center"
        android:orientation="vertical" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/top_style"
            android:gravity="center"
            android:padding="10dp"
            android:text="提示"
            android:textSize="20sp" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            android:gravity="center"
            android:padding="20dp"
            android:text="发现新版本"
            android:textSize="18sp" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            android:gravity="center"
            android:padding="20dp"
            android:text="v3.5.0 → v3.5.1"
            android:textSize="18sp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/bottom_style"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/negative"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:layout_weight="1"
                android:background="@drawable/cancel"
                android:gravity="center"
                android:padding="5dp"
                android:text="取  消"
                android:textColor="@android:color/white"
                android:textSize="18sp" />

            <Button
                android:id="@+id/positive"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:layout_weight="1"
                android:background="@drawable/update"
                android:gravity="center"
                android:padding="5dp"
                android:text="更  新"
                android:textColor="@android:color/white"
                android:textSize="18sp" />
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

3、Dialog主题  values/styles

<style name="DialogTheme">
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowIsFloating">false</item>
    </style>

4、MyDialog继承Dialog

public class MyDialog extends Dialog {

    private RelativeLayout rl;
    private LinearLayout ll;

    private Button positive,negative;
    private String positiveButtonText,negativeButtonText;
    private DialogInterface.OnClickListener positiveButtonClickListener;
    private DialogInterface.OnClickListener negativeButtonClickListener;

    public MyDialog(Context context) {
        super(context, R.style.DialogTheme);
    }

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

    //提供给外部访问设置
    public void setPositiveButton(String positiveButtonText, DialogInterface.OnClickListener listener){
        this.positiveButtonText = positiveButtonText;
        this.positiveButtonClickListener = listener;
    }
    
    public void setNegativeButton(String negativeButtonText, DialogInterface.OnClickListener listener){
        this.negativeButtonText = negativeButtonText;
        this.negativeButtonClickListener = listener;
    }
    
    private void initView() {
        // 设置点击Dialog以外的地方可以关闭Dialog
        //本次测试需要自定义效果，暂且设置不浮动，Dialog占满全屏，使用相对布局，Dialog可见内容部分居中，点击之外的部分可关闭对话框
        initCanceledOnTouchOutside();
        initPositiveButton();
        initNegativeButton();
    }
    
    //初始化positiveButton,当外部调用setPositiveButton时，传递positiveButtonText,并实现接口，回调onClick方法
    private void initPositiveButton() {
        if(positiveButtonText!=null){
            positive = (Button) findViewById(R.id.positive);
            positive.setText(positiveButtonText);
        }
        if(positiveButtonClickListener!=null){
            //外部不自己设置就直接使用xml中默认的
            positive = (Button) findViewById(R.id.positive);
            positive.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    positiveButtonClickListener.onClick(MyDialog.this, DialogInterface.BUTTON_POSITIVE);
                }
            });
        }
    }

    private void initNegativeButton() {
        if(negativeButtonText!=null){
            negative = (Button) findViewById(R.id.negative);
            negative.setText(negativeButtonText);
        }
        if(negativeButtonClickListener!=null){
            //外部不自己设置就直接使用xml中默认的
            negative = (Button) findViewById(R.id.negative);
            negative.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    negativeButtonClickListener.onClick(MyDialog.this, DialogInterface.BUTTON_NEGATIVE);
                }
            });
        }
    }
    
    
    private void initCanceledOnTouchOutside() {
        rl = (RelativeLayout) findViewById(R.id.rl);
        ll = (LinearLayout) findViewById(R.id.ll);

        rl.setOnTouchListener(new OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                dismiss();// 关闭对话框
                return false;
            }
        });
        ll.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {

            }

        });
    }
}

5、MainActivity

public class MainActivity extends Activity {

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

    public void alertDialog(View v){
        MyDialog dialog = new MyDialog(this);
        
        dialog.setPositiveButton("更新你妹", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                //设置你的操作，这里只做关闭对对话框操作
                dialog.dismiss();
            }
        });
        
        dialog.setNegativeButton("取消你弟", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                //设置你的操作，这里只做关闭对话框操作
                dialog.dismiss();
                
            }
        });
        
        dialog.show();
        //使用这个函数设置，必须在自定义Dialog的主题中设置name="android:windowIsFloating">true，否则Dialog将使用全屏
        //本次测试需要自定义效果，暂且设置不浮动，Dialog占满全屏，使用相对布局，Dialog可见内容部分居中，点击之外的部分可关闭对话框
        //diaolg.setCanceledOnTouchOutside(true);
        
        
        
    }
}