Chinaunix
标题:
自定义Dialog UI
[打印本页]
作者:
中关村村草
时间:
2011-11-19 15:46
标题:
自定义Dialog UI
自定义Dialog UI
本例中CustomDialog继承Dialog,使用custom_dialog.xml布局文件。
custom_dialog.xml,这里就随便布局了一下
Java代码
1.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. android:id="@+id/layout_root"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent"
5. android:orientation="horizontal"
6. android:padding="10dp" >
7.
8. <ImageView
9. android:id="@+id/image"
10. android:layout_width="wrap_content"
11. android:layout_height="fill_parent"
12. android:layout_marginRight="10dp" />
13.
14. <LinearLayout
15. android:layout_width="fill_parent"
16. android:layout_height="wrap_content"
17. android:orientation="vertical"
18. android:padding="5px" >
19.
20. <TextView
21. android:id="@+id/text"
22. android:layout_width="wrap_content"
23. android:layout_height="fill_parent"
24. android:textColor="#FFF" />
25.
26. <LinearLayout
27. android:layout_width="fill_parent"
28. android:layout_height="wrap_content"
29. android:orientation="horizontal"
30. android:padding="5px" >
31.
32. <Button
33. android:id="@+id/button_yes"
34. android:layout_width="wrap_content"
35. android:layout_height="wrap_content"
36. android:gravity="center"
37. android:text=" Yes " />
38.
39. <Button
40. android:id="@+id/button_no"
41. android:layout_width="wrap_content"
42. android:layout_height="wrap_content"
43. android:gravity="center"
44. android:text=" No " />
45. </LinearLayout>
46. </LinearLayout>
47.
48.</LinearLayout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout_root"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:padding="10dp" >
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_marginRight="10dp" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="5px" >
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:textColor="#FFF" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="5px" >
<Button
android:id="@+id/button_yes"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text=" Yes " />
<Button
android:id="@+id/button_no"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text=" No " />
</LinearLayout>
</LinearLayout>
</LinearLayout>
复制代码
main.xml
Java代码
1.<?xml version="1.0" encoding="utf-8"?>
2.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. >
7.<Button
8. android:id="@+id/main_button"
9. android:layout_width="fill_parent"
10. android:layout_height="wrap_content"
11. android:text="click to start an Dialog"
12. />
13.</LinearLayout>
<?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/main_button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="click to start an Dialog"
/>
</LinearLayout>
复制代码
CustomDialog.java,CustomDialog继承Dialog,使用起来和Activity差不多,通过setContentView()指定使用的布局文件,剩下的就和Activity差不多了,就是一些findViewById()和setListener()。
Java代码
1.package com.android.CustomDialog;
2.
3.import android.app.Dialog;
4.import android.content.Context;
5.import android.os.Bundle;
6.import android.util.Log;
7.import android.view.View;
8.import android.widget.Button;
9.import android.widget.ImageView;
10.import android.widget.TextView;
11.
12.public class CustomDialog extends Dialog {
13.
14. public CustomDialog(Context context) {
15. super(context);
16. // TODO Auto-generated constructor stub
17. }
18.
19. protected void onCreate(Bundle savedInstanceState){
20. super.onCreate(savedInstanceState);
21.
22. setContentView(R.layout.custom_dialog);
23. setTitle("Custom Dialog");
24.
25. TextView text = (TextView)findViewById(R.id.text);
26. text.setText("Hello, this is a custom dialog!");
27. ImageView image = (ImageView)findViewById(R.id.image);
28. image.setImageResource(R.drawable.sepurple);
29.
30. Button buttonYes = (Button) findViewById(R.id.button_yes);
31. buttonYes.setHeight(5);
32. buttonYes.setOnClickListener(new Button.OnClickListener(){
33.
34. public void onClick(View v) {
35. // TODO Auto-generated method stub
36. dismiss();
37.
38. }
39. });
40. Button buttonNo = (Button) findViewById(R.id.button_no);
41. buttonNo.setSingleLine(true);
42. buttonNo.setOnClickListener(new Button.OnClickListener(){
43.
44. public void onClick(View v) {
45. // TODO Auto-generated method stub
46. dismiss();
47.
48. }
49. });
50. }
51.
52. //called when this dialog is dismissed
53. protected void onStop() {
54. Log.d("TAG","+++++++++++++++++++++++++++");
55. }
56.
57.
58.}
package com.android.CustomDialog;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
public class CustomDialog extends Dialog {
public CustomDialog(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.custom_dialog);
setTitle("Custom Dialog");
TextView text = (TextView)findViewById(R.id.text);
text.setText("Hello, this is a custom dialog!");
ImageView image = (ImageView)findViewById(R.id.image);
image.setImageResource(R.drawable.sepurple);
Button buttonYes = (Button) findViewById(R.id.button_yes);
buttonYes.setHeight(5);
buttonYes.setOnClickListener(new Button.OnClickListener(){
public void onClick(View v) {
// TODO Auto-generated method stub
dismiss();
}
});
Button buttonNo = (Button) findViewById(R.id.button_no);
buttonNo.setSingleLine(true);
buttonNo.setOnClickListener(new Button.OnClickListener(){
public void onClick(View v) {
// TODO Auto-generated method stub
dismiss();
}
});
}
//called when this dialog is dismissed
protected void onStop() {
Log.d("TAG","+++++++++++++++++++++++++++");
}
}
复制代码
CustomDialogUsage.java,这里重写了Activity的onCreateDialog()方法创建Dialog(),并为Dialog设置了OnDismissListener,没什么特别的。
Java代码
1.package com.android.CustomDialog;
2.
3.import android.app.Activity;
4.import android.app.Dialog;
5.import android.content.DialogInterface;
6.import android.content.DialogInterface.OnDismissListener;
7.import android.os.Bundle;
8.import android.view.View;
9.import android.view.View.OnClickListener;
10.import android.widget.Button;
11.import android.widget.Toast;
12.
13.public class CustomDialogUsage extends Activity {
14.
15. OnDismissListener lis;
16. /** Called when the activity is first created. */
17. @Override
18. public void onCreate(Bundle savedInstanceState) {
19. super.onCreate(savedInstanceState);
20. setContentView(R.layout.main);
21.
22. lis = new OnDismissListener() {
23.
24. @Override
25. public void onDismiss(DialogInterface dialog) {
26. // TODO Auto-generated method stub
27. Toast.makeText(getApplicationContext(),
28. ((CustomDialog)dialog).toString(),
29. Toast.LENGTH_SHORT)
30. .show();
31. }
32. };
33.
34. Button buttonYes = (Button) findViewById(R.id.main_button);
35. buttonYes.setOnClickListener(new OnClickListener(){
36.
37. public void onClick(View v) {
38. // TODO Auto-generated method stub
39. showDialog(0);
40. }
41. });
42.
43. }
44.
45. @Override
46. protected Dialog onCreateDialog(int id) {
47. // TODO Auto-generated method stub
48. Dialog d = new CustomDialog(this);
49. d.setOnDismissListener(lis);
50. return d;
51. }
52.
53. @Override
54. protected void onPrepareDialog(int id, Dialog dialog) {
55. // TODO Auto-generated method stub
56. super.onPrepareDialog(id, dialog);
57. }
58.
59.}
复制代码
欢迎光临 Chinaunix (http://bbs.chinaunix.net/)
Powered by Discuz! X3.2