使用 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 中也没有发现线索。小白问题,希望不吝赐教。
1
Leonard 2022-03-02 17:45:22 +08:00
UIKit 里 UIScrollView ( UITableView )有个 Bool 属性是 bounce ,可以设置是否有回弹效果;有个 contentOffset 可以设置(获取)偏移量。
SwiftUI 里貌似还没有这些,想设置的话可以用 UIKit 组件自己封装,或者用第三方库实现。 |
2
Leonard 2022-03-02 17:51:10 +08:00 1
又搜了下也有方法解决: https://swiftcodeshow.com/blog/3-things-about-scrollview-you-should-know-in-swiftui/
把里面 ScrollView 替换成 List 应该是你要的答案。 |
3
okakuyang 2022-03-02 18:04:33 +08:00 1
取消回弹 :
在 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) } |
4
sillydaddy OP |