Android自定义Dialog

这段时间在做一个项目，需要使用到自定义Dialog，先在网上找了一下资料，发现还是有很多没有讲清楚的，在此给出一个Demo，一来可以方便广大码农，二来也可以方便自己，以备不时之需。。。

先来一张图吧，很简单，只有一个Activity，当点击Button的时候就弹出这个自定义的Dialog

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

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

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

package com.and.mydialog;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

publicclass MyDialogActivity extends Activity {
    /** 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(new OnClickListener() {

            @Override
            publicvoid onClick(View v) {
                
                //初始化一个自定义的Dialog
                Dialog dialog = new MyDialog(MyDialogActivity.this,
                        R.style.MyDialog);

                dialog.show();
            }
        });

    }
}

　　主布局文件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:text="显示自定义Dialog" 
        android:id="@+id/button1"
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent"/>
</LinearLayout>

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

package com.and.mydialog;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;

publicclass MyDialog extends Dialog {

    Context context;
    public MyDialog(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
this.context = context;
    }
    public MyDialog(Context context, int theme){
        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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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文件，如下。。。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="MyDialog" parent="@android:Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowNoTitle">true</item> 
        <item name="android:windowBackground">@drawable/dialog_bg</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>
</resources>

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

　注意，这里有三张图片，第三张图片是一条线，在自定义的式样的时候取消了标题栏，为了美观，添加此线条，看上去还是有标题栏的感觉。。。在此基本上完成了。

 

由于水平有限，这些内容基本上都是在网上找的，然后自己整理了一下，写了一篇相对比较清晰的，如果大家还有什么疑问的话，随时可以跟我联系，共同学习。。。

———————————————————————————忧伤的分割线——————————————————————————

不好意思，刚刚实测了一下，发现还有一个很简单的方法，在不改变前面的布局前提下，只需要修改主类（MyDialogActivity.java）

package com.and.mydialog;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

publicclass MyDialogActivity extends Activity {
    /** 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(new OnClickListener() {

            @Override
            publicvoid onClick(View v) {

//                Dialog dialog = new MyDialog(MyDialogActivity.this,
//                        R.style.MyDialog);

                //此处直接new一个Dialog对象出来，在实例化的时候传入主题

                Dialog dialog = new Dialog(MyDialogActivity.this, R.style.MyDialog);

//设置它的ContentView

                dialog.setContentView(R.layout.dialog);

                dialog.show();
            }
        });

    }
}

　　

 

 

 

我这边的例子：

<?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"
    android:orientation="vertical" 
    android:padding="10dip"
    android:background="@drawable/dgxml"
   
    >
      <!-- 管理对话框大小,间距 -->
     <RelativeLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" 
        android:layout_marginLeft="5dip" 
        android:layout_marginRight="20dip"
         
        >
     
        <RelativeLayout 
        android:id="@+id/l_title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingTop="10dip">
        <TextView 
            android:id="@+id/tv_dgtitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            
            android:layout_centerInParent="true"
            android:textColor="@color/yellow1"
            android:textSize="20sp"/>  
            </RelativeLayout>
    <LinearLayout 
     android:id="@+id/l1"
     android:layout_width="wrap_content"   
     android:layout_height="wrap_content"   
     android:orientation="horizontal"
     android:layout_below="@+id/l_title"
     
      >
       <TextView 
       android:id="@+id/tv_1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
         
      android:textSize="15dip"
      android:textColor="@color/white"
         />    
     <EditText 
      android:id="@+id/newQB1"
      android:layout_width="200dip"
      android:layout_height="wrap_content" 
      android:numeric="integer"       
      android:maxLength="20"
      android:maxLines="1"
     /> 
      </LinearLayout> 
      
     <LinearLayout 
     android:id="@+id/l2"
     android:layout_width="wrap_content"   
     android:layout_height="wrap_content"   
     android:orientation="horizontal"
     android:layout_below="@+id/l1"
      >
      <TextView 
      android:id="@+id/tv_2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
   
      android:textSize="15dip"
      android:textColor="@color/white"
         />    
     <EditText 
      android:id="@+id/newQB2"
      android:layout_width="200dip"
      android:layout_height="wrap_content"  
      android:numeric="integer"
      android:maxLength="20"
      android:maxLines="1"  
      /> 
     </LinearLayout>
     <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingTop="10dip"
        android:layout_below="@+id/l2"
        android:paddingBottom="10dip"
        android:orientation="horizontal"
        > <!--  android:gravity="bottom|center_horizontal"   android:layout_centerInParent="true" -->
        <Button 
            android:id="@+id/dg_button_ok"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
             android:layout_weight="1"
            android:text="确定"/>  <!--  android:layout_alignParentLeft="true"   -->
        <Button 
            android:id="@+id/dg_button_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
          
             android:layout_weight="1"
            android:gravity="center"
            android:text="取消"/>   
            <!--  
              android:layout_alignParentRight="true"  
             android:layout_gravity="right"
             android:layout_toRightOf="@id/dg_button_ok"
            android:layout_marginLeft="50dip"  
            android:layout_marginRight="50dip"    
                 -->
        </LinearLayout>
   </RelativeLayout>
</RelativeLayout>