拖拽时默认的橡皮筋效果,它的参数从哪里获取呢?

2022-03-02 17:16:38 +08:00
 sillydaddy

使用 SwiftUI ,创建一个简单的 list:

var body: some View{
  return List{
    Text("abc");
    Text("def");
  }
}

使用手指拖拽这个 list ,iOS 会有自带的橡皮筋效果(拉到极限后,会自动弹回去)

对于系统默认的这个拖拽效果,是用什么实现的呢?我想获取它的一些参数(比如拖拽距离),该怎么做呢?

我尝试在 List 上显式添加一个 DragGesture ,去覆盖默认的拖拽行为,发现不太行,仍然有拖拽 list 的橡皮筋效果(但确实影响了默认的拖拽行为):

var body: some View{
  return List{
    Text("abc");
    Text("def");
  }
  .gesture(DragGesture().onChanged({ value in
    print(value.translation);
  }));
}

对 iOS 不熟,搜了一圈,从Composing SwiftUI Gestures 中也没有发现线索。小白问题,希望不吝赐教。

7957 次点击
所在节点    iDev
4 条回复
Leonard
2022-03-02 17:45:22 +08:00
UIKit 里 UIScrollView ( UITableView )有个 Bool 属性是 bounce ,可以设置是否有回弹效果;有个 contentOffset 可以设置(获取)偏移量。
SwiftUI 里貌似还没有这些,想设置的话可以用 UIKit 组件自己封装,或者用第三方库实现。
Leonard
2022-03-02 17:51:10 +08:00
又搜了下也有方法解决: https://swiftcodeshow.com/blog/3-things-about-scrollview-you-should-know-in-swiftui/
把里面 ScrollView 替换成 List 应该是你要的答案。
okakuyang
2022-03-02 18:04:33 +08:00
取消回弹 :
在 View 中新添加 init()方法
init() {
UIScrollView.appearance().bounces = false
}
这是全局的,撤回需要 新增 deinit() 方法
并且在里面重新设为 true

拖拽距离:
在 list 的一个 item 中添加
.overlay{
GeometryReader{ proxy ->View in
let minY = proxy.frame(in : .global).minY
// do something
return View
}.frame(width : 0 . height: 0)
}
sillydaddy
2022-03-03 07:34:59 +08:00
@Leonard
@okakuyang
感谢。这样的话,获取拖拽参数的问题就解决了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/837491

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX