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

纯血鸿蒙APP实战开发——底部抽屉滑动效果案例

介绍本示例主要介绍了利用List实现底部抽屉滑动效果场景,并将界面沉浸式(全屏)显示,及背景地图可拖动。效果图预览使用说明向上滑动底部列表,支持根据滑动距离进行分阶抽屉式段滑动。...实现思路本例涉及的关键特性和实现方案如下:使用RelativeContainer和Stack布局,实现可滑动列表在页面在底部,且在列表滑动到页面顶部时,显示页面顶部标题栏。...alignContent: Alignment.TopStart }) { RelativeContainer() { // Image地图 ImageMapView() // 底部可变分阶段滑动列表...this.isScroll = false;this.listHeight = temHeight;在手指滑动结束离开屏幕后,通过判断此时列表高度处于哪个区间,为列表赋予相应的高度(以上滑为例)。...if (this.isUp) { // 分阶段滑动,当list高度位于第一个item和第二个item之间时,滑动到第二个item if (this.listHeight >

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

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

    ,也可配置关闭这个功能; 2、 抽屉关闭状态时,向上滑动,滑动过一定的高度时自动向上滑动打开,当没有滑动过一定的高度时,自动向下滑动,呈关闭状态; 3、 抽屉打开状态时,当滑动视图处于顶部时,向下滑动,...抽屉自动向下滑动关闭,可配置形状是否开启这个功能 4、 抽屉打开状态时,当向下滑动抽屉时,没有滑动到一定的距离时放开,抽屉会自动向上滑动回到打开状态,当滑动到一定的距离时放开,抽屉会自动向下滑动到关闭状态...; 5、 抽屉关闭状态时,向上轻扫抽屉,抽屉会向上滑动到打开状态,当抽屉打开状态时,向下轻扫,抽屉会向下滑动到关闭状态。...省略 } 在这里也声明创建了一个ScrollController ,用于抽屉视图中的滑动视图,声明的抽屉控制器DragController 用来控制抽屉的打开与关闭,代码如下: ///关闭抽屉 dragController.close...: (isOpen){ }, ), ); } 在这里通过buildListView方法来构建了一个抽屉中使用的滑动视图ListView,需要注意的是,抽屉视图中一般都使用滑动视图

    3.4K51

    使用UITableViewCell遇到的问题

    最近在使用此控件时却遇到了一些问题,UITableView上的每个小的控件是UITableViewCell。大多数的UITableViewCell都需要自定义,这样会更灵活些,能满足我们功能上的需求。...先说我的问题吧: 项目需求:一个UITableView上有两种类型的UITableViewCell。 根据项目需求这时需要自定义两种类型的UITableViewCell(这里我们称为A、B两种类型)。...在我定义好了两种UITableViewCell之后在使用的时候却出现了问题:在我使用B类型对象的时候Xcode却告诉我此对象是A类型的对象,因此不能调用B类型对象的相关方法。...由于UITableViewCell的唯一标识符都是一样的,让Xcode认为两种Cell都是一样的。 解决:在我将CellID修改之后,此问题得到了解决。 教训:切记唯一标识符的意义。

    78710
    领券