首页 > 系统 > Android > 正文

Android 从底部弹出Dialog(横向满屏)的实例代码

2019-12-12 04:33:38
字体:
来源:转载
供稿:网友

项目中经常需要底部弹出框,这里我整理一下其中我用的比较顺手的一个方式(底部弹出一个横向满屏的dialog)。

效果图如下所示(只显示关键部分):

步骤如下所示:

1.定义一个dialog的布局(lay_share.xml)

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@color/white"android:orientation="vertical"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:orientation="horizontal"android:paddingBottom="@dimen/padding_15"android:paddingTop="@dimen/padding_15"><Viewandroid:layout_width="0dp"android:layout_height="0dp"android:layout_weight="1" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:drawablePadding="@dimen/padding_5"android:drawableTop="@mipmap/ic_weixin_share"android:gravity="center"android:text="微信"android:textColor="@color/color_999999"android:textSize="@dimen/text_14" /><Viewandroid:layout_width="0dp"android:layout_height="0dp"android:layout_weight="1" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:drawablePadding="@dimen/padding_5"android:drawableTop="@mipmap/ic_circle_share"android:gravity="center"android:text="朋友圈"android:textColor="@color/color_999999"android:textSize="@dimen/text_14" /><Viewandroid:layout_width="0dp"android:layout_height="0dp"android:layout_weight="1" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:drawablePadding="@dimen/padding_5"android:drawableTop="@mipmap/ic_weibo_share"android:gravity="center"android:text="微博"android:textColor="@color/color_999999"android:textSize="@dimen/text_14" /><Viewandroid:layout_width="0dp"android:layout_height="0dp"android:layout_weight="1" /></LinearLayout><Viewandroid:layout_width="match_parent"android:layout_height="0.5dp"android:layout_marginLeft="@dimen/padding_10"android:layout_marginRight="@dimen/padding_10"android:background="@color/color_c9c9c9" /><TextViewandroid:id="@+id/tv_cancel"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:padding="@dimen/padding_15"android:text="取消"android:textColor="@color/color_666666"android:textSize="@dimen/text_18" /></LinearLayout>

2.定义弹出框弹出动画(dialog_enter.xml)

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="300"android:fromYDelta="100%p"android:toYDelta="0" /></set>dialog_enter.xml

3.定义弹出框隐藏动画(dialog_exit.xml)

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="300"android:fromYDelta="0"android:toYDelta="100%p" /></set>dialog_exit.xml

4.定义动画style

<!--弹出框动画--><style name="share_animation" parent="android:Animation"><item name="android:windowEnterAnimation">@anim/dialog_enter</item><item name="android:windowExitAnimation">@anim/dialog_exit</item></style>

5.定义对话框样式

<!-- 对话框样式 --><style name="dialog_bottom_full" parent="android:style/Theme.Dialog"><item name="android:windowBackground">@android:color/transparent</item><item name="android:windowNoTitle">true</item><item name="android:windowIsFloating">true</item><item name="android:windowContentOverlay">@null</item><item name="android:scrollHorizontally">true</item></style>

6.最后,在需要从底部弹出dialog的地方,直接调用showDialog()方法

/*** 显示分享弹出框*/private void showDialog() {if (mShareDialog == null) {initShareDialog();}mShareDialog.show();}/*** 初始化分享弹出框*/private void initShareDialog() {mShareDialog = new Dialog(this, R.style.dialog_bottom_full);mShareDialog.setCanceledOnTouchOutside(true);mShareDialog.setCancelable(true);Window window = mShareDialog.getWindow();window.setGravity(Gravity.BOTTOM);window.setWindowAnimations(R.style.share_animation);View view = View.inflate(this, R.layout.lay_share, null);view.findViewById(R.id.tv_cancel).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {if (mShareDialog != null && mShareDialog.isShowing()) {mShareDialog.dismiss();}}});window.setContentView(view);window.setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.WRAP_CONTENT);//设置横向全屏}

以上所述是小编给大家介绍的Android 从底部弹出Dialog(横向满屏)的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表