Android自定义Dialog

最新推荐文章于 2021-07-15 10:10:27 发布

weixin_33725270

最新推荐文章于 2021-07-15 10:10:27 发布

阅读量75

点赞数

文章标签：移动开发 java python

原文链接：https://my.oschina.net/symahll/blog/485144

版权

2019独角兽企业重金招聘Python工程师标准>>>

第一种：使用AlertDialog.Builder创建的Dialog，使用系统默认样式的Dialog,我们先看一下效果：

下面是实现方式：

1：创建布局zuohao_dialog.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:orientation="vertical" 
    android:background="#606060"
    android:gravity="center"
    >
    
    <LinearLayout 
        android:layout_width="200dp"
        android:layout_height="80dp"
        android:orientation="horizontal"
        android:gravity="center"
        >
        <EditText 
            android:id="@+id/et_setzuohao"
            android:layout_width="200dp"
            android:layout_height="40dp"
            android:inputType="number"
            android:background="@drawable/main_et_zuohao_style"
            android:hint="请输入您的桌号"
            android:paddingLeft="10dp"
            android:gravity="center_vertical"
            android:editable="false"
            />
        </LinearLayout>
</LinearLayout>

2：java代码：

AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
            
            dialog.create();
            
            dialog.setTitle("您好：");
            
            viewdialog=LayoutInflater.from(MainActivity.this).inflate(R.layout.zuohao_dialog, null);
            
            
            
            dialog.setView(viewdialog);
            
            
            dialog.setNegativeButton("确定", new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialog, int which)
                {
                    final EditText etzuohao=(EditText) viewdialog.findViewById(R.id.et_setzuohao);
                    
                    etzuohao.setOnClickListener(new OnClickListener() {
                        
                        @Override
                        public void onClick(View arg0) {
                            
                            etzuohao.setHint("");
                        }
                    });
                    
                    et_zuohao=etzuohao.getText().toString();
                    
                    tv_zuohao.setText(et_zuohao+"号桌");
                    
                    //使用SharedPreferences将桌号保存
                    SharedPreferences spzuohao=getSharedPreferences("zuohao", MODE_PRIVATE);
                    
                    Editor editor=spzuohao.edit();
                    
                    editor.putString("zuohao",et_zuohao );
                    
                    editor.commit();
                    
                    dialog.dismiss();
                }
            });
            dialog.setPositiveButton("取消", new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialog, int which)
                {
                    dialog.dismiss();
                }
            });
            dialog.create().show();

第二种：使用自定义样式的Dialog

效果图：

1：一样还是布局：zuohao_dialog1.xml

<?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="500dp"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    >

    <LinearLayout 
        android:layout_width="500dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center_horizontal"
        >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/dialog_title"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:orientation="horizontal" >
        <ImageView 
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10dp"
            android:src="@drawable/ic_launcher"
            />
        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="8dp"
            android:textSize="16sp"
            android:text="您好："
            />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="100dp"
        android:background="@drawable/dialog_body"
         android:orientation="vertical" 
        android:gravity="center">

        <TextView
            android:id="@+id/dialog_message"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp" 
            android:textSize="22sp"
            android:textColor="#FF000000"
             android:layout_marginTop="20dp"
             android:visibility="gone"
            />
        <EditText 
            android:id="@+id/et_setzuohao1"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:inputType="number"
            android:background="@drawable/main_et_zuohao_style"
            android:hint="请输入您的桌号"
            android:paddingLeft="10dp"
            android:gravity="center_vertical"
            android:editable="false"
            android:layout_margin="20dp"
            />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:background="@drawable/dialog_bottom"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/dialog_btok"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="@drawable/login_btok"
            android:text="确定"
            android:textColor="#ffffff"
            android:layout_weight="1"
            android:singleLine="true" 
            android:layout_marginLeft="20dp"
            />

        <Button
            android:id="@+id/dialog_btresult"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="@drawable/login_btok"
            android:text="取消"
            android:textColor="#ffffff"
            android:layout_weight="1"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:singleLine="true" 
            />
    </LinearLayout>
</LinearLayout>
</LinearLayout>

2：java代码：

final View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.zuohao_dialog1, null);
                TextView tv_message=(TextView) view.findViewById(R.id.dialog_message);
                tv_message.setVisibility(View.VISIBLE);
                tv_message.setText("\t\t\t\t\t\t"+"请先输入您的桌号，方便您下单，或者点击屏幕右上角的“获取桌号”!");
                
                Button btok=(Button) view.findViewById(R.id.dialog_btok);
                Button btresult=(Button) view.findViewById(R.id.dialog_btresult);
                final EditText et_zuohao1=(EditText) view.findViewById(R.id.et_setzuohao1);
                
                
                
                //R.style.dialog，这个样式需在values\styles.xml文件中自己定义
                final Dialog dialog = new Dialog(MainActivity.this,R.style.dialog);//,R.style.dialog
                Window dialogWindow = dialog.getWindow();
                WindowManager.LayoutParams params = dialog.getWindow().getAttributes(); // 获取对话框当前的参数值
                dialogWindow.setAttributes(params);
                dialog.setContentView(view);
                
                btok.setOnClickListener(new OnClickListener() {
                    
                    @Override
                    public void onClick(View arg0) {
                        
                        
                        
                        String zuohaostr1=et_zuohao1.getText().toString().trim();
                        
                        Log.e("MainAct", "zuohao"+zuohaostr1);
                        
                        tv_zuohao.setText(zuohaostr1+"号桌");
                        
                        dialog.dismiss();
                        
                    }
                });
            
                btresult.setOnClickListener(new OnClickListener() {
                    
                    @Override
                    public void onClick(View arg0) {
                        dialog.dismiss();
                    }
                });
                dialog.show();

需要注意的是上面这段代码中的其中定义Dialog的样式，如下：

final Dialog dialog = new Dialog(MainActivity.this,R.style.dialog);

其中R.style.dialog这个需在values\styles.xml文件中自己定义：定义方式如下：

<!-- 自定义Dialog样式 -->
    <style name="dialog" parent="@android:style/Theme.Dialog">

            <item name="android:windowFrame">@null</item>

            <item name="android:windowIsFloating">true</item>

            <item name="android:windowIsTranslucent">true</item>

            <item name="android:windowNoTitle">true</item>

            <item name="android:background">@android:color/transparent</item>

            <item name="android:windowBackground">@android:color/transparent</item>

            <item name="android:backgroundDimEnabled">true</item>

            <item name="android:backgroundDimAmount">0.6</item>
   </style>

第三种：自定义对话框，将自定义的对话框进行封装，此处转载一位同行的帖子，里面讲的很详细

效果图：

第四种：圆形进度条对话框：

1：先定义一个布局：login_dialog.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:orientation="horizontal"
    android:id="@+id/dialog"
     >
    
    <ImageView
        android:id="@+id/login_dialog_imag"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/round"
        ></ImageView>
    <TextView
        android:id="@+id/login_dialog_msg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:textSize="20dp" />

</LinearLayout>

2：values\styles.xml里面定义其样式：

<!-- 自定义登录圆形Dialog样式 -->
    <style name="loading_dialog" parent="android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@color/touming</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>

3：在res文件夹下新建一个名叫anim的文件夹，定义它的动画效果：login_dialog_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    
    <rotate
        android:interpolator="@android:anim/linear_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fromDegrees="0"
        android:toDegrees="+360"
        android:duration="1500"
        android:startOffset="-1"
        android:repeatMode="restart"
        android:repeatCount="-1"
        ></rotate>
</set>

4：自定义Dialog关联布局，样式，动画：LoginDialog.java

package com.ywsym.tuan.dialog;

import android.app.Dialog;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.ywsym.tuan.R;

/**
 * 创建一个Dialog类，创建一个静态的方法，返回的Dialog实体，并传递两个参数
 * context表示上下文对象，msg表示对话框提示信息
 * */
public class LoginDialog {

    public static Dialog CreateDialog(Context context,String msg){
        
        //1：先创建子布局选择器对象
        LayoutInflater inflater=LayoutInflater.from(context);
        
        //获取dialog布局
        View dialogView=inflater.inflate(R.layout.login_dialog, null);
        
        //获取dialog布局总布局LinearLayout
        LinearLayout layout=(LinearLayout) dialogView.findViewById(R.id.dialog);
        
        //获取布局上的控件对象
        ImageView dialog_imag=(ImageView) dialogView.findViewById(R.id.login_dialog_imag);
        
        TextView dialog_msgtv=(TextView) dialogView.findViewById(R.id.login_dialog_msg);
        
        //给当前对话框加入动画
        Animation anim=AnimationUtils.loadAnimation(context, R.anim.login_dialog_anim);
        
        //将动画效果跟ImageView图片结合
        dialog_imag.startAnimation(anim);
        
        //将用户提示给TextView赋值
        dialog_msgtv.setText(msg);
        
        //给Dialog添加自定义的样式
        Dialog dialog=new Dialog(context, R.style.loading_dialog);
        
        //将dialog添加到当前布局上去,并设置当前的布局填充屏幕
        dialog.setContentView(layout, new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.FILL_PARENT, 
                LinearLayout.LayoutParams.FILL_PARENT)
        );
        
        //最后返回dalog;
        return dialog;
    }
}

5：在需要Dialog的地方掉用就OK

//正在登录
//调用加载进度条对话框
dialog=LoginDialog.CreateDialog(LoginActivity.this, "正在登录");
dialog.show();

转载于:https://my.oschina.net/symahll/blog/485144

weixin_33725270

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android自定义Dialog

2019独角兽企业重金招聘Python工程师标准>>> ...
复制链接

扫一扫