AlterDialog是Android的原生对话框,这篇文章用来记录目前我对它的理解。
一、关于AlterDialog对话框显示监听方法的理解
AlterDialog提供了setOnShowListener(OnShowListener listener)方法用来监听对话框显示,但是这个方法必须要在AlterDialog的show()方法之前调用。原因如下所示: 通过翻看setOnShowListener方法的源码获取到如下代码: public void setOnShowListener(OnShowListener listener) {
//当listener不为空时,向AlterDialog中Handler的实例添加listener对象
if (listener != null) {
mShowMessage = mListenersHandler.obtainMessage(SHOW, listener);
} else {
mShowMessage = null;
}
}
AlterDialog中show()方法的源码:
public void show() {
...
sendShowMessage();//关键源码
}
AlterDialog中sendShowMessage()方法的源码:
private void sendShowMessage() {
if (mShowMessage != null) {
//将对应的消息发送给目标对象
Message.obtain(mShowMessage).sendToTarget();
}
}
结合上面三段源码可以看出当调用show()方法的时候会向AlterDialog中Handler实例发送消息,但是前提是mShowMessage不为空,所以要想成功的监听对话框的弹出就必须在show()方法之前调用setOnShowListener()让mShowMessage不为空从而能够在调用show()方法的时候能够成功发送消息。
二、关于AlterDialog中Builder的setView()和AlterDialog中setContentView()方法的区别
2.1 分析两者显示效果有区别的原因
AlterDialog支持自定义布局,它所提供的方法分为两种方式,分别如下所示: 方式一:AlterDialog.Builder所提供的自定义布局的方法如下: public Builder setView(int layoutResId) {
P.mView = null;
P.mViewLayoutResId = layoutResId;
P.mViewSpacingSpecified = false;
return this;
}
public Builder setView(View view) {
P.mView = view;
P.mViewLayoutResId = 0;
P.mViewSpacingSpecified = false;
return this;
}
方式二:AlterDialog所提供的自定义布局的方法如下:
public void setContentView(int layoutResID) {
mWindow.setContentView(layoutResID);
}
public void setContentView(View view) {
mWindow.setContentView(view);
}
public void setContentView(View view, ViewGroup.LayoutParams params) {
mWindow.setContentView(view, params);
}
由于主要是针对Builder的实现自定义布局的方式,所以AlterDialog提供的两个参数的setContentVIew在此处不做分析。 从上面的源代码可以看出AlterDialog自己提供的方法只是起到了一个包装的作用,真正实现还是依赖于mWindow; AlterDialog中Builder提供的方法主要用来记录用户赋予的资源,通过追踪源码发现它所记录的东西将会在Builder提供的create()方法中被使用。具体源码如下所示:
public AlertDialog create() {
...
p.apply(dialog.mAlert); //应用p记录的资源
...
return dialog;
}
上述源码中p的类型是AlertController.AlertParams,apply()方法具体源码如下所示:
public void apply(AlertController dialog) {
...
if (mView != null) {
if (mViewSpacingSpecified) {
dialog.setView(mView, mViewSpacingLeft, mViewSpacingTop, mViewSpacingRight,
mViewSpacingBottom);
} else {
dialog.setView(mView);
}
} else if (mViewLayoutResId != 0) {
dialog.setView(mViewLayoutResId);
}
...
}
可以发现此时p所记录的东西在此处得到了实实在在的使用。 上面提到的AlertController是Android的核心类,有兴趣的话可以去sdk中查找源码观看。具体路径如下: sdk安装目录跟路径\sources\android-25\com\android\internal\app 通过翻看AlertController的源码发现它在实现自定义布局的时候引入了一个Android系统自带的布局资源,改布局文件代码如下所示:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/parentPanel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingTop="9dip"
android:paddingBottom="3dip"
android:paddingStart="3dip"
android:paddingEnd="1dip">
<LinearLayout android:id="@+id/topPanel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="54dip"
android:orientation="vertical">
<LinearLayout android:id="@+id/title_template"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical"
android:layout_marginTop="6dip"
android:layout_marginBottom="9dip"
android:layout_marginStart="10dip"
android:layout_marginEnd="10dip">
<ImageView android:id="@+id/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top"
android:paddingTop="6dip"
android:paddingEnd="10dip"
android:src="@drawable/ic_dialog_info" />
<com.android.internal.widget.DialogTitle android:id="@+id/alertTitle"
style="?android:attr/textAppearanceLarge"
android:singleLine="true"
android:ellipsize="end"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAlignment="viewStart" />
</LinearLayout>
<ImageView android:id="@+id/titleDivider"
android:layout_width="match_parent"
android:layout_height="1dip"
android:visibility="gone"
android:scaleType="fitXY"
android:gravity="fill_horizontal"
android:src="@android:drawable/divider_horizontal_dark" />
<!-- If the client uses a customTitle, it will be added here. -->
</LinearLayout>
<LinearLayout android:id="@+id/contentPanel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical">
<ScrollView android:id="@+id/scrollView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="2dip"
android:paddingBottom="12dip"
android:paddingStart="14dip"
android:paddingEnd="10dip"
android:overScrollMode="ifContentScrolls">
<TextView android:id="@+id/message"
style="?android:attr/textAppearanceMedium"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dip" />
</ScrollView>
</LinearLayout>
<FrameLayout android:id="@+id/customPanel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1">
<FrameLayout android:id="@+android:id/custom"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="5dip"
android:paddingBottom="5dip" />
</FrameLayout>
<LinearLayout android:id="@+id/buttonPanel"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="54dip"
android:orientation="vertical" >
<LinearLayout
style="?android:attr/buttonBarStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingTop="4dip"
android:paddingStart="2dip"
android:paddingEnd="2dip"
android:measureWithLargestChild="true">
<LinearLayout android:id="@+id/leftSpacer"
android:layout_weight="0.25"
android:layout_width="0dip"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:visibility="gone" />
<Button android:id="@+id/button1"
android:layout_width="0dip"
android:layout_gravity="start"
android:layout_weight="1"
style="?android:attr/buttonBarButtonStyle"
android:maxLines="2"
android:layout_height="wrap_content" />
<Button android:id="@+id/button3"
android:layout_width="0dip"
android:layout_gravity="center_horizontal"
android:layout_weight="1"
style="?android:attr/buttonBarButtonStyle"
android:maxLines="2"
android:layout_height="wrap_content" />
<Button android:id="@+id/button2"
android:layout_width="0dip"
android:layout_gravity="end"
android:layout_weight="1"
style="?android:attr/buttonBarButtonStyle"
android:maxLines="2"
android:layout_height="wrap_content" />
<LinearLayout android:id="@+id/rightSpacer"
android:layout_width="0dip"
android:layout_weight="0.25"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:visibility="gone" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
该布局文件的路径是:sdk安装目录跟路径\platforms\android-25\data\res\layout,有兴趣的话可以去翻看。 上面分析了两种方式对于自定义布局的实现,正是由于Builder引入的布局资源造成了两种方式的巨大差距,效果图如下所示: 方式一效果图:
方式二效果图:
2.2 解决办法
通过翻看方式一所引入的布局文件发现文件中存在padding值,所以通过尝试修改布局参数成功解决了两者之间的显示差异。具体做法如下所示:
Window window = testDialog.getWindow();
//获取控件的id值
int id = Resources.getSystem().getIdentifier("parentPanel", "id", "android");
LinearLayout llview = (LinearLayout) window.findViewById(id);
FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT);
llview.setLayoutParams(params);
llview.setBackgroundColor(Color.TRANSPARENT);
int id2 = Resources.getSystem().getIdentifier("customPanel", "id", "android");
FrameLayout llview2 = (FrameLayout) window.findViewById(id2);
llview2.setPadding(0, 0, 0, 0);
LinearLayout.LayoutParams params2 = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
llview2.setBackgroundColor(Color.TRANSPARENT);
llview2.setLayoutParams(params2);
FrameLayout customFrame = (FrameLayout) window.findViewById(android.R.id.custom);
FrameLayout.LayoutParams params3 = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT);
customFrame.setLayoutParams(params3);
customFrame.setBackgroundColor(Color.TRANSPARENT);
上述代码经过多次测试,缺一不可。 综上所述,我们还是采用AlterDialog来进行布局来添加比较合适。
三、修改AlterDialog单选和多选对话框的显示效果
单选效果图如下所示:多选效果图如下所示:
修改显示效果的关键代码如下所示:
Window window = dialog.getWindow();
window.setDimAmount(0);
int id = Resources.getSystem().getIdentifier("parentPanel", "id", "android");
LinearLayout llview = (LinearLayout) window.findViewById(id);
FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.WRAP_CONTENT);
llview.setLayoutParams(params);
int id2 = Resources.getSystem().getIdentifier("contentPanel", "id", "android");
LinearLayout llview2 = (LinearLayout) window.findViewById(id2);
llview2.setBackgroundColor(Color.WHITE);
int id3 = Resources.getSystem().getIdentifier("buttonPanel", "id", "android");
LinearLayout llview3 = (LinearLayout) window.findViewById(id3);
llview3.setPadding(0, 0, 0, 0);
llview3.setBackgroundColor(Color.WHITE);
window.setLayout(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
window.setWindowAnimations(R.style.mystyle);
window.setGravity(Gravity.BOTTOM);