Android 自定义 Style 实现一个简洁、美观、通用 Dialog

 0

 358

另一棵树

2019/7/30 23:12:44

效果图

img[/layedit/img/201907302310083497.gif]

实现步骤

首先，我给它设定了一个风格，也就是对我们对话框一些必要属性的设置，它是一个style资源文件，如下

[pre]

@android:color/transparent

true

@null

true

false

[/pre]

其次，我们对它的xml布局文件进行绑定，下边是我们布局代码

[pre]

android:layout_width="match_parent"

android:layout_height="match_parent"

xmlns:tools="http://schemas.android.com/tools"

android:background="#11ffffff">

android:layout_width="260dp"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:background="@drawable/usual_dialog_shape"

android:orientation="vertical">

android:id="@+id/tv_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_margin="15dp"

android:gravity="center"

tools:text="消息提示"

android:textColor="#38ADFF"

android:textSize="16sp" />

android:id="@+id/tv_message"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="20dp"

android:layout_marginRight="20dp"

tools:text="提示消息" />

android:layout_width="match_parent"

android:layout_height="1px"

android:layout_marginTop="15dp"

android:background="#E4E4E4" />

android:layout_width="match_parent"

android:layout_height="40dp"

android:orientation="horizontal">

android:id="@+id/btn_cancel"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_marginLeft="10dp"

android:layout_weight="1"

android:background="@null"

android:gravity="center"

android:singleLine="true"

tools:text="No"

android:textColor="#7D7D7D"

android:textSize="16sp"

tools:ignore="RtlHardcoded" />

android:layout_width="1px"

android:layout_height="match_parent"

android:background="#E4E4E4" />

android:id="@+id/btn_confirm"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_marginRight="10dp"

android:layout_weight="1"

android:background="@null"

android:gravity="center"

android:singleLine="true"

tools:text="Yes"

android:textColor="#38ADFF"

android:textSize="16sp"

tools:ignore="RtlHardcoded" />

[/pre]

最后，我们继承系统的Dialog，进行设置一些必要的style、点击事件等。我们在构造器里传入我们刚刚新建的style主题，这个设置很重要。然后我个人用了建造者模式对Dialog类进行了封装

Dialog类代码

[pre]

/**

* 通常都会使用的一种交互对话框

*

* @Created by Mr.Xu on 2018/4/30.

*/

public class UsualDialogger extends Dialog {

private final String TITLE;

private final String MESSAGE;

private final String CONFIRMTEXT;

private final String CANCELTEXT;

private final onConfirmClickListener ONCONFIRMCLICKLISTENER;

private final onCancelClickListener ONCANCELCLICKLISTENER;

public interface onConfirmClickListener {

void onClick(View view);

}

public interface onCancelClickListener {

void onClick(View view);

}

private UsualDialogger(@NonNull Context context, String title, String message, String confirmText, String cancelText,

onConfirmClickListener onConfirmClickListener, onCancelClickListener onCancelClickListener) {

super(context, R.style.MyUsualDialog);

this.TITLE = title;

this.MESSAGE = message;

this.CONFIRMTEXT = confirmText;

this.CANCELTEXT = cancelText;

this.ONCONFIRMCLICKLISTENER = onConfirmClickListener;

this.ONCANCELCLICKLISTENER = onCancelClickListener;

}

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.usual_dialog);

setCanceledOnTouchOutside(false);

initView();

}

public static Builder Builder(Context context) {

return new Builder(context);

}

private void initView() {

Button btnConfirm = findViewById(R.id.btn_confirm);

Button btnCancel = findViewById(R.id.btn_cancel);

TextView tvTitle = findViewById(R.id.tv_title);

TextView tvMessage = findViewById(R.id.tv_message);

if (!TextUtils.isEmpty(TITLE)) {

tvTitle.setText(TITLE);

}

if (!TextUtils.isEmpty(MESSAGE)) {

tvMessage.setText(MESSAGE);

}

if (!TextUtils.isEmpty(CONFIRMTEXT)) {

btnConfirm.setText(CONFIRMTEXT);

}

if (!TextUtils.isEmpty(CANCELTEXT)) {

btnCancel.setText(CANCELTEXT);

}

btnConfirm.setOnClickListener(view -> {

if (ONCONFIRMCLICKLISTENER == null) {

throw new NullPointerException("clicklistener is not null");

} else {

ONCONFIRMCLICKLISTENER.onClick(view);

}

});

btnCancel.setOnClickListener(view -> {

if (ONCANCELCLICKLISTENER == null) {

throw new NullPointerException("clicklistener is not null");

} else {

ONCANCELCLICKLISTENER.onClick(view);

}

});

}

public UsualDialogger shown() {

show();

return this;

}

public static class Builder {

private String mTitle;

private String mMessage;

private String mConfirmText;

private String mCancelText;

private onConfirmClickListener mOnConfirmClickListener;

private onCancelClickListener mOnCcancelClickListener;

private Context mContext;

private Builder(Context context) {

this.mContext = context;

}

public Builder setTitle(String title) {

this.mTitle = title;

return this;

}

public Builder setMessage(String message) {

this.mMessage = message;

return this;

}

public Builder setOnConfirmClickListener(String confirmText, onConfirmClickListener confirmclickListener) {

this.mConfirmText = confirmText;

this.mOnConfirmClickListener = confirmclickListener;

return this;

}

public Builder setOnCancelClickListener(String cancelText, onCancelClickListener onCancelclickListener) {

this.mCancelText = cancelText;

this.mOnCcancelClickListener = onCancelclickListener;

return this;

}

public UsualDialogger build() {

return new UsualDialogger(mContext, mTitle, mMessage, mConfirmText, mCancelText,

mOnConfirmClickListener, mOnCcancelClickListener);

}

}

}

[/pre]

MainActivity代码

[pre]

public class MainActivity extends AppCompatActivity {

@BindView(R.id.btn_Dialog_Usual)

Button btnDialogUsual;

private UsualDialogger dialog2 = null;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ButterKnife.bind(this);

}

/**

* 通用的确定和取消对话框

*/

@OnClick(R.id.btn_Dialog_Usual)

public void showUsualDialog() {

dialog2 = UsualDialogger.Builder(this)

.setTitle("通用对话框")

.setMessage("这是一个漂亮的对话框")

.setOnConfirmClickListener("确定", view -> {

Toast.makeText(MainActivity.this, "确定", Toast.LENGTH_SHORT).show();

})

.setOnCancelClickListener("取消", view -> {

Toast.makeText(MainActivity.this, "取消", Toast.LENGTH_SHORT).show();

if (dialog2 != null) {

dialog2.dismiss();

}

})

.build()

.shown();

}

}

[/pre]