之前学习弹出式对话框的时候,我们可以在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);
// 设置我们自己定义的布局文件作为弹出框的Content
builder.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将这个界面显示出来就可以了。