SwiftUI 选轮器组件之如何创建滚轮菜单,并获取用户的滑动方向

这篇教程介绍了如何使用SwiftUI创建一个滚轮组件,展示如何在滚轮上显示数字,并根据用户的向左或向右滑动来改变滚轮的选择。文章详细讲解了定义数据结构、创建枚举以跟踪滑动方向、设置轮子的属性以及监听滑动手势来更新滚轮状态的过程。最后,展示了如何在父视图中嵌入滚轮视图并传递相关参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

从要在轮盘中显示的数据开始。如果要将轮子用作色轮,则可以存储颜色值。如果您想将此用作菜单,在轮子中间有一个图像,那么您可以添加一个图像变量。
请添加图片描述

在本教程中,我将在轮子的侧面显示数字供用户选择。

struct myVal : Equatable {
    let id = UUID()
    let val : String
}

用户需要向左或向右滑动才能移动滚轮。为您希望用户拥有的可能动作创建一个枚举。

enum Direction {
    case left
    case right
}

创建一个视图并在里面添加以下变量。

  • radius: 车轮的半径。在从我们的父视图中获取轮子的框架大小后,该值稍后会在外观内部进行更改。
  • direction:保持用户滑动的方向。
  • choosenIndex:存储用户从轮子中选择的值。
  • degree:车轮的旋转度数及其内部视图。
  • array:这是一个数组myVal;我们在上面创建的结构。该数组用于构造我们的轮子内部的内部视图。
    圆圈大小:我们圆圈的宽度和高度值。

                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值