Android自定义Dialog对话框

转自:http://www.itivy.com/android/archive/2011/11/3/android-dialog-customize.html

很多时候，可能Android默认的几种Dialog对话框已经不能满足我们的需求，我们需要自定义自己的Dialog对话框，包括样式的改变，功能的改变等等。今天，我给出一个Android自定义Dialog的例子，大家可以看看，如果这个自定义dialog的方法能够用得上，那我们完全可以定义出非常富有个性的dialog对话框了，先看一个自定义的dialog对话框效果图吧，很简单，只有一个Activity，当点击Button的时候就弹出这个自定义的Dialog

里面的几张图都比较丑，我不多会美工，随便用powerpoint画了几张图，原理是一样的，先不计较这些。下面正入正题

为了照顾到所有的码农，在些把所有的代码都贴出来

新建工程在此就不贴出来了，只是为了方便大家的复制粘贴，取包名为com.and.mydialog，主Activity取名为MyDialogActivity

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

packagecom.and.mydialog;

 

importandroid.app.Activity;

importandroid.app.AlertDialog;

importandroid.app.Dialog;

importandroid.content.DialogInterface;

importandroid.os.Bundle;

importandroid.view.KeyEvent;

importandroid.view.LayoutInflater;

importandroid.view.Menu;

importandroid.view.MenuItem;

importandroid.view.View;

importandroid.view.View.OnClickListener;

importandroid.widget.Button;

importandroid.widget.Toast;

 

publicclass MyDialogActivity extendsActivity {

    /** Called when the activity is first created. */

    @Override

    publicvoid onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        Button button = (Button) findViewById(R.id.button1);

        button.setOnClickListener(newOnClickListener() {

 

            @Override

            publicvoid onClick(View v) {

                 

                //初始化一个自定义的Dialog

                Dialog dialog = newMyDialog(MyDialogActivity.this,

                        R.style.MyDialog);

 

                dialog.show();

            }

        });

 

    }

}

主布局文件main.xml

1

2

3

4

5

6

7

8

9

10

<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"android:layout_width="fill_parent"

    android:layout_height="fill_parent">

    <Button

        android:text="显示自定义Dialog"

        android:id="@+id/button1"

        android:layout_height="wrap_content"

        android:layout_width="fill_parent"/>

</LinearLayout>

新建一个自定义的Dialog类，取名MyDialog，继承自Dialog

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

packagecom.and.mydialog;

 

importandroid.app.Dialog;

importandroid.content.Context;

importandroid.os.Bundle;

importandroid.view.LayoutInflater;

importandroid.view.View;

 

publicclass MyDialog extendsDialog {

 

    Context context;

    publicMyDialog(Context context) {

        super(context);

        // TODO Auto-generated constructor stub

        this.context = context;

    }

    publicMyDialog(Context context, inttheme){

        super(context, theme);

        this.context = context;

    }

    @Override

    protectedvoid onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        this.setContentView(R.layout.dialog);

    }

 

}

相应的布局文件dialog.xml

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:gravity="center_vertical|center_horizontal"

    android:background="@drawable/dialog_bg">

    <RelativeLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:paddingLeft="30dip"

        android:paddingTop="10dip">

        <ImageView

            android:id="@+id/dialog_title_image"

            android:layout_alignParentLeft="true"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:background="@drawable/dialog_title_image"/>

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginLeft="10dip"

            android:layout_centerInParent="true"

            android:text="Title"

            android:layout_toRightOf="@id/dialog_title_image"

            android:textColor="#000000"

            android:textSize="30sp"/>

         

    </RelativeLayout>

    <TextView

            android:layout_width="fill_parent"

            android:layout_height="1dip"

            android:background="@drawable/lins"

            android:layout_marginTop="5dip"/>

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="This is a custom dialog"

        android:textColor="#000000"

        android:layout_marginTop="10dip"

        android:layout_marginLeft="30dip"/>

    <RelativeLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:paddingTop="10dip"

        android:gravity="bottom|center_horizontal"

        android:paddingBottom="10dip">

        <Button

            android:id="@+id/dialog_button_cancel"

            android:layout_alignParentLeft="true"

            android:layout_width="100dip"

            android:layout_height="wrap_content"

            android:text="确定"/>

        <Button

            android:id="@+id/dialog_button_ok"

            android:layout_width="100dip"

            android:layout_height="wrap_content"

            android:layout_toRightOf="@id/dialog_button_cancel"

            android:layout_marginLeft="35dip"

            android:text="取消"/>

    </RelativeLayout>

</LinearLayout>

最主要的，是自定义的Style，我们自定义一个式样，用来改变默认的Dialog样式

在values文件夹下新建一个styles.xml文件

1

2

3

4

5

6

7

8

9

10

<?xmlversion="1.0"encoding="utf-8"?>

<resources>

    <stylename="MyDialog"parent="@android:Theme.Dialog">

        <itemname="android:windowFrame">@null</item>

        <itemname="android:windowNoTitle">true</item>

        <itemname="android:windowBackground">@drawable/dialog_bg</item>

        <itemname="android:windowIsFloating">true</item>

        <itemname="android:windowContentOverlay">@null</item>

    </style>

</resources>

这样应该就OK了，为了方便大家测试本示例，在此一并附上不怎么好看的素材

好了，这样我们的自定义dialog就基本完成了，虽然是难看了点，但是基本思路就是这样了，美工好的同学可以用这个思路去写一个比较漂亮的android自定义dialog对话框。