
使用 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 年 3 月 2 日 UIKit 里 UIScrollView ( UITableView )有个 Bool 属性是 bounce ,可以设置是否有回弹效果;有个 contentOffset 可以设置(获取)偏移量。 SwiftUI 里貌似还没有这些,想设置的话可以用 UIKit 组件自己封装,或者用第三方库实现。 |
2 Leonard 2022 年 3 月 2 日 又搜了下也有方法解决: https://swiftcodeshow.com/blog/3-things-about-scrollview-you-should-know-in-swiftui/ 把里面 ScrollView 替换成 List 应该是你要的答案。 |
3 okakuyang 2022 年 3 月 2 日 取消回弹 : 在 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 |