SwiftUI 使用 Picker 实现 UISegmentedControl 的效果

最新推荐文章于 2024-05-22 08:25:28 发布
最新推荐文章于 2024-05-22 08:25:28 发布
阅读量386 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： SwiftUI 中文文档 - 速查手册 2023-2024 文章标签： ios objective-c swift flutter xcode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/github_29300109/article/details/115536870
本文介绍了如何在SwiftUI中利用Picker组件，实现类似iOS原生UISegmentedControl的效果。通过示例代码和实际效果展示，帮助开发者理解如何在SwiftUI中创建这种交互控件。

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

一个简单的代码和效果图

简单代码


import SwiftUI

enum CYCoverLocationType: String, CaseIterable, Identifiable{
   
   
    case eye
    case face
了解本专栏 订阅专栏 解锁全文 超级会员免费看
SwiftUI Picker分段选择组件（教程含源码）
iCloudEnd的博客
01-31 737
实战需求 SwiftUI Picker分段选择组件 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 Picker 组件选择器 标注选择内容Text(“Red”).tag(0) 分段选择器 .pickerStyle(SegmentedPickerStyle()) 基础知识 Picker 选择器 用于从一组互斥值中进行选择的控件。 struct Picker<Label, SelectionValue, Content> where Label : View,
SwiftUI如何写一个单独项禁用功能的SegmentPicker高仿控件
享受开发，颠倒银河
11-04 556
加强SwiftUI原生Picker控件功能 我们知道SwiftUI中自带有标准的Picker控件，如果对它应用SegmentedPickerStyle样式，那么我们就得到了UIKit中对应的UISegmentControl控件。 但某些情况下，Picker控件达不到我们的要求，比如我们希望Picker中的某些项可以被禁用，这是默认控件目前无法实现的。 这里就让本猫演示一下如何写一个实现子项禁用功能的Picker控件加强版。 但请不要误会，这里不会直接用到UIKit，我们只是在SwiftUI中对其扩展。 .
SwiftUI 自定义 segmented control
巍的博
08-13 1374
无聊的开始： 需要创建一个segmented control，效果如下： 是不是看着很眼熟，没错，很像Android上的对不对？！黑色下划线会移动到所选择的title下面，而且能根据文字的长度自动伸缩。 为啥这么像android的？因为耗了一个下午弄出来后发现，我打开的Figma设计页面是Android的。。。 所以好吧，如果你也尿手上了， 不是， 如果你也需要类似的设计，希望这篇文章能帮到你。 蕾丝正文： 不要问我正文为啥是蕾丝的，难道你不喜欢？！ 首先，SwiftUI 自带的
Swift 之UISegmentedControl
NoPolun_iOS的博客
01-03 1850
1、创建  var items = ["选项一","选项二","选项三"]   /************************************/    另外一种是在选项中添加图片，不过图片要进行防渲染处理     var  image = UIImage(named:"2")     image = image?.withRenderingMode(UIImageRend
swift-UISegmentedControl使用ChildViewController切换UIViewcontroller
08-15
UISegmentedControl使用ChildViewController切换UIViewcontroller
SwiftUI的Picker
lingjunjie的博客
03-15 1191
可以根据不同需求展示不同的Picker。本章来记录一下SwiftUI中三种不同Picker的用法 ，分别为normalPicker ，
Picker/选择器, ColorPicker/颜色选择器, DatePicker/日期选择器 的使用
Hanyang Li的专栏
06-21 651
Picker/选择器, ColorPicker/颜色选择器, DatePicker/日期选择器 的使用
【译】Fucking SwiftUI
FiTeen's Blog
02-18 5134
原文：Fucking Swift UI - Cheat Sheet 译者的话：翻译过程中，发现了原文中的几个错误，我向作者@sarunw提出意见后，直接在译文中改掉了，如果您发现文中内容有误，欢迎与我联系。 关于 SwiftUI，您在下文中看到的所有答案并不是完整详细的，它只能充当一份备忘单，或是检索表。 常见问题 关于 SwiftUI 的常见问题： 是否需要学 SwiftUI？ 是 是否有必...
Swift语言开发的iOS UI组件及其实用教程
在Swift编程语言中，iOS开发人员需要掌握一系列...通过掌握这些UI控件的使用方法，iOS开发人员可以在Swift语言下构建出功能完善、交互友好的应用界面。每个控件的具体属性和方法需要开发者在实际编码过程中熟悉和运用。
FloatingSegmentedControl:SwiftUI中iOS Photos应用分段控制的实现
04-13
iOS 13照片应用选择器的SwiftUI可重用实现。 :sparkles: 特征 根据项目的数量和大小自动调整大小的视图。 OnSelectedItem方法执行项目选择的逻辑。 :open_book: 下一个功能 能够自定义栏，项目和选择器的颜色。 自定义禁用视图的阴影。 :gear: 要求 iOS 13以上 Xcode 11以上 安装 使用Xcode的Swift Package Manager，可以通过转到File -> Swift Packages -> Add Package Dependency并粘贴此存储库的URL进行安装。 dependencies : [ . package ( url : " https://github.com/darioGzlez/FloatingSegmentedControl.git " , from : " 1.0.0 " ) ] 用法 浮动分段控件采用两个参数：要显示的
SwiftUI从入门到实战第2章第5节：Segment
互动教程网[www.hdjc8.com]
05-13 874
相关课程：http://hdjc8.com/hdjc/swiftUI/ Segment分段控件，类似于UIKit中的UISegmentedControl。分段控件提供一栏选项按钮，一次只能激活其中一个选项按钮。用于实现若干选项的单选。使用分段拾取器，可以在多个视图区域进行快速的跳转。 示例代码： struct ContentView : View { //给当前的结构体添加一个数组属性，作为Picker列表的数据源。 private var animals = ["???
SwiftUI中普通Picker的用法（WheelPickerStyle，SegmentedPickerStyle，InlinePickerStyle，MenuPickerStyle）
最新发布
郭永明的技术专栏
05-22 2436
Picker使用户能够在使用iOS应用程序时在多个选项之间进行选择。在本文中，我们将了解它们的各种类型，并探索它们是如何声明、配置和样式的。和Button差不多，Picker是iOS应用中最常用的UI元素之一。
macOS SwiftUI 选择器组件规范之 01 分段控件Segmented Controls
iCloudEnd的博客
01-31 639
macOS SwiftUI 选择器组件规范之 01 分段控件 什么是分段控件(Segmented Controls) 分段控件是两个或多个分段的水平集合，每个分段都充当一个按钮-通常是一个切换按钮。分段控件提供了影响对象，状态或视图的紧密相关的选择。像按钮一样，句段可以包含文本或字形。 分段控件可以启用一个或多个选择。例如，在Keynote中，用户只能在对齐选项控件中选择一个片段来对齐或对齐选定的文本。相比之下，人们可以在字体属性控件中选择多个段以启用粗体，斜体和下划线的组合。Keynote窗口的工具栏
swift-UISegmentedControl和UIWebView的用法
高性价比服务器就选：蓝易云
02-15 464
它们是iOS应用中常用的界面元素，可以帮助您实现用户友好的交互和显示Web内容。在事件处理程序中，可以根据所选分段执行不同的操作。是两个常用的用户界面组件，分别用于创建分段控制器和显示Web内容。允许用户导航到前一页和后一页，类似于浏览器的前进和后退按钮。的属性来自定义其外观和行为，例如是否启用缩放、是否显示滚动条等。可以设置代理，以便处理诸如页面加载、链接点击等事件。方法，您可以执行JavaScript代码并获取结果。协议中的方法，可以拦截这些事件并执行相应的操作。也可以在代码中创建它，使用。
Swift - 分段选择控件（UISegmentedControl）的用法
weixin_33807284的博客
09-25 235
1，选择控件的创建，并监听控件选择值 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 class ViewController: UIViewController {     override func viewDidLoad() {         su...
SwiftUI 紧凑版时间和日期选择组件
IdAutoit的博客
09-18 292
在 SwiftUI 中，我们可以使用自定义视图构建各种用户界面元素。在本篇文章中，我们将展示如何创建一个紧凑版的时间和日期选择组件。这个组件将占据较少的空间，并且提供方便的方式让用户选择时间和日期。现在，我们已经创建了一个紧凑版的时间和日期选择组件，并且可以在 SwiftUI 应用程序中使用它。这两个 SwiftUI 的内置视图来实现选择时间和日期的功能。属性将自动更新，你可以在其他地方使用它来执行进一步的操作。属性来保存用户选择的时间和日期。属性来追踪用户选择的日期和时间。样式来创建紧凑的时间选择器。
uniapp picker下拉菜单选择组件默认选择的问题注意
lyz246859的博客
11-07 3945
在使用uniapp中的picker下拉菜单时 发现了一个问题：在index默认为0的时候，第一次选择时 就算没有选中 直接取消 但是下拉框依然会默认选中第一个 这是因为index为0的缘故。有人可能觉得说，可以设置index为null值啊，说的好像没错，但是实际设null值后，点击下拉框就会报错，因为picker选择器index必须有一个数字值。其实解决办法也很简单，第一种就是，可以直接在渲染的下拉表中首项值添加“请选择”就可以啦，当然，也可以直接默认让它选择第一个，这要看开发的实际情况而定。
Swift 自定义UISegmentedControl
qq_37269542的博客
03-12 3059
在项目需求中需要实现如下UI效果(背景色自定义，并且去除segmentcontrol中间的分割线及边框颜色)： 实现代码如下： import UIKit class ViewController: UIViewController { override func viewDidLoad() { ...
macOS SwiftUI 组件之选择器Picker组件（教程含源码）
iCloudEnd的博客
01-31 724
实战需求 macOS SwiftUI 组件之选择器Picker组件 本文价值与收获 看完本文后，您将能够作出下面的界面 基础知识 什么是分段控件(Segmented Controls) 官方设计规范，请阅读 《macOS SwiftUI 选择器组件规范之 01 分段控件Segmented Controls》 分段控件是两个或多个分段的水平集合，每个分段都充当一个按钮-通常是一个切换按钮。分段控件提供了影响对象，状态或视图的紧密相关的选择。像按钮一样，句段可以包含文本或字形。 分段控件可
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

孤独的普朗克1043

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

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

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

打赏作者

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

抵扣说明：

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

余额充值