Android 开发之自定义Dialog及UI的实现

我们在开发中，经常会自定义Dialog，因为原生的AlertDialog无法满足我们的需求，这个时候就需要自定义Dialog，那么如何自定义呢，其实不难，就是有点繁琐而已。也就是自定义一个UI的xml文件，然后用setContentView方法来自定义设置。最近开发做了个小例子，特此分享记录出来给大家。

Dialog效果如下：

创建对话框类实现如下：

import android.app.Dialog;

import android.content.Context;

import android.util.DisplayMetrics;

import android.view.Gravity;

import android.view.LayoutInflater;

import android.view.View;

import android.view.Window;

import android.view.WindowManager;

import android.view.View.OnClickListener;

import android.widget.ImageView;

import android.widget.TextView;





public class DialogUitl {

    

    private static Dialog watchMovieDialog;

    public static Dialog showWatchMovieDialog(Context context) {

        if(watchMovieDialog == null){

            watchMovieDialog = new Dialog(context, R.style.watchMovieDialog);

            View dialogView = LayoutInflater.from(context).inflate(R.layout.dialog_watch_movie, null);

            watchMovieDialog.setCanceledOnTouchOutside(false);

            watchMovieDialog.setContentView(dialogView);

            Window dialogWindow = watchMovieDialog.getWindow();

            WindowManager.LayoutParams lp = dialogWindow.getAttributes();

            dialogWindow.setGravity(Gravity.CENTER_VERTICAL | Gravity.CENTER_HORIZONTAL);

            DisplayMetrics metrics = context.getApplicationContext().getResources().getDisplayMetrics();

            lp.width = metrics.widthPixels * 5 / 6;  

            lp.height = metrics.heightPixels *  4/5; 

            dialogWindow.setAttributes(lp);

            dialogWindow.setBackgroundDrawable(context.getResources().getDrawable(R.drawable.dlg_movie_bg));

            //dialogWindow.setBackgroundDrawableResource(R.drawable.dlg_movie_bg);

            watchMovieDialog.setCancelable(true);

            

            String title = "金玉良缘[高清版]";

            String score = "9.0分";

            String director = "黄祖权";

            String actor = "霍建华，唐嫣等";

            int   imageId = R.drawable.movie_img;

            String duration = "45集";

            String introduce = "    故事发生在明朝永乐年间。江阁老爱女江晓萱（贡米 饰）违太后旨意，不愿与金府公子金元宝（霍建华 饰）成婚，在大婚之际出逃，侠女玉麒麟（唐嫣 饰）为调查。";

            

            ((TextView)dialogView.findViewById(R.id.title)).setText(title);

            ((TextView)dialogView.findViewById(R.id.score)).setText(score);

            ((TextView)dialogView.findViewById(R.id.redirectContent)).setText(director);

            ((TextView)dialogView.findViewById(R.id.roleContent)).setText(actor);

            ((TextView)dialogView.findViewById(R.id.duration)).setText(duration);

            ((TextView)dialogView.findViewById(R.id.introduce)).setText(introduce);

            

            ((ImageView)dialogView.findViewById(R.id.ivImage)).setImageResource(imageId);

            

        }

        return watchMovieDialog;

    }

    

}

对应的UI的xml文件实现如下：

<?xml version="1.0" encoding="utf-8"?>

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

    android:id="@+id/dialog"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:orientation="vertical" 

    

    >

    <RelativeLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_margin="10dip"

         >

        <TextView

            android:id="@+id/title"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignParentLeft="true"

            android:layout_alignParentTop="true"

            android:textSize="18sp"

            android:text="" />

        <TextView

            android:id="@+id/score"

            

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"

            android:layout_alignParentTop="true"

            android:textColor="@color/color_bebebe"

            android:textSize="18sp"

            android:text="" />

    </RelativeLayout>

    <ImageView 

        android:id="@+id/ivImage"

        android:layout_marginLeft="10dip"

        android:layout_marginRight="10dip"

        android:layout_marginBottom="10dip"

        android:layout_width="fill_parent"

        android:layout_height="180dp"

        android:src="@drawable/movie_img" />

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_marginLeft="10dip"

        android:layout_marginRight="10dip"

        android:layout_marginBottom="10dip"

        android:orientation="vertical"

        android:background="@color/white"

         >

        <LinearLayout

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:orientation="horizontal"

            android:layout_marginBottom="10dip" >



            <TextView

                android:id="@+id/role"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="主演："

                 android:textColor="@color/color_959595"

                android:textSize="12sp" />



            <TextView

                android:id="@+id/roleContent"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text=""

                 android:textColor="@color/color_959595"

                android:textSize="12sp" />



        </LinearLayout>

        <LinearLayout

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:orientation="horizontal" >

            

            <TextView

                android:id="@+id/redirect"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:singleLine="true"

                android:text="导演："

                android:textColor="@color/color_959595"

                android:textSize="12sp" />



            <TextView

                android:id="@+id/redirectContent"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:singleLine="false"

                android:text=""

                android:textColor="@color/color_959595"

                android:textSize="12sp" />

            <TextView

                android:id="@+id/redirect"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:singleLine="true"

                android:text="  时长："

                android:textColor="@color/color_959595"

                android:textSize="12sp" />



            <TextView

                android:id="@+id/duration"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:singleLine="false"

                android:text=""

                android:textColor="@color/color_959595"

                android:textSize="12sp" />



        </LinearLayout>

    </LinearLayout>

    <TextView

                android:id="@+id/introduce"

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:layout_marginLeft="10dip"

                android:layout_marginRight="10dip"

                android:layout_marginBottom="10dip"

                android:singleLine="false"

                android:text=""

                android:textColor="@color/color_959595"

                android:lineSpacingExtra="3dp"

                android:textSize="12sp" />



    <LinearLayout

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_marginLeft="10dip"

            android:layout_marginRight="10dip"

            android:layout_marginBottom="10dip"

            android:gravity="center"

            android:orientation="horizontal" 

            >

                <TextView

                    android:id="@+id/playing"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_weight="1"

                    android:layout_gravity="center"                    

                    android:background="@drawable/btn_install_selector"

                    android:gravity="center"

                    android:text="开始播放" 

                    android:textColor="@color/white"

                    android:textSize="16sp"

                    android:clickable="true"/>





        </LinearLayout>

    



</LinearLayout>

对话框底部的绿色Button的Style 实现（btn_install_selector.xml）：

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true" android:drawable="@drawable/btn_install_bg"/>

    <item android:state_enabled="false" android:drawable="@drawable/btn_sending_bg"/>

    <item android:drawable="@drawable/btn_install_normall"/>

</selector>

 

最后调用Dialog方法如下：

在你需要弹出对话框的地方 调用以下代码即可：

DialogUitl.showWatchMovieDialog(this).show();