安卓学习笔记(10)-自定义弹出式对话框

来源:互联网 发布:wet n wild靠谱淘宝店 编辑:程序博客网 时间:2024/06/06 13:18

​ 之前学习弹出式对话框的时候,我们可以在AlertDialog中放置我们自己设计的布局内容,如TextView,EditView,多选框,单选框等等,但是按钮使用的都是其自带的PositiveButton和NegativeButton,最多可使用三个按钮。但是可不可以使用自定义的按钮和样式呢?我试着自己设计了一个layout,成功实现了相应的功能。先放上效果图如下:

这里写图片描述

在实现这个效果之前,我们首先要写一个xml文件popup_view.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="wrap_content"    android:orientation="vertical"    android:baselineAligned="false">    <TextView        android:text="请输入阈值"        android:textSize="30dp"        android:gravity="center"        android:textColor="#ffffff"        android:background="#0bcaf9"        android:layout_width="fill_parent"        android:layout_height="wrap_content" />    <EditText        android:textSize="20dp"        android:id="@+id/edThreshold"        android:layout_marginTop="15dp"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:hint="请输入阈值" />    <RelativeLayout        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:orientation="horizontal">        <Button            android:id="@+id/btn_openNow"            android:text="立即触发"            android:textSize="15dp"            android:textColor="#FFEE1D66"            android:background="@android:color/transparent"            android:layout_alignParentLeft="true"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />        <Button            android:id="@+id/btn_cancle"            android:text="取消"            android:textSize="15dp"            android:textColor="#FFEE1D66"            android:background="@android:color/transparent"            android:layout_toLeftOf ="@+id/btn_confirm"            android:layout_width="60dp"            android:layout_height="wrap_content" />        <Button            android:id="@+id/btn_confirm"            android:text="确定"            android:textSize="15dp"            android:layout_alignParentRight="true"            android:textColor="#FFEE1D66"            android:background="@android:color/transparent"            android:layout_width="60dp"            android:layout_height="wrap_content" />    </RelativeLayout></LinearLayout>

这个布局的效果就是上图最终呈现的效果,可能大家已经发现了,我直接写了一个布局,只是使用AlertView将这个布局的内容显示了出来,没有使用AlertView中的设置标题,和相关按钮等。具体实现方式如下,其中还有一些值得大家注意的部分。

 final AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); // 通过LayoutInflater来加载一个xml的布局文件作为一个View对象 View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.popup_view, null);// 设置我们自己定义的布局文件作为弹出框的Contentbuilder.setView(view);//这个位置十分重要,只有位于这个位置逻辑才是正确的final AlertDialog dialog = builder.show();final EditText et_Threshold = view.findViewById(R.id.edThreshold);et_Threshold.setText(mGamePadBitmap.setThresholdValue);view.findViewById(R.id.btn_confirm).setOnClickListener(new OnClickListener() {        @Override        public void onClick(View v) {          //确认         //写相关的服务代码          //关闭对话框          dialog.dismiss();        }      });view.findViewById(R.id.btn_openNow).setOnClickListener(new OnClickListener() {        @Override        public void onClick(View v) {          //立即启动+关闭对话框         //写相关的服务代码          dialog.dismiss();        }      });view.findViewById(R.id.btn_cancle).setOnClickListener(new OnClickListener() {      @Override      public void onClick(View v) {        //取消+关闭对话框         //写相关的服务代码        dialog.dismiss();      }    });

在代码中,我们首先定义了一个AlertDialog.Builder对象,然后再定义了一个view,并把我们的自己定义的xml放进去,再调用builder.setView(view);就把自己设计的布局通过弹出式对话框的形式显示出来。紧接着我们调用

final AlertDialog dialog = builder.show();

并把他赋值给了dialog,这个dialog就可以控制后面的关闭对话框。

接下来就是控制这个布局中的相关控件,我们不能直接使用findViewById(),这样它是找不到从哪个view来获取的,因此我们要使用view.findViewById(),而这个view就是我们代码第二句所定义的那个view,这样代码就知道从哪个地方获取相关的id了。

对于按钮这个时候只需要监听click事件就可以了,在服务完成之后调用:

dialog.dismiss();

就可以实现关闭对话框了。

总之,你完全可以自己设计任何样式的弹出界面,然后通过AlertDialog将这个界面显示出来就可以了。

原创粉丝点击