推荐:
日常工作中,自己定义了 Dialog 的工具类,以便使用,下面从屏幕右侧弹出的 Dialog,效果图如下:
下面主要讲的是:
- 自定义 Dialog 工具类
- 自定义布局文件
- 自定义 Dialog 显示风格
- 显示/关闭 Dialog(使用自定义 dialog)
1.自定义 Dialog 工具类
定义一个名字为 DialogUtil 的工具类,代码如下:
import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
/**
* author: wu
* date: on 2018/7/5.
* describe:dialog工具类
*/
public class DialogUtil {
private Dialog dialog;
private View inflate;
public void showRightDialog(Context context) {
//自定义dialog显示布局
inflate = LayoutInflater.from(context).inflate(R.layout.dialog_right, null);
//自定义dialog显示风格
dialog = new Dialog(context, R.style.DialogRight);
//弹窗点击周围空白处弹出层自动消失弹窗消失(false时为点击周围空白处弹出层不自动消失)
dialog.setCanceledOnTouchOutside(true);
//将布局设置给Dialog
dialog.setContentView(inflate);
//获取当前Activity所在的窗体
Window window = dialog.getWindow();
WindowManager.LayoutParams wlp = window.getAttributes();
wlp.gravity = Gravity.RIGHT;
wlp.width = WindowManager.LayoutParams.WRAP_CONTENT;
wlp.height = WindowManager.LayoutParams.MATCH_PARENT;
window.setAttributes(wlp);
dialog.show();
}
//关闭dialog时调用
public void close() {
if (dialog != null) {
dialog.dismiss();
dialog = null;
}
}
}
2.自定义布局文件
定义一个名字为 dialog_right 的布局文件,代码如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="400dp"
android:layout_height="match_parent"
android:background="#FFFFFF"
android:orientation="vertical">
<TextView
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="分类"
android:textColor="#FF999999"
android:textSize="10dp" />
<TextView
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="颜色"
android:textColor="#FF999999"
android:textSize="10dp" />
<TextView
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="商品名称"
android:textColor="#FF999999"
android:textSize="10dp" />
</LinearLayout>
3.自定义 Dialog 显示风格
在 styles 文件中自定义一个名字为 DialogRight 的风格,代码如下:
<!--位于右侧dialog的风格-->
<style name="DialogRight" parent="@android:style/Theme.Dialog">
<!-- 背景透明 -->
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowContentOverlay">@null</item>
<!-- 浮于Activity之上 -->
<item name="android:windowIsFloating">true</item>
<!-- 边框 -->
<item name="android:windowFrame">@null</item>
<!-- Dialog以外的区域模糊效果 -->
<item name="android:backgroundDimEnabled">true</item>
<!-- 无标题 -->
<item name="android:windowNoTitle">true</item>
<!-- 半透明 -->
<item name="android:windowIsTranslucent">true</item>
<!--点击dialog以外区域关闭弹窗-->
<item name="android:windowCloseOnTouchOutside">true</item>
<!-- Dialog进入及退出动画 -->
<item name="android:windowAnimationStyle">@style/ActionSheetDialogRight</item>
</style>
<!-- ActionSheet进出动画 -->
<style name="ActionSheetDialogRight" parent="@android:style/Animation.Dialog">
<item name="android:windowEnterAnimation">@anim/dialog_right_in</item>
<item name="android:windowExitAnimation">@anim/dialog_right_out</item>
</style>
在 anim 文件包下面自定义名字为 dialog_right_in 的右侧滑入动画和名字为 dialog_right_out 的右侧滑出动画,代码分别为:
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:interpolator="@android:anim/accelerate_interpolator"
android:fromXScale="0.0"
android:toXScale="1.0"
android:fromYScale="1.0"
android:toYScale="1.0"
android:pivotX="100%"
android:pivotY="0%"
android:fillAfter="false"
android:duration="300"/>
</set>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:interpolator="@android:anim/accelerate_interpolator"
android:fromXScale="1.0"
android:toXScale="0.0"
android:fromYScale="1.0"
android:toYScale="1.0"
android:pivotX="100%"
android:pivotY="0%"
android:fillAfter="false"
android:duration="200"/>
</set>
4.显示/关闭 Dialog
在 Activity 中添加如下代码即可:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final DialogUtil dialogUtil = new DialogUtil();
//延迟一秒显示位于右侧的dialog
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
dialogUtil.showRightDialog(MainActivity.this);
}
}, 1000);
//关闭dialog时调用
// dialogUtil.close();
}
}
推荐: