Android 如何从屏幕底部向上滑出一个view

最新推荐文章于 2021-09-22 10:05:25 发布
最新推荐文章于 2021-09-22 10:05:25 发布
阅读量3.5k 收藏 15
点赞数 1
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44560342/article/details/105794801
版权

Android 如何从屏幕底部向上滑出一个view

我的实现方式是使用Android 中的dialog实现的，直接看下面的代码步骤

1、定义dialog的布局

<?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">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/bg_layout_border_shop"
            android:orientation="vertical">
            <!--名称+价格-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="15dp"
                android:background="@drawable/bg_layout_border_shop"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/tv_home_shop_dishes_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/colorBlack"
                    android:textSize="16sp"
                    android:text="蛋卷"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"/>
                <TextView
                    android:id="@+id/tv_home_shop_price"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="16sp"
                    android:textColor="@color/colorOrange"
                    android:text="5元/包"/>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/bg_layout_border_shop"
                android:padding="15dp"
                android:orientation="vertical">
                <TextView
                    android:textSize="16sp"
                    android:textColor="@color/colorBlack"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="份量"/>
                <RadioGroup
                    android:id="@+id/rg_register_sex"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:layout_marginTop="10dp"
                    android:layout_centerVertical="true">
                    <RadioButton
                        android:id="@+id/rb_home_shop_lt"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/selector_home_shop_border"
                        android:textColor="@drawable/selector_home_rb_text"
                        android:padding="8dp"
                        android:textSize="14sp"
                        android:layout_marginRight="8dp"
                        android:button="@null"
                        android:text="小份"/>
                    <RadioButton
                        android:id="@+id/rb_home_shop_eq"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/selector_home_shop_border"
                        android:textColor="@drawable/selector_home_rb_text"
                        android:padding="8dp"
                        android:textSize="14sp"
                        android:layout_marginRight="8dp"
                        android:button="@null"
                        android:text="中份"/>
                    <RadioButton
                        android:id="@+id/rb_home_shop_gt"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/selector_home_shop_border"
                        android:textColor="@drawable/selector_home_rb_text"
                        android:padding="8dp"
                        android:textSize="14sp"
                        android:layout_marginRight="8dp"
                        android:button="@null"
                        android:text="大份"/>
                </RadioGroup>
            </LinearLayout>
            <!--购买数量-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/bg_layout_border_shop"
                android:padding="15dp"
                android:orientation="horizontal">
                <TextView
                    android:textColor="@color/colorBlack"
                    android:textSize="16sp"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="购买数量"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"/>
                <LinearLayout

                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@drawable/bg_layout_sms_border"
                    android:orientation="horizontal">
                    <TextView
                        android:id="@+id/tv_shop_minus"
                        android:textColor="@color/colorBlack"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="4dp"
                        android:text="  －  "/>
                    <EditText
                        android:id="@+id/et_shop_number"
                        android:layout_width="50dp"
                        android:background="@drawable/bg_layout_shop_border1"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:padding="4dp"
                        android:text="1"/>
                    <TextView
                        android:id="@+id/tv_shop_plus"
                        android:textColor="@color/colorBlack"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="4dp"
                        android:text="  ＋  "/>
                </LinearLayout>
            </LinearLayout>

            <!--加入购物车-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="10dp"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/tv_home_shop_price_num"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="18sp"
                    android:layout_weight="1"
                    android:textColor="@color/colorOrange"
                    android:text="￥ 5 "/>

                <Button
                    android:id="@+id/btn_shop"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="18sp"
                    android:background="@drawable/bg_layout_btn_radius_border"
                    android:textColor="@color/colorWhite"
                    android:padding="8dp"
                    android:text="加入购物车"/>
            </LinearLayout>

        </LinearLayout>
    </ScrollView>

</LinearLayout>

2、定义一个类，然后直接继承dialog

package com.dx.jingle.dialog;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.TextView;
import androidx.annotation.NonNull;
import com.dx.jingle.R;
import com.dx.jingle.bean.DishesVoBean;
import com.dx.jingle.bean.ShoppingCartBean;
import com.dx.jingle.util.MainUtil;
import java.math.BigDecimal;

public class HomeShopDialog extends Dialog {
    private Context context;
    private DishesVoBean dishesVo;
    private OnItemClickListener onItemClickListener;
    private String strShop;
    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }

    public HomeShopDialog(@NonNull Context context, DishesVoBean dishesVos) {
        super(context);
        this.context=context;
        this.dishesVo=dishesVo;
    }
    public HomeShopDialog(@NonNull Context context, int themeResId, DishesVoBean dishesVo) {
        super(context, themeResId);
        this.context=context;
        this.dishesVo=dishesVo;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //设置布局
        setContentView(R.layout.dialog_home_shop);
    }
    }
    public interface OnItemClickListener{
        void onBtnPlusClick(View view, ShoppingCartBean data, DishesVoBean datas);
    }
}

3、然后自定义一个点击事件

 //设置点击事件
        rvReserveHomeAdapter.setOnItemClickListener(new RvReserveHomeAdapter.OnItemClickListener() {
            @Override
            public void onBtnPlusClick(View view, DishesVoBean data, int position) {
                //1、初始化Dialog
                HomeShopDialog dialog=new HomeShopDialog(mActivityContext,R.style.DialogTheme,data);
                //获取Dialogwindow对象
		        Window window=dialog.getWindow();
		        //设置弹出位置
		        window.setGravity(Gravity.BOTTOM);
		        //设置动画
		        window.setWindowAnimations(R.style.dialog_menu_animStyle);
		        //设置对话框大小
		        window.getDecorView().setPadding(0,0,0,0);
		        WindowManager.LayoutParams layoutParams=window.getAttributes();
		        //设置宽度和高度
		        layoutParams.width= WindowManager.LayoutParams.MATCH_PARENT;
		        layoutParams.height=WindowManager.LayoutParams.WRAP_CONTENT;
		        //显示Dialog
		        dialog.show();

            }
        });

4、在styles.xml中设置dialog的样式

<!-- dialog的动画 -->
    <style name="DialogTheme" parent="@android:style/Theme.Dialog">
        <!-- 边框 -->
        <item name="android:windowFrame">@null</item>
        <!-- 是否浮现在activity之上 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 半透明 -->
        <item name="android:windowIsTranslucent">true</item>
        <!-- 无标题 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:background">@android:color/transparent</item>
        <!-- 背景透明 -->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!-- 模糊 -->
        <item name="android:backgroundDimEnabled">true</item>
        <!-- 遮罩层 -->
        <item name="android:backgroundDimAmount">0.5</item>
    </style>
    <!-- dialog的动画 -->
    <style name="dialog_menu_animStyle">
        <item name="android:windowEnterAnimation">@anim/dialog_in_anim</item>
        <item name="android:windowExitAnimation">@anim/dialog_out_anim</item>
    </style>

5、定义关闭与打开的动画效果

//结束
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="500"
        android:fromXDelta="0"
        android:fromYDelta="0%p"
        android:toXDelta="0"
        android:toYDelta="100%p" />
</set>

//打开
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!--
    有四种动画：alpha (透明变化) translate(位置移动) scale(缩放) rotate(旋转),
    android:duration: 动画运行时间，定义在多次时间（ms）内完成动画
    android:startOffset: 延迟一定时间后运行动画
    fromXDelta: X轴方向开始位置，可以是%，也可以是具体的像素 具体见图
    toXDelta: X轴方向结束位置，可以是%，也可以是具体的像素
    fromYDelta: Y轴方向开始位置，可以是%，也可以是具体的像素
    toYDelta: Y轴方向结束位置，可以是%，也可以是具体的像素
    -->
    <translate
        android:duration="500"
        android:fromXDelta="0"
        android:fromYDelta="100%p"
        android:toXDelta="0"
        android:toYDelta="0%p" />
</set>

效果图：
在这里插入图片描述

构建
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android实现上滑屏幕隐藏底部菜单栏的示例
01-04
本篇文章引用github上一个仿今日头条项目，项目地址： https://github.com/iMeiji/Toutiao ，主要实现的功能是底部菜单栏随用户手势滑动而变化可见状态 布局代码 这个功能实现起来比较简单，主要利用了CoordinatorLayout的 layout_behavior 的属性。具体代码如下： <include
Android用Scroller实现一个可向上滑动的底部导航栏
08-30
Android用Scroller实现一个可向上滑动的底部导航栏 Android平台中， Scroller类是一个非常重要的类，它可以帮助开发者完成一个顺滑的滚动。今天，我们将学习如何使用Scroller类来实现一个可向上滑动的底部导航栏。 ...
Android开发底部点击按钮从屏幕底部滑出面板（一）
u013087553的博客
01-26 9170
最近需要实现一个类似百度地图搜索美食上滑弹出一个覆盖面板。网上也有很多的开源项目像 [Android Sliding Up Panel] Android的Android Support Library 23.2里的 Design Support Library也有一个新的控件Bottom Sheets。用起来也比较简单。CoordinatorLayout作为父布局 子布局只需要设置layou
实现一个底部上滑出的ViewGroup
欧拉阿旺
04-25 653
在supportV4中有一个侧滑的View叫做DrawerLayout，支持左右滑动。最近项目中刚好有一个下向上滑动的组件需求，所以参考了一个改实现，打造了一个上下滑动的组件，发现代码简易，值得分享出来供大家参考。 需求功能分析 需求简述：实现一个滑动底部滑块，展开的容器控件，滑块自身内容自行定制。上滑动展开，下滑动关闭，点击开关进行对应的展开关闭。关键点： 控件支持内容定制 上下滑动进行对应的...
Android实现布局顶部底部上下滑动效果
Tobey_r1的博客
09-22 1721
Android实现布局顶部底部上下滑动效果关于效果实现修改MapSearchActivity.kt文件 关于   最近一个项目的新需求才让我知道自己很多基本功都不扎实，一个简单的底部滑入滑出就让我摸不着头脑了，后面还是去看了以前买的书才知道可以用属性动画的（ObjectAnimator）来实现： 效果 实现 这里我是直接在项目上操作的，所以布局文件里面你们就看看就行了，实际还是看代码（布局文件activity_map_search）： 因为我使用的绝对布局，然后我将要底部滑动的布局（id是ll_layou
android view显示隐藏动画效果,Android 根据手势顶部View自动展示与隐藏效果
weixin_28946137的博客
05-25 623
首先来看一下效果：大体思路如下：总体布局用了一个自定义的ViewGroup，里面包了两个View(top View，bottomView)我在bottomView里放了ViewPager，里面又有Fragment，Fragment里放的是ListView原理：ViewGroup在分发touchEvent的时候先通过手势GestureDetector判断手势方向，当向上滑动的时候让topView和b...
Android基础篇-DrawerLayout 实现侧滑
王涛的博客
11-05 1381
效果图 首先讲一个问题，如果运行中出现actionBar空指针，可能就是你的application的theme设置了NotActionBar，这时候请修改主题。先给出布局 activity_main;<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
Android从屏幕底部弹出PopupWindow
09-03
在Android开发中，PopupWindow是一种常用的UI组件，它可以在屏幕上的任意位置显示一个浮动窗口，通常用于实现类似下拉菜单、提示框等效果。在这个场景中，我们要实现的是从屏幕底部弹出的PopupWindow，并带有滑动...
简单实用Android底部菜单滑出popupwindow案例
02-27
在Android应用开发中，底部...通过以上步骤，你可以创建一个简单实用的Android底部滑出PopupWindow菜单。此案例提供了一个基本实现，但实际项目中可能需要根据需求进行更多定制，如添加更多菜单项、自定义动画效果等。
Android屏幕底部弹出对话框
09-21
它是一种从屏幕底部向上滑动出现的视图，通常用于展示一些次级或者辅助的操作选项。相比于传统的`AlertDialog`，`BottomDialog`更符合移动设备的交互习惯，因为用户可以在不完全遮挡主内容的情况下进行交互。 创建`...
Android Animation实战之屏幕底部弹出PopupWindow
01-20
在本文中，我们将探讨如何实现一个从屏幕底部弹出的PopupWindow，这种效果常见于各种应用程序，如选择图片、分享功能等。我们将通过以下步骤来实现这一效果： 1. **定义PopupWindow的布局** 在`take_photo_pop.xml...
android 动态上拉面板,android自定义View之下拉刷新，上拉加载控件
weixin_35775608的博客
05-25 210
想要知道关于更多自定义View的实例，请参考：android自定义View索引先上个效果图，走着。好了，大致的效果就是一般那种简单模样的下拉刷新，这篇文章给刚接触刷新控件的人用来入门应该是比较合适的。下面提供一下这个控件具有哪些功能：1：设置滑动到顶部，底部提供了方法： toTop()，toBottom()，直接调用即可2：设置停止滑动动作提供了方法：stopLoading()，stopLoa...
Android之Android实现浮层的上下滑动（支持内部添加View）
顾林海
08-20 7858
前言   我K，今天居然是情人节，对于资深的单身狗来说，简直是个噩耗，今天注定是各种秀恩爱，心塞中。。。。   话题到此结束，管他什么情人节，今天给大家带来的是一个浮层的上下滑动，浮层滑动时分三种状态：全部显示、显   示一半、隐藏。可在浮层中添加ListView,GirdView,ImageView等等View。   具体的效果看下面的GIF图:          ...
Android 开始画面以及第一次引导（自动播放以及手势滑动）
Legend-novo
07-06 2436
先上福利：
android 向上滑动home,滑动Home键
weixin_32602775的博客
05-27 643
你是否感覺你的Home鍵很難按？是否感覺你的Home鍵快要壞掉了？是否覺得你的通知欄太遠？滑動Home鍵是一個改變你操縱手機方式的革命性的工具。它用滑動收拾提供了5個最實用的功能。不再需要Home鍵，不必再去下拉遙遠的通知欄。你現在可以進用一隻手操作你的大屏幕手機。五個常用的操作！1, 返回主屏----拯救你疲憊的Home鍵2, 顯示最近使用的程式----剩下浪費在長按上的一秒鐘3, 下拉通知欄-...
Android之向上滑动某控件至顶部悬浮
Zachary的基地
07-09 1580
最近实现一个答题的页面，大致内容：顶部是分数，下面都是题目。实现滑动题目时仍保留顶部的操作。 很常规的操作，因为题目是根据接口动态实现的，极其复杂，所以滑动使用ScrollView实现。 效果： 实现思路： 重写ScrollView中的onScrollChanged方法，通过接口回调计算滑动距离，控制控件的显示隐藏达到这种效果。在布局中，要浮动的控件并不一定在最上面，通过ScrollV...
Android View　实现View滑动的六种方法
liuwg1226的专栏
03-30 2223
一　View的滑动简介 View的滑动是Android实现自定义控件的基础，同时在开发中我们也难免会遇到View的滑动的处理。其实不管是那种滑动的方式基本思想都是类似的：当触摸事件传到View时，系统记下触摸点的坐标，手指移动时系统记下移动后的触摸的坐标并算出偏移量，并通过偏移量来修改View的坐标。 实现View滑动有很多种方法，这篇文章主要讲解六种滑动的方法，分别是：layout()、offsetLeftAndRight()与offsetTopAndBottom()、LayoutParams、动画、sc
Androin学习笔记五十三： Android中实现view可以滑动的六种方法
自由的天空
05-27 392
出处：http://www.linuxidc.com/Linux/2015-11/125390.htm 在Android开发中，经常会遇到一个view需要它能够支持滑动的需求。今天就来总结实现其滑动的六种方法。其实每一种方法的思路都是一样的，即：监听手势触摸的坐标来实现view坐标的变化，从而实现view的滑动效果。 一、通过Layout方法来实现滑动 如果你将滑动后的目标位
android view滑动动画,Android实现View滑动的6种方式
weixin_29503627的博客
05-25 748
本文实例为大家分享了Android实现View滑动的具体方法，供大家参考，具体内容如下1.View的滑动简介View的滑动是Android实现自定义控件的基础，同时在开发中我们也难免会遇到View的滑动的处理。其实不管是那种滑动的方式基本思想都是类似的：当触摸事件传到View时，系统记下触摸点的坐标，手指移动时系统记下移动后的触摸的坐标并算出偏移量，并通过偏移量来修改View的坐标。实现View滑...
Android java 做一个向上滑动的推荐页，向上滑动后进入主页
最新发布
03-26
首先需要创建一个推荐页的布局文件。可以使用滚动视图（ScrollView）来实现上下滑动效果，并在其中添加推荐内容，如图片、文字等。 接着，在主活动（Activity）中，首先加载推荐页布局文件，并设置为当前活动的内容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值