zoukankan      html  css  js  c++  java
  • android 开发 实现一个自定义布局的AlertDialog对话框

       对话框有很多实现方法,最常见的是在一个点击事件中代码直接写出对话框。如下:

    package com.example.lenovo.mydemo2;
    
    import android.content.DialogInterface;
    import android.support.v7.app.AlertDialog;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    
    public class MainActivity extends AppCompatActivity {
        private Button mButton;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            mButton = (Button)findViewById(R.id.button1);
            mButton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
                    //对话框标题设置
                    dialog.setTitle("这个是标题");
                    //对话框内容设置
                    dialog.setMessage("这个是内容");
                    //对话框设置不可以用Back键退出
                    dialog.setCancelable(false);
                   // dialog.clone()
                    /*
                    三种Button
                    Positive Button  正面按键
                    Negative Button  负面按键
                    Neutral Button   中性按键
                     */
                    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.setNeutralButton("忽略", new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            dialog.dismiss();
           :             }
                    });
                    //不要忘记了给对话框添加显示。
                    dialog.show();
                }
            });
        }
    }

    运行效果:



    以上就是直接在代码上实现对话框,但是这样实现对话框有一个缺点,那就是真心不好看,在实际项目中对话框与项目的主题不配套,所以我们就需要自定义实现对话框布局了:

    1.我们首先需要写一个在对话框后点击效果的背景布局图片:

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:state_pressed="false">
            <color android:color="@color/colorWhite"/>
        </item>
        <item
            android:state_pressed="true">
            <color android:color="@color/colorWhiteGray"/>
        </item>
    </selector>

    2.然后需要写一个用于对话框的布局:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="10dp">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_woman_default"/>
             <TextView
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:text="选择添加方式"
                 android:textSize="@dimen/BigTextSize"
                 android:textColor="@color/colorBlue"
                 android:layout_gravity="center"
                 android:layout_marginLeft="10dp"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="1px"
            android:background="@color/colorBlue"
            android:layout_margin="10dp">
        </LinearLayout>
         <LinearLayout
             android:id="@+id/PersonalDataModification_Dialog_CameraButton"
             android:orientation="horizontal"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:background="@drawable/button_background_white_change_gray">
             <ImageView
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:src="@mipmap/ic_camera"/>
             <TextView
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="拍摄照片"
                 android:textSize="@dimen/BigTextSize"
                 android:textColor="@color/colorBlue"
                 android:layout_gravity="center"
                 android:layout_marginLeft="20dp"
                 />
         </LinearLayout>
            <LinearLayout
                android:id="@+id/PersonalDataModification_Dialog_GalleryButton"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/button_background_white_change_gray">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@mipmap/ic_gallery"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="在相册中选择"
                    android:textColor="@color/colorBlue"
                    android:textSize="@dimen/BigTextSize"
                    android:layout_gravity="center"
                    android:layout_marginLeft="20dp"/>
            </LinearLayout>
        </LinearLayout>
    
    </LinearLayout>

    效果图:


    3.下面是实现对话框的Java代码部分:

       public void dialogueBox(){
            AlertDialog.Builder dialog = new AlertDialog.Builder(PersonalDataModification.this);
            View view = LayoutInflater.from(this.getBaseContext()).inflate(R.layout.dialog_layout,null,false);
            dialog.setView(view);
            mDialog_CameraButton = (LinearLayout)view.findViewById(R.id.PersonalDataModification_Dialog_CameraButton);
            mDialog_GalleryButton = (LinearLayout)view.findViewById(R.id.PersonalDataModification_Dialog_GalleryButton);
            mDialog_CameraButton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(PersonalDataModification.this,"点了进入相机",Toast.LENGTH_SHORT).show();
                }
            });
            mDialog_GalleryButton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(PersonalDataModification.this,"点了进入相册",Toast.LENGTH_SHORT).show();
                }
            });
            dialog.show();
        }

    将上面的方法添加到一个点击事件中,就可以实现对话框了。下面我们来看看运行效果:


  • 相关阅读:
    洛谷7月月赛 B 题解
    undone
    树剖学习
    关于两周后noip---小计划
    线段树技巧练习--GSS1
    链式前向星存图及注意要点
    错题集合
    树上差分问题
    2020暑假学习内容整理及后续计划
    安利大佬博客
  • 原文地址:https://www.cnblogs.com/guanxinjing/p/9708618.html
Copyright © 2011-2022 走看看