(转载)Android项目实战(三十二):圆角对话框Dialog

Android项目实战(三十二):圆角对话框Dialog

 

前言:

  项目中多处用到对话框,用系统对话框太难看,就自己写一个自定义对话框。

  (转载)Android项目实战(三十二):圆角对话框Dialog

  对话框包括:1、圆角

        2、app图标 , 提示文本,关闭对话框的"确定"按钮

  难点:1、对话框边框圆角显示

     2、考虑到提示文本字数不确定,在不影响美观的情况下,需要在一行内显示提示的文字信息

       3、设置对话框的宽和高

  技术储备:

     1、安卓开发_使用AlertDialog实现对话框    知道AlertDialog有setView(view) ,Dialog 有ContentView(view) 方法。

     2、Android项目实战(五):TextView自适应大小   一行内显示文本信息,当文本字数少的时候 ,文字大小大,当文本字数多的时候,文字大小小。   

    

--------------------------------------------------------------------------------------------------------------------

1、布局

 dialog_message.xml

(转载)Android项目实战(三十二):圆角对话框Dialog

其中根容器用到

   android:background="@drawable/dialog_corner_bg"

这是shape来设置 边缘圆角

(转载)Android项目实战(三十二):圆角对话框Dialog
<?xml version="1.0" encoding="utf-8"?>
<!-- 用于设置信息对话框的圆角 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="@dimen/dp_12"></corners>
<solid android:color="@color/white"></solid>
</shape>
(转载)Android项目实战(三十二):圆角对话框Dialog

2、从上面可以看到设置对话框的圆角只需要一个 drawable文件,shape设置 corners属性即可。

  也许大家从别的文章发现, 有的人用圆角背景图片来实现对话框圆角,有的人用style来实现对话框圆角。

  经过我1个多小时的折腾,发现这些方法都不可靠,其实很简单,以上方法用的是AlertDialog , 但是我们这里用的Dialog类,一个shape 足矣。

  因为项目中必定多出用到对话框,所以我写一个静态方法,传上下文参数 和 提示文本的内容即可 :

public static void showEditDialog(Context context , String message) {}

  

  1、初始化对话框相关操作:

(转载)Android项目实战(三十二):圆角对话框Dialog
     View view = LayoutInflater.from(context).inflate(R.layout.dialog_message, null);
TextView confirm; //确定按钮
final TextView content; //内容
confirm = (TextView) view.findViewById(R.id.dialog_btn_comfirm);
content = (TextView) view.findViewById(R.id.dialog_txt_content);
content.setText(message);
final Dialog dialog = new Dialog(context);
dialog.setContentView(view);
dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent); //设置对话框背景透明 ,对于AlertDialog 就不管用了
(转载)Android项目实战(三十二):圆角对话框Dialog

  

  2、设置"确定"按钮的点击事件

(转载)Android项目实战(三十二):圆角对话框Dialog
    confirm.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dialog.dismiss();
}
});
(转载)Android项目实战(三十二):圆角对话框Dialog

  3、显示对话框

dialog.show();

  

  4、设置对话框的宽度和高度

(转载)Android项目实战(三十二):圆角对话框Dialog
    DisplayMetrics dm = context.getResources().getDisplayMetrics();
int displayWidth = dm.widthPixels;
int displayHeight = dm.heightPixels;
android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //获取对话框当前的参数值
p.width = (int) (displayWidth * 0.55); //宽度设置为屏幕的0.55
p.height = (int) (displayHeight * 0.28); //高度设置为屏幕的0.28
dialog.setCanceledOnTouchOutside(false);// 设置点击屏幕Dialog不消失
dialog.getWindow().setAttributes(p); //设置生效
(转载)Android项目实战(三十二):圆角对话框Dialog

  注意:这里就是用屏幕的宽高比例来设置对话框的宽高比例。

  还有一个做法:

(转载)Android项目实战(三十二):圆角对话框Dialog
AlertDialog dialog = builder.create();
dialog.setView(view);
dialog.show();
WindowManager m = getWindowManager(); //这里会发现不在activity中的话 就没法调用getWindowManager()方法,所以此方法不能使用
Display d = m.getDefaultDisplay(); //为获取屏幕宽、高
android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //获取对话框当前的参数值
p.height = (int) (d.getHeight() * 0.3); //高度设置为屏幕的0.3
p.width = (int) (d.getWidth() * 0.5); //宽度设置为屏幕的0.5
dialog.getWindow().setAttributes(p); //设置生效
(转载)Android项目实战(三十二):圆角对话框Dialog

附提示文本多的时候的对话框界面:

(转载)Android项目实战(三十二):圆角对话框Dialog

完整代码:

 

(转载)Android项目实战(三十二):圆角对话框Dialog
  /*----------------------------dialog---------------------------------*/
public static void showEditDialog(Context context , String message) {
View view = LayoutInflater.from(context).inflate(R.layout.dialog_message, null);
TextView confirm; //确定按钮
final TextView content; //内容
confirm = (TextView) view.findViewById(R.id.dialog_btn_comfirm);
content = (TextView) view.findViewById(R.id.dialog_txt_content);
content.setText(message);
final Dialog dialog = new Dialog(context);
dialog.setContentView(view);
dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent); confirm.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dialog.dismiss();
}
});
dialog.show();
DisplayMetrics dm = context.getResources().getDisplayMetrics();
int displayWidth = dm.widthPixels;
int displayHeight = dm.heightPixels;
android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //获取对话框当前的参数值
p.width = (int) (displayWidth * 0.55); //宽度设置为屏幕的0.5
p.height = (int) (displayHeight * 0.28); //宽度设置为屏幕的0.5
dialog.setCanceledOnTouchOutside(false);// 设置点击屏幕Dialog不消失
dialog.getWindow().setAttributes(p); //设置生效 }
(转载)Android项目实战(三十二):圆角对话框Dialog
上一篇:Android项目实战(四十四):Zxing二维码切换横屏扫描


下一篇:[收藏]IntelliJ Idea快捷键