【移動應(yīng)用開發(fā)技術(shù)】自定義Dialog

【移動應(yīng)用開發(fā)技術(shù)】自定義Dialog

需要實現(xiàn)的效果圖：

一個項目所用到的對話框風(fēng)格必須統(tǒng)一，但顯示的文字、布局卻可以不同。如果每個對話框都要重新去創(chuàng)建的話，會增加代碼的冗余，浪費資源。所以可以寫個類MyDialog繼承Dailog。需要的時候直接調(diào)用MyDialog類。一、新建xml布局。<?xml

version="1.0"

encoding="utf-8"?>

<FrameLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:clickable="true"

android:orientation="vertical"

>

<LinearLayout

android:layout_width="250dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:orientation="vertical"

>

<TextView

android:id="@+id/title"

android:textSize="18dp"

android:layout_width="fill_parent"

android:layout_height="40dp"

android:gravity="center"

android:textColor="#000000"

android:textStyle="bold"

android:text="InPut"

/>

<LinearLayout

android:id="@+id/content"

android:layout_width="250dp"

android:layout_height="wrap_content"

android:gravity="center"

android:orientation="vertical"

>

<TextView

android:id="@+id/tv_message"

android:layout_width="match_parent"

android:layout_height="40dp"

android:gravity="left|center"

android:textSize="16dp"

android:layout_marginBottom="5dp"

android:layout_marginLeft="5dp"

android:layout_marginRight="5dp"

android:textColor="#333333"

/>

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="10dp"

android:layout_marginRight="10dp"

android:layout_marginBottom="10dp"

android:gravity="left|center"

>

<EditText

android:id="@+id/et_psw_message"

android:layout_width="match_parent"

android:layout_height="45dp"

android:gravity="left|center"

android:inputType="textPassword"

android:textColorHint="@color/gray"

android:visibility="gone"

android:maxLength="30"

android:textSize="@dimen/font_14"

android:background="@drawable/edit_back">

<requestFocus

/>

</EditText>

<ImageView

android:id="@+id/img_change_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_marginRight="15dp"

android:layout_centerVertical="true"

android:visibility="gone"

android:src="@drawable/img_change_name_style"

/>

</RelativeLayout>

</LinearLayout>

<View

android:layout_width="match_parent"

android:layout_height="1.0px"

android:background="#ffd0d0d0"

/>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="40dp"

android:layout_gravity="bottom"

android:background="#ffd0d0d0"

android:gravity="center"

android:orientation="horizontal"

>

<Button

android:id="@+id/negativeButton"

android:textSize="17dp"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:background="#ffffff"

android:layout_weight="1"

android:text="Cancel"

/>

<Button

android:id="@+id/positiveButton"

android:textSize="17dp"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_marginLeft="1px"

android:background="#ffffff"

android:gravity="center"

android:layout_weight="1"

android:text="Sure"

android:textStyle="bold"

android:textColor="#008ae7"

/>

</LinearLayout>

</LinearLayout>

</FrameLayout>xml效果圖如下：

盡量將對話框要用到的所有控件在xml中排好，部分不需要的可以在代碼setVisibility(View.GONE);讓其消失，省的新建多個xml文件。二、繼承Dailogpackage

com.dnake.evertalk.widgets;

import

com.dnake.evertalk.R;

import

android.app.Dialog;

import

android.content.Context;

import

android.content.DialogInterface;

import

android.view.LayoutInflater;

import

android.view.View;

import

android.view.Window;

import

android.view.ViewGroup.LayoutParams;

import

android.widget.Button;

import

android.widget.EditText;

import

android.widget.LinearLayout;

import

android.widget.TextView;

public

class

MyDialog

extends

Dialog

{

public

MyDialog(Context

context)

{

super(context);

}

public

MyDialog(Context

context,

int

theme)

{

super(context,

theme);

}

public

static

class

Builder

{

private

Context

context;

private

String

title;

private

String

message;

private

String

positiveButtonText;

private

String

negativeButtonText;

private

View

contentView;

private

DialogInterface.OnClickListener

positiveButtonClickListener;

private

DialogInterface.OnClickListener

negativeButtonClickListener;

public

Builder(Context

context)

{

this.context

=

context;

}

public

Builder

setMessage(String

message)

{

this.message

=

message;

return

this;

}

public

Builder

setMessage(int

message)

{//設(shè)置信息

this.message

=

(String)

context.getText(message);

return

this;

}

public

Builder

setTitle(int

title)

{

//設(shè)置標(biāo)題

this.title

=

(String)

context.getText(title);

return

this;

}

public

Builder

setTitle(String

title)

{//直接傳字符串

this.title

=

title;

return

this;

}

public

Builder

setContentView(View

v)

{

this.contentView

=

v;

return

this;

}

/**

*

Set

the

positive

button

resource

and

it's

listener

*/

public

Builder

setPositiveButton(int

positiveButtonText,DialogInterface.OnClickListener

listener)

{

this.positiveButtonText

=

(String)

context.getText(positiveButtonText);

this.positiveButtonClickListener

=

listener;

return

this;

}

public

Builder

setPositiveButton(String

positiveButtonText,DialogInterface.OnClickListener

listener)

{

this.positiveButtonText

=

positiveButtonText;

this.positiveButtonClickListener

=

listener;

return

this;

}

public

Builder

setNegativeButton(int

negativeButtonText,DialogInterface.OnClickListener

listener)

{

this.negativeButtonText

=

(String)

context.getText(negativeButtonText);

this.negativeButtonClickListener

=

listener;

return

this;

}

public

Builder

setNegativeButton(String

negativeButtonText,DialogInterface.OnClickListener

listener)

{

this.negativeButtonText

=

negativeButtonText;

this.negativeButtonClickListener

=

listener;

return

this;

}

public

void

create(View

layout)

{

final

MyDialog

dialog

=

new

MyDialog(context,R.style.dialog_theme);

dialog.addContentView(layout,

new

LayoutParams(LayoutParams.WRAP_CONTENT,

LayoutParams.WRAP_CONTENT));

((TextView)

layout.findViewById(R.id.title)).setText(title);

if

(positiveButtonText

!=

null)

{

((Button)

layout.findViewById(R.id.positiveButton)).setText(positiveButtonText);

if

(positiveButtonClickListener

!=

null)

{

((Button)

layout.findViewById(R.id.positiveButton)).setOnClickListener(new

View.OnClickListener()

{

public

void

onClick(View

v)

{

positiveButtonClickListener.onClick(dialog,DialogInterface.BUTTON_POSITIVE);

}

});

}

}

else

{

layout.findViewById(R.id.positiveButton).setVisibility(View.GONE);

}

if(message

!=

null)

{

TextView

hint

=

(TextView)

layout.findViewById(R.id.tv_message);

hint.setText(message);

}

if

(negativeButtonText

!=

null)

{

((Button)

layout.findViewById(R.id.negativeButton)).setText(negativeButtonText);

if

(negativeButtonClickListener

!=

null)

{

((Button)

layout.findViewById(R.id.negativeButton)).setOnClickListener(new

View.OnClickListener()

{

public

void

onClick(View

v)

{

negativeButtonClickListener.onClick(dialog,DialogInterface.BUTTON_NEGATIVE);

}

});

}

}

else

{

layout.findViewById(R.id.negativeButton).setVisibility(View.GONE);

}

dialog.setContentView(layout);

dialog.show();

}

}

}三、在Activity中創(chuàng)建dialog,設(shè)置標(biāo)題、信息以及按鈕的處理事件

private

void

showDialog()

{

LayoutInflater

inflater

=

(LayoutInfl