V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iOS 开发实用技术导航
NSHipster 中文版
http://nshipster.cn/
cocos2d 开源 2D 游戏引擎
http://www.cocos2d-iphone.org/
CocoaPods
http://cocoapods.org/
Google Analytics for Mobile 统计解决方案
http://code.google.com/mobile/analytics/
WWDC
https://developer.apple.com/wwdc/
Design Guides and Resources
https://developer.apple.com/design/
Transcripts of WWDC sessions
http://asciiwwdc.com
Cocoa with Love
http://cocoawithlove.com/
Cocoa Dev Central
http://cocoadevcentral.com/
NSHipster
http://nshipster.com/
Style Guides
Google Objective-C Style Guide
NYTimes Objective-C Style Guide
Useful Tools and Services
Charles Web Debugging Proxy
Smore
sillydaddy
V2EX  ›  iDev

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

  •  
  •   sillydaddy · 2022-03-02 17:16:38 +08:00 · 8110 次点击
    这是一个创建于 1033 天前的主题,其中的信息可能已经有所发展或是发生改变。

    使用 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 中也没有发现线索。小白问题,希望不吝赐教。

    4 条回复    2022-03-03 07:34:59 +08:00
    Leonard
        1
    Leonard  
       2022-03-02 17:45:22 +08:00
    UIKit 里 UIScrollView ( UITableView )有个 Bool 属性是 bounce ,可以设置是否有回弹效果;有个 contentOffset 可以设置(获取)偏移量。
    SwiftUI 里貌似还没有这些,想设置的话可以用 UIKit 组件自己封装,或者用第三方库实现。
    Leonard
        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 应该是你要的答案。
    okakuyang
        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)
    }
    sillydaddy
        4
    sillydaddy  
    OP
       2022-03-03 07:34:59 +08:00
    @Leonard
    @okakuyang
    感谢。这样的话,获取拖拽参数的问题就解决了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1037 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:39 · PVG 02:39 · LAX 10:39 · JFK 13:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.