首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

,也可配置关闭这个功能; 2、 抽屉关闭状态时,向上滑动,滑动过一定的高度时自动向上滑动打开,当没有滑动过一定的高度时,自动向下滑动,呈关闭状态; 3、 抽屉打开状态时,当滑动视图处于顶部时,向下滑动,...抽屉自动向下滑动关闭,可配置形状是否开启这个功能 4、 抽屉打开状态时,当向下滑动抽屉时,没有滑动到一定的距离时放开,抽屉会自动向上滑动回到打开状态,当滑动到一定的距离时放开,抽屉会自动向下滑动到关闭状态...2 DragContainer抽屉视图基本使用 如上图所示的效果,为抽屉视图浮在主视图的上层,所以页面主体内容可考虑使用层叠布局,代码如下: ///上拉抽屉效果 class BottomDragWidget...省略 } 在这里也声明创建了一个ScrollController ,用于抽屉视图中的滑动视图,声明的抽屉控制器DragController 用来控制抽屉的打开与关闭,代码如下: ///关闭抽屉 dragController.close...(); ///打开抽屉 dragController.open(); buildDragWidget方法就是用来创建DragContainer 抽屉组件的方法, ///构建底部对齐的抽屉效果视图

3.4K51

TAB导航与侧边抽屉导航的巅峰对决

我们尝试下把他们收到侧边栏里,或者叫安卓团队给它的名字“侧边抽屉导航”。...目前,侧导航在安卓设备上比较流行,而iOS平台上使用的还不是很普遍。所以我们的讨论还要面对一个问题:安卓和iOS应用是不是有一样的用户习惯,适用一样的导航模式?...但从另外一个角度来说,没有那一排tab导航,让设计看上去干净多了,把导航放进侧边抽屉里,让主内容区域有了更大的空间余地。 侧边抽屉导航这种设计模式兴起于18个月前。...抽屉导航和tab导航对用户使用频率的影响 周使用频率在下降(对比明显),日使用频率在下降,用户在应用中花费的时间在下降。侧边栏导航在第一轮测试中看起来像个灾难。...而在安卓上,他们又是怎么处理的呢。在我的安卓设备上显示的是下图左一的方案(通过二级tab切换不同页面),在我同事的手机上显示的是右一的方案,通过(侧导航切换不同页面)。

2.8K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    鸽巢原理(抽屉原理)的详解

    第一抽屉原理 原理1: 把多于n+1个的物体放到n个抽屉里,则至少有一个抽屉里的东西不少于两件。...分析与解答 我们用题目中的15个偶数制造8个抽屉: 此抽屉特点:凡是抽屉中有两个数的,都具有一个共同的特点:这两个数的和是34。...现从题目中的15个偶数中任取9个数,由抽屉原理(因为抽屉只有8个),必有两个数可以在同一个抽屉中(符合上述特点).由制造的抽屉的特点,这两个数的和是34。...-1个抽屉,到会的n个校友每人按照其握手的次数归入相应的“抽屉”,根据抽屉原理,至少有两个人属于同一抽屉,则这两个人握手的次数一样多。...由几何上的对称性,这种点共有四个(即图中的H、J、I、K).已知的九条适合条件的分割直线中的每一条必须经过H、J、I、K这四点中的一点.把H、J、I、K看成四个抽屉,九条直线当成9个物体,即可得出必定有

    5.2K70

    android开发之做一个竖着的seekbar

    这就要求我们了解更多知识,比如各个View是怎么画出来的,UI上各种事件是如何分发和处理的等等。这些我都计划写出来和大家分享,网络上中文资料,说得清楚的太少了,就那么几篇被广泛的转载。...今天说一说如何做一个vertical seekbar,竖起来的seekbar。实现它的过程中就会涉及一些View是如何被画出来的知识。...我们公司做整个系统,从硬件到android到android上的应用系统, framework我们也修改,主要是功能上的增减。...中把seekbar的代码复制过来,做一些必要的修改。...系统默认seekbar是横着的,在absseekbar中计算progress、计算thumb的位置,用到了seekbar的宽和高,我们只要改变一下计算方法就能计算出竖着的seekbar所需要的各个数值。

    1.5K20

    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

    使用ViewDragHelper打造属于自己的DragLayout(抽屉开关 )

    https://blog.csdn.net/gdutxiaoxu/article/details/51935896 使用ViewDragHelper打造属于自己的DragLayout(抽屉开关...时候,关闭的时候,拖动的时候,可以在里面做相应的处理,同时我还加入了 自定义属性可以通过 app:range=”480”或者setRange()方法,即可设置打开抽屉的范围。...本篇博客是使用ViewDragHelper来 处理触摸事件和拖拽事件的的,ViewDragHelper是2013Google IO大会推出的,目的是为了给开发者提供一个处理触摸事件,节省开发者的时间。...mDragHelper,mSensitivity代表打开抽屉的 难易程度,是Float类型,至于mCallback是什么,下面会详细讲,这里先不着急。...mListener);这个方法设置监听 /** * 状态枚举 */ public static enum Status { Close, Open, Draging; } /** * 抽屉开关的监听器

    83720

    激光导航和slam导航区别_激光导航和视觉导航的区别

    最底层就是机器人本身的电机驱动和控制部分,中间通信层是底层控制部分和决策层的通信通路,决策层就是负责机器人的建图定位以及导航。...粒子滤波的思想基于蒙特卡洛方法来表示概率[粒子滤波的思想是基于蒙特卡洛方法来表示概率],可以用在任何形式的状态空间模型上。...理论上,粒子集中一个假设状态粒子的概率应该与贝叶斯滤波器t时刻后验概率成一定比例关系。...2、导航基本原理 Navigation栈[是否为Navigation包]是一个获取里程计信息、传感器数据和目标位姿并输出安全的速度命令到运动平台的2D导航包的集合。...从本质上,这种转换利用航位推算来处理漂移,所发布的转换是远期的。

    2.5K20

    抽屉式光纤配线箱的特点和应用

    尺寸的标准是由电子工业协会(EIA)制定的。IU/2U/4U光纤配线箱的主要区别在于高度和可支持的光纤芯数不同。...700_400_27.jpg 机架式光纤配线箱又分为不同的安装方式:抽屉式、滑出式和可拆卸式。抽屉式和侧开式可以更方便地使用设备,但它们的成本往往更高。而可拆卸式外壳通常更便宜,但操作性没那么便捷。...其中,抽屉式光纤配线箱是目前应用较多的类型。抽屉式光纤配线箱有哪些特点呢? 700_400_28.jpg 分体式托盘设计,操作便捷 抽屉式的设计是采用分体式托盘,模块盒在叠加安装时均可独立推拉。...托盘具有滑动和锁定功能,使用时可直接如抽屉滑动抽出来,并且可在抽出后锁定后进行布线操作,非常便捷。...700_400_26.jpg 抽屉式光纤配线箱配置灵活,安装简单,易于维护,易于管理,用途广泛,可用于跳线连接,光纤熔接、光纤存储以及高密度MTP布线管理。

    87220

    iOS中 超简单抽屉效果(MMDrawerController)的实现

    ios开发中,展示类应用通常要用到抽屉效果,由于项目需要,本人找到一个demo,缩减掉一些不常用的功能,整理出一个较短的实例。...MMDrawerController,初始化抽屉控制器时需要将左视图控制器和中心视图控制器添加到抽屉视图控制器上。    ...window的根视图控制器上,运行程序,就可以实现用手势来控制抽屉的拉出和收回。..."//第三方封装的头文件 #import "LeftDrawerTableViewController.h"、、左视图头文件 2.在viewDidLoad中实现添加左抽屉控制按钮的方法 [self...setupLeftMenuButton];//在viewDidLoad中实现添加左抽屉 控制按钮的方法 3.在下面实现添加按钮的方法 -(void)setupLeftMenuButton {

    1.5K20

    基础篇章:关于 React Native 之 DrawerLayoutAndroid 组件的讲解

    Android 中的 DrawerLayout 就是一个抽屉导航组件,所以这个组件的功能当然也是一样的。...我们的这个抽屉导航视图一开始是看不见的,就像抽屉一样,你不拉开抽屉你看不到东西,所以导航视图可以从drawerPosition指定的窗口侧面拖拽出来,并且抽屉的宽度可以使用drawerWidth属性来指定...DrawerLayoutAndroid 属性 drawerBackgroundColor color 设置抽屉导航的背景色。默认值是白色。如果你想设置抽屉的透明度,使用RGBA。...func 每当导航视图(抽屉)产生交互相互作用的时候调用此回调函数 onDrawerStateChanged func 每当抽屉的状态变化时调用此回调函数。...抽屉可以有3种状态: dle(空闲),表示现在导航条上没有任何正在进行的交互。 dragging(拖拽中),表示用户正在与导航条进行交互。

    2.5K70

    Android ActionBar完全解析,使用官方推荐的最佳导航栏(上)

    Action Bar是一种新増的导航栏功能,在Android 3.0之后加入到系统的API当中,它标识了用户当前操作界面的位置,并提供了额外的用户动作、界面导航等功能。...添加Action按钮 ActionBar还可以根据应用程序当前的功能来提供与其相关的Action按钮,这些按钮都会以图标或文字的形式直接显示在ActionBar上。...这里我们注意到,显示在ActionBar上的按钮都只有一个图标而已,我们在title中指定的文字并没有显示出来。...通过Action Bar图标进行导航 启用ActionBar图标导航的功能,可以允许用户根据当前应用的位置来在不同界面之间切换。...这就是ActionBar导航和Back键在设计上的区别,那么该怎样才能实现这样的功能呢?其实并不复杂,实现标准的ActionBar导航功能只需三步走。

    3.4K101

    ffmpeg的安装_一锁三抽屉安装视频

    大家好,又见面了,我是你们的朋友全栈君。 1. FFmpeg介绍 FFmpeg是一个完整的、跨平台的解决方案,用于记录、转换和流化音/视频。...许多 FFmpeg 的开发人员都来自 MPlayer 项目组,而 且当前FFmpeg也是被放在 MPlayer 项目组的服务器上的。...1. libx264 libx264 是当下十分热门的 H264 编码器,有着非常广泛的应用H264 编码器的优势是低码率、具有流畅连续的高清图像、高容错率、强网络适应性和高压缩比。...从理论上讲,如果接受到的报文很大,则可能会影响服务器的稳定性。报文默认值为1MB,此时可以满足大多数情况。...meta copy; 13. interleave interleave可以被放在rtmp,server和application中,用于交叉模式,此模式下音/视频在同一个chunk stream上,默认为关闭

    1.1K20

    AngularDart Material Design 应用布局 顶

    自述 应用布局 应用程序布局是一个样式,指令和组件系统,当它们一起使用时,可以提供材质外观和感知应用程序的层叠关系。 它根据材料规格提供应用栏,抽屉和导航样式。...material-spacer 占用标题和任何导航链接之间的空间。 需要在标题之后和任何导航元素之前放置。 material-navigation 导航元素将显示在头部的左侧。...-- Content here --> 导航样式 抽屉中的导航元素样式也由app_layout提供。...这是使用标准material-list组件和一些特殊的CSS类来完成的。 顶级抽屉内容应该是具有可选组元素的MaterialListComponent,这些元素由元素上的group属性指定。...将MaterialListItemComponents用于抽屉中的条目。对于每个组,如果您需要组上的标签,请在组元素内直接使用块元素上的label属性。

    4K30

    模态对话框-B 类产品设计细节:对话框 vs 抽屉

    抽屉的模态 vs 非模态   项目管理工具 Jira 的帮助文档入口在页面右侧,点开后从右侧划入非模态抽屉展示内容,这样便于用户进行对照查看和操作:   搜索功能入口在页面左侧中的导航中,点开后从左侧划入模态抽屉进行交互...模态抽屉 vs 非模态对话框   上一案例来自之前的 Jira,当前版本的 Jira 对导航和交互模式进行了调整,例如通知模块由模态抽屉改为了非模态对话框,出现的位置均遵循就近原则,体验上非模态对话框更加轻量...原来由左侧划入的模态抽屉,点击左侧导航后从左侧划入:   当前版本使用非模态对话框模态对话框,点击顶部导航后在 icon 下方出现:   4....非模态抽屉的优点是,用户可以同时查看下面的父级页面中其他任务的标题,并快速点击切换到其他需求;而模态对话框的优点是用户可以完全沉浸在当前的任务中,同时顶部也增加了「上一条」、「下一条」按钮,支持上下条快速切换...注释和举例   必要的情况下,在抽屉上叠放对话框也是可以的,例如在抽屉操作过程中有非常重要的信息要即刻告知用户,可以通过对话框展示。

    1.8K20
    领券