开发中有一个需求是要制作仿IOS的dialog,这里记录一下过程。
1、 编写自定义dialog的布局
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="@dimen/dialog_message_width"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/dialog_message_bg"
android:orientation="vertical"
android:paddingTop="20dp">
<TextView
android:id="@+id/tv_dialog_message_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:textColor="#333333"
android:textSize="18sp"
tools:text="标题" />
<TextView
android:id="@+id/tv_dialog_message_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginLeft="15dp"
android:layout_marginTop="10dp"
android:layout_marginRight="15dp"
android:layout_marginBottom="10dp"
android:textColor="#333333"
android:textSize="17sp"
tools:text="内容" />
<View
android:layout_width="match_parent"
android:layout_height="@dimen/dialog_line_size"
android:layout_marginTop="10dp"
android:background="@color/dialog_line" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_dialog_message_cancel"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/dialog_message_left_button"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:text="@string/dialog_cancel"
android:textColor="@color/dialog_cancel"
android:textSize="16sp" />
<View
android:id="@+id/v_dialog_message_line"
android:layout_width="@dimen/dialog_line_size"
android:layout_height="match_parent"
android:background="@color/dialog_line" />
<TextView
android:id="@+id/tv_dialog_message_confirm"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/dialog_message_right_button"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:text="@string/dialog_confirm"
android:textColor="@color/dialog_confirm"
android:textSize="16sp" />
</LinearLayout>
</LinearLayout>
</FrameLayout>
2. 自定义dialog的style(这一步很重要,这里来设置dialog的显示状态)
<style name="TipDialog" parent="@android:style/Theme.Dialog">
<item name="android:windowFrame">@null</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowIsTranslucent">false</item>
<!--隐藏标题栏-->
<item name="android:windowNoTitle">true</item>
<item name="android:background">@android:color/transparent</item>
<!--用#00000000,否则的话这儿出来后有一个黑色的背景-->
<item name="android:windowBackground">@android:color/transparent</item>
<!--设置背景变暗-->
<item name="android:backgroundDimEnabled">true</item>
</style>
3、 在代码中使用
private void showTipDialog(String msg, View.OnClickListener listener) {
AlertDialog.Builder builder = new AlertDialog.Builder(RegisterActivity.this, R.style.TipDialog);
tipDialog = builder.create();
View contentView = View.inflate(RegisterActivity.this, R.layout.dialog_message, null);
TextView title = (TextView) contentView.findViewById(R.id.tv_dialog_message_title);
TextView message = (TextView) contentView.findViewById(R.id.tv_dialog_message_message);
TextView cancel = (TextView) contentView.findViewById(R.id.tv_dialog_message_cancel);
TextView confirm = (TextView) contentView.findViewById(R.id.tv_dialog_message_confirm);
title.setText("提示");
message.setText(msg);
cancel.setOnClickListener(listener);
confirm.setText("再试试");
confirm.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
tipDialog.dismiss();
}
});
tipDialog.setCancelable(true);
tipDialog.show();
tipDialog.setContentView(contentView);
}
4、 实际效果
亲测可用,后面补上。