文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android自带抽屉布局及NavigationView的使用

在新版本的android sdk中，谷歌为开发者们带来了很多好用的东西，比如原生抽屉布局，下拉刷新等等，对很不乐意去网上找各种各样乱七八糟的第三方控件的某人真是挺不错的-。...我们首先了解一下NavigationView的使用，新建一个抽屉活动后，我们可以看到主界面的布局文件是这样的 抽屉拉出来后的布局了~可以看到它有两个属性app:headerLayout和app:menu 其实这两个属性后面就分别是上图中蓝色背景部分的抽屉头和下面的菜单。...developer.android.com/reference/android/support/design/widget/NavigationView.html image.png 这些方法都是对抽屉布局上的菜单和头布局进行操作时可以使用的...这也就是说我们在进行前面的操作1其实是获得该布局的同时把其加入到抽屉布局中去，这样就会出现下面的情况： image.png 操作2 解决方法也很简单，就是在layout文件中去掉 app:headerLayout

1.3K20

flutter上拉抽屉效果 flutter拖动抽屉效果

，也可配置关闭这个功能； 2、 抽屉关闭状态时，向上滑动，滑动过一定的高度时自动向上滑动打开，当没有滑动过一定的高度时，自动向下滑动，呈关闭状态； 3、 抽屉打开状态时，当滑动视图处于顶部时，向下滑动，...抽屉自动向下滑动关闭，可配置形状是否开启这个功能 4、 抽屉打开状态时，当向下滑动抽屉时，没有滑动到一定的距离时放开，抽屉会自动向上滑动回到打开状态，当滑动到一定的距离时放开，抽屉会自动向下滑动到关闭状态...2 DragContainer抽屉视图基本使用 如上图所示的效果，为抽屉视图浮在主视图的上层，所以页面主体内容可考虑使用层叠布局，代码如下： ///上拉抽屉效果 class BottomDragWidget...: (isOpen){ }, ), ); } 在这里通过buildListView方法来构建了一个抽屉中使用的滑动视图ListView，需要注意的是，抽屉视图中一般都使用滑动视图...，代码如下： ///可滑动布局构建 这里是一个列表ListView buildListView() { return ListView.builder( ///列表的控制器

3.4K51
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    浅谈DrawerLayout(抽屉效果)

    DrawerLayout是V4包下提供的一种左滑右滑抽屉布局效果。 实现效果如下： 因为是官方提供的，所以使用起来也相对的比较简单。...DrawerLayout 提供 1、当界面弹出的时候，主要内容区会自动背景变黑，当点击内容区的时候，抽屉布局会消失 2、在屏幕边缘手势滑动 会拉出抽屉布局 注意：当按后退键的时候，如果抽屉布局正在显示...注意重写后退按钮响应事件，当抽屉布局显示的时候要先关闭抽屉布局 public class MainActivity extends Activity { private DrawerLayout...} /** * 当抽屉被滑动的时候调用此方法 * arg1 表示 滑动的幅度（0-1） */...} /** * 当抽屉被滑动的时候调用此方法 * arg1 表示 滑动的幅度（0-1） */

    1.6K50

    Material Design — Navigation drawerStandard drawer Modal drawer Bottom drawer

    使用惯用且可识别的icon，并且不要用相同的icon代表不同一级目的地 ?...Dismissible standard drawers 可用于内容优先（如照片库）的布局或用户不太可能经常切换目的地的 app，且应该使用可见的 navigation menu icon 来打开和关闭抽屉...与 top app bar 相同的高度 ?...Modal drawers 可以通过以下方式被关闭： ·选择一个 drawer 项目 ·点击遮罩 ·朝 drawer 的锚定边缘滑动（例如，从右向左滑动从左边出现的 navigation drawer）...·首先列出最有可能被用户频繁访问的项目 ·如果使用帐户切换器，请将其放在 drawer 的顶部 ---- 状态 Navigation drawer 中的目的地采用 list 项目的形式。

    3.8K40

    微信小程序实战开发教程-抽屉菜单

    抽屉菜单是app上常见的菜单设计方式，典型的抽屉菜单如下图所示 下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示： 页面包含一个主页和抽屉菜单页，为了实现滑动效果，页面采用absolute布局...事件和tap事件，并且使用catchtouchmove阻止了move事件的传递，因为在真机环境下页面会自动响应滑动事件，注意不要catch start和end事件，这会导致无法触发tap事件。...菜单弹出中状态 2:菜单弹入状态中 3:菜单弹出状态 firstTouchX:0, //首次触摸X坐标值 touchCheckX:60, //触发滑动的触摸X moveX:0..., // 滑动操作横向的移动距离 maxMoveX: (app.globalData.deviceInfo.windowWidth - 60), //抽屉菜单最大移动距离 lastTranlateX...: 0 //上次动画效果的平移距离，用于校准left值 }, 之后就是滑动事件的响应处理 touchstart事件，首先判断当前状态，然后根据触摸位置判断是否激活滑动状态 onMainPageTouchstart

    2.8K70

    Android开发笔记（一百二十）两种侧滑布局

    SlidingPaneLayout SlidingPaneLayout是Android在android-support-v4.jar中推出的一个可滑动面板的布局，在前面《Android开发笔记（...只要我们在布局文件的SlidingPaneLayout节点下定义两个子布局，那么页面默认会把第一个子布局作为左侧隐藏面板，一旦用户的手势从左向右滑动，左侧面板就被拉了出来。...outState.putInt("mColor", mColor); } } } DrawerLayout DrawerLayout也是android-support-v4.jar中新加的抽屉式布局...该监听器实现了下面三个方法： --onDrawerSlide : 抽屉面板在滑动。 --onDrawerOpened : 抽屉面板已打开。...2、SlidingPaneLayout的侧滑面板在滑动时，主页面也跟着往右滑；而DrawerLayout的侧滑面板在滑动时，主页面是不会滑动的，也就是说，侧滑面板会遮盖住主页面的部分UI； 3、SlidingPaneLayout

    2.1K30

    Qt利用布局，widget和ScrollArea实现抽屉效果

    利用布局，widget和ScrollArea实现的抽屉效果如下： ?...思路就是将scrollArea设定为垂直布局，然后加入按钮和widget，当鼠标点击按钮后，隐藏widget，利用垂直布局，做到自然伸缩，然后为什么要使用scrollArea做容器，因为scrollArea...可以实现当容器空间不足，出现进度条进行列表滑动，下面一步一步来实现。...现在，我们就可以在对应的widget添加我们需要的控件，但是目前还缺少一种东西，就是当列表铺满窗体，自动出现滑动条，ScrollArea可以帮助我们，将以上控件拖到ScrollArea里面，并将ScrollArea...设置垂直布局，并将widgetResizable打勾，这样就是实现完整的抽屉效果。

    3.5K31

    AutoJs6 – v6.2.0 – 安卓 JavaScript 自动化工具 (Auto.js 二次开发)

    保存截图 / 图片找色 / 图片匹配 支持 E4X (ECMAScript for XML) 编写界面 支持将脚本文件或项目打包为 APK 文件 支持利用 Root 权限扩展功能 (屏幕点击 / 滑动...修复 文档中的示例代码区域无法正常左右滑动的问题 修复 文档页面下拉刷新时表现异常且无法撤销刷新操作的问题 (试修) 修复 应用初始安装后主页抽屉夜间模式开关联动失效的问题 修复 系统夜间模式开启时应用启动后强制开启夜间模式的问题...修复 夜间模式开启后已设置的主题色可能无法生效的问题 修复 夜间模式下部分设置选项文字与背景色相同而无法辨识的问题 修复 关于页面功能按钮文本长度过大导致文本显示不完全的问题 修复 主页抽屉设置项标题长度过大导致文本与按钮重叠的问题...修复 主页抽屉权限开关在提示消息对话框消失后可能出现状态未同步的问题 修复 Root 权限修改主页抽屉权限开关失败时未继续弹出 ADB 工具对话框的问题 修复 Root 权限显示指针位置在初次使用时提示无权限的问题...异常消息增加多语言支持 优化 主页抽屉权限开关仅在开启时弹出提示消息 优化 主页抽屉布局紧贴于状态栏下方避免顶部颜色条的低兼容性 优化 检查更新 / 下载更新 / 更新提示功能兼容安卓 7.x

    4.8K20

    vue3打造接近原生体验的抽屉指令

    ，我们手把手打造一个 手把手打造抽屉指令组件 滑动抽屉是常用的交互体验，也在app中随处可见，那么我们h5该如何实现呢？...且听我慢慢将来 基本布局 如上图所示，我们首先要实现一个基本布局，来做一个抽屉收起的状态 代码如下： <div class="list...手势 既然是抽屉，那么必须要有滑动，拖动，等手势操作，于是在经过一番筛选之后，我选择了腾讯的一个手势开源插件 alloyfinger 之所以选择它，没有什么特殊的理由，原因很简单，他是中国人写的啊，亲切...为了优化体验问题，我们还需要解决几个问题，才能形成一个接近原生体验的组件 需要解决的问题 1、抽屉内的滚动条滑动和拖动冲突问题如何解决？...2、抽屉拖动的性能问题如何解决 3、手势滑动抽屉的动效问题该如何解决 jym不要着急，我们接下来一个个来，从丘处机路过牛家村开始 抽屉内的滚动条滑动和拖动冲突问题如何解决？

    48330

    Android分享：Android侧滑原来可以这么优雅

    前言 侧滑手势在Android App应用得非常广泛，常见的使用场景包括：滑动抽屉、侧滑删除、侧滑返回、下拉刷新以及侧滑封面等。...狭义侧滑：从屏幕的某侧的边缘开始向着远离该边缘的方向滑动 广义侧滑：手指在屏幕上按下之后向着某一侧方向滑动 我的理解是，广义侧滑包含狭义侧滑，只不过是触发区域是否在屏幕边缘的区别罢了。...一行代码添加滑动抽屉 抽屉显示在主view之上，类似于DrawerLayout SmartSwipe.wrap(view) .addConsumer(new DrawerConsumer())...一行代码添加带联动效果的滑动抽屉 抽屉显示在主view之下 SmartSwipe.wrap(view) .addConsumer(new SlidingConsumer()) .setHorizontalDrawerView...xml布局文件 也不需要侵入BaseActivity 支持全屏侧滑和(/或)边缘侧滑返回 支持 上/下/左/右 4个方向侧滑返回 //仿手机QQ的手势滑动返回 SmartSwipeBack.activityStayBack

    1.6K20

    导航设计的10种模式

    02 顶部标签导航 描述： 顶部Tab是谷歌提出来的，为了区分与iOS的区别的一种导航模式，由于在顶部，手指难以触及，所以谷歌对应地提出了手势操作的解决方法：通过在屏幕左右滑动来切换标签。...05 卡片式导航 描述： 宫格导航的变式吧，可用来呈现实时内容，比如新闻、菜谱、文章或照片，可以采用网格布局（比如一直播和ins）或轮盘布局（比如格瓦拉电影），还可以采用幻灯片模式进行展示。...07 下拉式/菜单导航 描述： 与抽屉式导航的目的相同，都是为了突出内容。...优点： 菜单与界面的连贯性比抽屉式要好，容易让用户感知当前位置； 缺点： 位于屏幕上方，相对隐蔽且不能结合手势操作，不适合于频繁的切换功能使用； 考虑到导航菜单的可用面积较小，所以一般采用列表的形式展示菜单内容...总结 1.底部tab式 2.顶部标签式 3.轮播式 4.宫格式 5.卡片式 6.抽屉式 7.下拉式 8.列表式 9.弹窗式 10.组合式 导航可能不单单只有这几种，可能大家的叫法也不尽相同。

    3.6K40

    Anroid Wear OS 手表应用开发 - UI

    Wear UI 智能手表相对手机来说，由于使用场景不同，且屏幕较小，所以应用的设计、交互和手机是有些区别的。相对来说，布局会更简洁，更多地使用滑动手势进行操作。...，圆形布局的内容，不会超过显示边界： 导航抽屉栏 为了节省宝贵的显示空间，通常手表应用是没有标题栏的，在使用 ViewPager 的时候，也没有 TabLayout 的显示，但因此我们无法很好的确认当前页面...当存在多个页面时，通过左右滑动它来切换页面。...下面是一个简单的自定义底部抽屉栏布局： <android.support.wear.widget.drawer.WearableDrawerView android:id="@+id/action_drawer...它包裹了抽屉栏的主视图 drawer_content 和关闭时露出部分的视图 peek_view。

    2.6K30

    安卓软件开发：使用Jetpack Compose实现DrawerMenuApp

    通过 Jetpack Compose，安卓开发已经从传统的 XML 布局转向了声明式 UI 方式，简化了很多工作。...2.4 开发DrawerMenu UI DrawerMenuApp 是应用的核心，它通过 ModalNavigationDrawer 和 Scaffold 组件构建侧边菜单布局和顶部应用栏： @Composable...DismissibleDrawerSheet （1) 场景：DismissibleDrawerSheet 是用户可以通过滑动手势轻松关闭的 Drawer。...用户可以直接通过滑动关闭这个抽屉，而不是必须点击关闭按钮。 • 这为用户提供了更流畅的体验。...(3) 适用场景： • 比如社交类应用中的消息推送列表，当用户从侧边滑动出菜单后，浏览完内容，用户可以随时通过手势关闭，不需要再次点击关闭按钮。 3.

    57650

    DrawerLayout实现网易新闻抽屉效果

    个人感觉网易的客户端比较前卫,有很多新鲜的东西,有时候模仿这些好的客户端能学到很多东西 开始今天的主要课题,下面是网易客户端抽屉模式实现的效果 其实有个Drawerlayout这个布局,你得问题就已经解决掉一大半了...,Drawerlayout布局本身就提供了左划和右划的功能 先上代码,然后慢慢解答,看完这篇博客你就知道Drawerlayout怎么用了 首先上逐步局文件代码 的那么直接拿来用就可以了,当然前提是你得工程里有v4包 下面解释上面的布局文件,让你懂得Drawerlayout用法,首先Drawerlayout支持左划和右划,那他是如何控制的呢?...不居中告诉你,以上布局分为三部分,一般情况下,第一部分是主步局,第二部分是左划的布局,第三部分是右划的布局,其实这里的左向滑动和右向滑动是通过gravity控制,左划界面android:layout_gravity...，而抽屉打开网眼织物的颜色。

    1.5K50

    你见过微信侧滑返回的联动效果，但开门效果、百叶窗效果见过吗？

    SmartSwipe是一个Android侧滑处理框架，它封装了对控件侧滑事件（上/下/左/右4个方向滑动的手势事件）的捕获、分发及多点交替滑动的处理，基于SmartSwipe我们可以为控件添加各种你想要的侧滑效果...在官方支持库中，滑动抽屉相关的SlidingPaneLayout和DrawerLayout，以及CoordinatorLayout布局相关的BottomSheetBehavior和SwipeDismissBehavior...）及定位（事件捕获之后在侧滑方向上移动的距离），并将侧滑距离交由SwipeConsumer来消费，SwipeConsumer根据侧滑距离的变化对控件布局进行相应的改变。...（如：滑动抽屉） 拦截这个ViewGroup的touch事件，并将touch事件转换为侧滑距离交给SwipeConsumer进行消费 SwipeConsumer根据侧滑距离的变化对控件布局进行相应的改变...通过继承SwipeConsumer，用不同的方式来改变控件布局（例如：对contentView及附属控件的位置、缩放、透明等进行改变），从而实现各种侧滑的效果。

    1.5K10

    iOS中 超简单抽屉效果（MMDrawerController）的实现

    ios开发中，展示类应用通常要用到抽屉效果，由于项目需要，本人找到一个demo,缩减掉一些不常用的功能，整理出一个较短的实例。...首先需要给工程添加第三方类库  MMDrawerController： 这里讲的实例只加入了左滑抽屉。右滑和左滑只是初始化时多添加一个右视图控制器，其他方法基本相同。...宽度     drawerController.maximumLeftDrawerWidth = 200; 4.初始化完成之后添加滑动手势，通过滑动手势拉出和收回抽屉。...//滑动手势快关抽屉     [drawerController setOpenDrawerGestureModeMask:MMOpenDrawerGestureModeAll];     [drawerController...window的根视图控制器上，运行程序，就可以实现用手势来控制抽屉的拉出和收回。

    1.5K20

    2014-11-8Android学习------Android抽屉效果的实现案例--------动画Animation学习篇

    第一:我们需要明确的是，我们实现上面的抽屉效果，就是必须先要定义个自己设计的布局， 我们实现的方法是去继承LinearLayout类 public class Panel extends LinearLayout...1.加载属性 2.确定布局的方向 3.确定抽屉的状态 4.手势识别事务的处理 这四件事我们放在后面说，这里先把必须要做的事说完，那就是当我们继承LinearLayout类的时候必须要重载的函数：...上面的都是初始化状态下抽屉的布局位置，如果我手指点击了按钮，也就是拉动了“环扣” 布局是需要重新画的，这个函数会重新加载哦，那么我们必须根据抽屉的状态去随时更新视图了： if (mState...，也即是一个布局，程序员可以在里面加载自己的布局样式，可以放很多按钮，很多TextView等 接下来我们再来看看它做了什么处理： “环扣”按钮找到了，立马监听它的监听事件： mHandle.setOnTouchListener...position //这里设置面板的位置 mGestureListener.setScroll(initX, initY);//手势识别事件的触发，设置手势滑动的范围 setInitialPosition

    1.5K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券