Android学习之自定义AlertDialog

今天写下自定义弹出对话框AlertDialog，自定义AlertDialog有很多种，也有很多实现的方式，系统自带的AlertDialog往往功能单一，主要是样式比较丑，对于处女座简直是不能忍啊，于是就想到了自定义样式的AlertDialog，以下是Demo：

先画布局：

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

<TextView
android:id="@+id/textview_message_alert_dialog_text_view_custom"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal|bottom"
android:paddingBottom="15dp"
android:paddingTop="15dp"
android:textColor="@android:color/black"
android:textSize="15dp"
android:textStyle="bold" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="15dp"
android:gravity="center_horizontal"
android:orientation="horizontal">

<Button
android:id="@+id/button_cancel_alert_dialog_text_view_custom"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_weight="1"
android:background="@drawable/bg_alert_dialog_custom"
android:text="取消"
android:textColor="@android:color/holo_blue_light"
android:textSize="14dp"
android:textStyle="bold" />

<Button
android:id="@+id/button_ok_alert_dialog_text_view_custom"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_weight="1"
android:background="@drawable/bg_alert_dialog_custom"
android:text="确定"
android:textColor="@android:color/holo_red_light"
android:textSize="14dp"
android:textStyle="bold" />
</LinearLayout>

</LinearLayout>

自定义Button的样式：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<corners android:radius="3dp" />
<stroke
android:width="1px"
android:color="#FF999999" />
<solid android:color="@android:color/white" />

</shape>

最后是代码：

/**
* 主界面
*
* @author yuzhentao
*/
public class MainActivity extends Activity {

private Context context;

private AlertDialog ad;
private Window window;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}

private void initView() {
context = this;
ad = new AlertDialog.Builder(context).create();
window = ad.getWindow();
findViewById(R.id.button_activity_main).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
initAlertDialog();
}
});
}

/**
* 初始化AlertDialog
*/
private void initAlertDialog() {
//获取屏幕分辨率宽度和高度
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
int screenWidth = dm.widthPixels;
//初始化AlertDialog
ad.setCancelable(false);
ad.setCanceledOnTouchOutside(false);
ad.show();
//获取Window来设置AlertDialog的布局（宽为屏幕宽度乘以0.95，高为自适应）
window.setLayout((int) (screenWidth * 0.95F), LinearLayout.LayoutParams.WRAP_CONTENT);
window.setContentView(R.layout.alert_dialog_text_view_custom);
TextView tvMessage = (TextView) window.findViewById(R.id.textview_message_alert_dialog_text_view_custom);
Button btnCancel = (Button) window.findViewById(R.id.button_cancel_alert_dialog_text_view_custom);
Button btnOk = (Button) window.findViewById(R.id.button_ok_alert_dialog_text_view_custom);
tvMessage.setText("自定义弹出对话框");
btnCancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(context, "点击了取消", Toast.LENGTH_SHORT).show();
ad.dismiss();
}
});
btnOk.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(context, "点击了确定", Toast.LENGTH_SHORT).show();
ad.dismiss();
}
});
}

}

先初始化AlertDialog和Window类，其中Window类很重要，它就是自定义AlertDialog的核心类

ad = new AlertDialog.Builder(context).create();
window = ad.getWindow();

再获取屏幕宽度，设置AlertDialog的属性，再通过Window类来定义自定义AlertDialog的宽度和高度，核心方法是

window.setContentView(R.layout.alert_dialog_text_view_custom);

这里来自定义AlertDialog的布局，最后就是查找控件，设置单击事件，希望对大家有多帮助。
哦，忘记了，还有效果图：





Demo地址：http://download.csdn.net/detail/qq_23940659/9467048