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

在SwiftUI中实时获取移动视图的坐标

,可以通过使用DragGesture手势和@GestureState属性来实现。

首先,我们需要创建一个@GestureState属性来保存移动视图的坐标信息。这个属性会自动更新,并且可以在视图中使用。

代码语言:txt
复制
@GestureState private var dragOffset = CGSize.zero

接下来,我们可以在视图中使用DragGesture手势,并将其绑定到移动视图上。在手势的回调中,我们可以更新dragOffset属性来保存移动视图的坐标信息。

代码语言:txt
复制
var body: some View {
    Rectangle()
        .frame(width: 100, height: 100)
        .gesture(
            DragGesture()
                .updating($dragOffset, body: { (value, state, _) in
                    state = value.translation
                })
        )
}

现在,我们可以在视图中使用dragOffset属性来获取移动视图的坐标信息。可以通过在视图中使用offset修饰符来应用这个属性。

代码语言:txt
复制
var body: some View {
    Rectangle()
        .frame(width: 100, height: 100)
        .gesture(
            DragGesture()
                .updating($dragOffset, body: { (value, state, _) in
                    state = value.translation
                })
        )
        .offset(x: dragOffset.width, y: dragOffset.height)
}

这样,移动视图的坐标将会实时更新,并且可以在视图中使用。

在SwiftUI中实时获取移动视图的坐标可以用于实现拖拽操作、手势识别、动画效果等场景。

腾讯云相关产品和产品介绍链接地址:

  • 云计算产品:https://cloud.tencent.com/product
  • 云原生产品:https://cloud.tencent.com/solution/cloud-native
  • 人工智能产品:https://cloud.tencent.com/solution/ai
  • 物联网产品:https://cloud.tencent.com/solution/iot
  • 移动开发产品:https://cloud.tencent.com/solution/mobile
  • 存储产品:https://cloud.tencent.com/product/cos
  • 区块链产品:https://cloud.tencent.com/solution/blockchain
  • 元宇宙产品:https://cloud.tencent.com/solution/metaverse
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

13分47秒

深度学习在多视图立体匹配中的应用

-

在b站验证码中,发现禁挖矿的绝招。英伟达旗舰移动端显卡曝光

-

在b站验证码中,发现禁挖矿的绝招。英伟达旗舰移动端显卡曝光

9分9秒

164_尚硅谷_实时电商项目_从MySQL中获取偏移量的工具类封装

3分54秒

PS使用教程:如何在Mac版Photoshop中制作烟花效果?

1分6秒

PS使用教程:如何在Mac版Photoshop中制作“3D”立体文字?

1分51秒

Ranorex Studio简介

11分52秒

QNNPack之间接优化算法【推理引擎】Kernel优化第05篇

1.1K
34秒

动态环境下机器人运动规划与控制有移动障碍物的无人机动画

2分29秒

基于实时模型强化学习的无人机自主导航

53秒

动态环境下机器人运动规划与控制有移动障碍物的无人机动画2

6分5秒

etl engine cdc模式使用场景 输出大宽表

340
领券