23. android dialog——自定义对话框之三（带style的）

时间来不及，就贴代码了,另外顺便贴一下Activity模拟成一个Dialog,具体可以参考下面的网址

part1  http://blog.stylingandroid.com/archives/5

part2  http://blog.stylingandroid.com/archives/7

part3  http://blog.stylingandroid.com/archives/category/dialog-box

 

接下来是一个自定义对话框

第一步：

res/values/styles.xml

<?xml version="1.0" encoding="utf-8"?><resources><style name="base"><item name="android:padding">10dp</item></style><style name="title" parent="@style/base"><item name="android:textColor">#FFFFFF</item><item name="android:textSize">16sp</item><item name="android:textStyle">bold</item><item name="android:background">#333333</item> </style> <style name="body" parent="@style/base"><item name="android:textColor">#FFFFFF</item><item name="android:background">#666666</item> </style> <style name="dialog" parent="@android:style/Theme.Dialog"><item name="android:windowIsFloating">true</item><item name="android:windowNoTitle">true</item><item name="android:windowBackground">@null</item></style></resources>

 

 第二步：

res/layout/customer_dialog.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content" android:layout_height="wrap_content"><TextView android:layout_width="match_parent" android:id="@+id/title"android:layout_alignParentTop="true" android:layout_alignParentLeft="true"android:layout_height="wrap_content" style="@+style/title"android:text="自定义对话框" /><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_alignLeft="@id/title" android:layout_below="@id/title" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingRight="10dip" android:paddingLeft="10dip" android:id="@+id/body" style="@+style/body" mce_style="@+style/body"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="18dip" android:text="用户名:" android:paddingRight="10dip" /> <EditText android:id="@+id/username" android:text="输入用户名" android:layout_width="fill_parent" android:layout_height="wrap_content" android:lines="1" /> </LinearLayout> </RelativeLayout>

 

第三步：

res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" ><Button android:id="@+id/button"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="显示自定义对话框"/></LinearLayout>

 

第四步：

src/com/dialog/ui/CustomerDialog.java

package com.dialog.ui;import android.app.AlertDialog;import android.content.Context;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import com.dialog.activity.R;public class CustomerDialog extends AlertDialog {public CustomerDialog(Context context) {super(context);}public CustomerDialog(Context context, int theme) {super(context, theme);}@Overrideprotected void onCreate(Bundle savedInstanceState) {//关于LayoutInflate详解//http://blog.csdn.net/jamesliulyc/archive/2011/04/14/6324432.aspxLayoutInflater inflater = LayoutInflater.from(getContext());View customerLayout = inflater.inflate(R.layout.customer_dialog, null);setView(customerLayout,0,0,0,0);super.onCreate(savedInstanceState);}}

 

第五步：

src/com/dialog/activity/CustomerDialogActivity.java

package com.dialog.activity;import android.app.Activity;import android.app.Dialog;import android.content.DialogInterface;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.Toast;import com.dialog.ui.CustomerDialog;public class CustomerDialogActivity extends Activity {private final int CUSTOMER_DIALOG = 1; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Button button = (Button) findViewById(R.id.button); View.OnClickListener listener = new View.OnClickListener() {@Overridepublic void onClick(View view) {showDialog(CUSTOMER_DIALOG);}};button.setOnClickListener(listener); } @Override protected Dialog onCreateDialog(int id) { CustomerDialog dialog = null; switch(id) { case CUSTOMER_DIALOG: dialog = new CustomerDialog(CustomerDialogActivity.this,R.style.dialog); DialogInterface.OnClickListener listener = new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {Toast.makeText(CustomerDialogActivity.this, "这是一个自定义对话框", Toast.LENGTH_LONG).show();}}; dialog.setButton("确定", listener); dialog.setButton2("取消", listener); break; } return dialog; }}

 

效果图：