android仿ios圆角对话框

最新推荐文章于 2024-05-19 12:29:06 发布

置顶 _Windy_Ming_

最新推荐文章于 2024-05-19 12:29:06 发布

阅读量654

点赞数 2

分类专栏：安卓文章标签：自定义dialog android 防ios风格对话框

本文链接：https://blog.csdn.net/qq_36530458/article/details/79813969

版权

安卓专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在日常开发过程中我们大部分会遇到各式各样对话框dialog，当然还有要求和仿ios风格的圆角对话框等等。整理和修改一部分网上提供的源码，以达到需求。记录下以备以后用到。文章最后提供demo源码。下面看下效果。

下面简单介绍实现思路和代码讲解(此处介绍样式五dialog的实现)：

先看下dialog.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/lLayout_bg"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/alert_bg"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/txt_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:layout_marginTop="15dp"
        android:gravity="center"
        android:textColor="@color/black"
        android:textSize="18sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/txt_msg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:layout_marginTop="15dp"
        android:gravity="center"
        android:textColor="@color/black"
        android:textSize="16sp" />

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginTop="10dp"
        android:background="@color/alertdialog_line" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn_neg"
            android:layout_width="wrap_content"
            android:layout_height="43dp"
            android:layout_weight="1"
            android:background="@drawable/alertdialog_left_selector"
            android:gravity="center"
            android:textColor="@color/actionsheet_blue"
            android:textSize="16sp" />

        <ImageView
            android:id="@+id/img_line"
            android:layout_width="0.5dp"
            android:layout_height="43dp"
            android:background="@color/alertdialog_line" />

        <Button
            android:id="@+id/btn_pos"
            android:layout_width="wrap_content"
            android:layout_height="43dp"
            android:layout_weight="1"
            android:background="@drawable/alertdialog_right_selector"
            android:gravity="center"
            android:textColor="@color/actionsheet_blue"
            android:textSize="16sp"
            android:textStyle="bold" />
    </LinearLayout>

</LinearLayout>

这边其实是一个2个TextView和两个button以及一个imageview组成。就是我们看到的对话框的样式。这边有个button点击切换背景色。alertdialog_right_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/alert_btn_right_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/trans_bg"/>
</selector>

下面重点介绍下dialog的实现。

public class AlertDialog {
    private Context context;
    private Dialog dialog;
    private LinearLayout lLayout_bg;
    private TextView txt_title;
    private TextView txt_msg;
    private Button btn_neg;
    private Button btn_pos;
    private ImageView img_line;
    private Display display;
    private boolean showTitle = false;
    private boolean showMsg = false;
    private boolean showPosBtn = false;
    private boolean showNegBtn = false;

    public AlertDialog(Context context) {
        this.context = context;
        WindowManager windowManager = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);
        display = windowManager.getDefaultDisplay();
    }

    public AlertDialog builder() {
        // 获取Dialog布局
        View view = LayoutInflater.from(context).inflate(
                R.layout.view_alertdialog, null);

        // 获取自定义Dialog布局中的控件
        lLayout_bg = (LinearLayout) view.findViewById(R.id.lLayout_bg);
        txt_title = (TextView) view.findViewById(R.id.txt_title);
        txt_title.setVisibility(View.GONE);
        txt_msg = (TextView) view.findViewById(R.id.txt_msg);
        txt_msg.setVisibility(View.GONE);
        btn_neg = (Button) view.findViewById(R.id.btn_neg);
        btn_neg.setVisibility(View.GONE);
        btn_pos = (Button) view.findViewById(R.id.btn_pos);
        btn_pos.setVisibility(View.GONE);
        img_line = (ImageView) view.findViewById(R.id.img_line);
        img_line.setVisibility(View.GONE);

          }

引入dialog布局和绑定布局控件就不说了，此处将控件都设置为不可见，目的是为了实现多元化的dialog。
当我们需要的对话框只有一个确定的时候，我们就可以将确定的button设置为可见即可（样式六）。
或者我们不需要对话框有标题（样式二和样式三）。

为了美观我们可以获取屏幕的宽度，然后将dialog设置为屏幕的百分比宽度。

  // 定义Dialog布局和参数
        dialog = new Dialog(context, R.style.AlertDialogStyle);
        dialog.setContentView(view);

        // 调整dialog背景大小
        lLayout_bg.setLayoutParams(new FrameLayout.LayoutParams((int) (display
                .getWidth() * 0.85), LinearLayout.LayoutParams.WRAP_CONTENT));

下面开始设置对话框的内容，button的监听等

public AlertDialog setMsg(String msg) {
    showMsg = true;
    if ("".equals(msg)) {
        txt_msg.setText("内容");
    } else {
        txt_msg.setText(msg);
    }
    return this;
}

public AlertDialog setPositiveButton(String text,
                                                 final View.OnClickListener listener) {
    showPosBtn = true;
    if ("".equals(text)) {
        btn_pos.setText("确定");
    } else {
        btn_pos.setText(text);
    }
    btn_pos.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            listener.onClick(v);
            dialog.dismiss();
        }
    });
    return this；}

最后将设置的dialog展示-----根据是否设置title，message，确定button和取消button来显示布局。

public void show() {
    setLayout();
    dialog.show();

}

private void setLayout() {
    if (!showTitle && !showMsg) {
        txt_title.setText("提示");
        txt_title.setVisibility(View.VISIBLE);
    }

    if (showTitle) {
        txt_title.setVisibility(View.VISIBLE);
    }

    if (showMsg) {
        txt_msg.setVisibility(View.VISIBLE);
    }

    if (!showPosBtn && !showNegBtn) {
        btn_pos.setText("确定");
        btn_pos.setVisibility(View.VISIBLE);
        btn_pos.setBackgroundResource(R.drawable.alertdialog_single_selector);
        btn_pos.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
    }

    if (showPosBtn && showNegBtn) {
        btn_pos.setVisibility(View.VISIBLE);
        btn_pos.setBackgroundResource(R.drawable.alertdialog_right_selector);
        btn_neg.setVisibility(View.VISIBLE);
        btn_neg.setBackgroundResource(R.drawable.alertdialog_left_selector);
        img_line.setVisibility(View.VISIBLE);
    }

    if (showPosBtn && !showNegBtn) {
        btn_pos.setVisibility(View.VISIBLE);
        btn_pos.setBackgroundResource(R.drawable.alertdialog_single_selector);
    }

    if (!showPosBtn && showNegBtn) {
        btn_neg.setVisibility(View.VISIBLE);
        btn_neg.setBackgroundResource(R.drawable.alertdialog_single_selector);
    }
}

最后只需要调用自定义的dialog类就好了。

样式五的dialog

new AlertDialog(MainActivity.this).builder().setTitle("切换账号")

      .setMsg("切换当前账号将不在接受数据，是否切换？")

        .setPositiveButton("确认", new View.OnClickListener() {
            @Override
            public void onClick(View v) {

            }
        }).setNegativeButton("取消", new View.OnClickListener() {
    @Override
    public void onClick(View v) {

    }
}).show();

样式六的dialog

new AlertDialog(MainActivity.this).builder()
        .setMsg("数据获取失败，请稍后重试。")
        .setPositiveButton("确定", new View.OnClickListener() {
            @Override
            public void onClick(View v) {

            }
        }).show();

别忘了将style加载进去哦。

<!-- 自定义仿IOS的AlertDialog的样式 -->
<style name="AlertDialogStyle" parent="@android:style/Theme.Dialog">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowFrame">@null</item>
    <item name="android:backgroundDimEnabled">true</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsTranslucent">true</item>
</style>

下面放下载链接：https://download.csdn.net/download/qq_36530458/10327061

_Windy_Ming_

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
android仿ios圆角对话框

在日常开发过程中我们大部分会遇到各式各样对话框dialog，当然还有要求和仿ios风格的圆角对话框等等。整理和修改一部分网上提供的源码，以达到需求。记录下以备以后用到。文章最后提供demo源码。下面看下效果。下面简单介绍实现思路和代码讲解(此处介绍样式五dialog的实现)：先看下dialog.xml文件:<?xml version="1.0" enco...
复制链接

扫一扫