swift UI专项训练41 用纯代码的方式实现stepper的值传递

简介:     之前讲过通过storyboard的方式捕获控件的值,现在我们来试试通过纯代码的方式来实现同样的功能。

    之前讲过通过storyboard的方式捕获控件的值,现在我们来试试通过纯代码的方式来实现同样的功能。首先定义一个stepper和一个label,用label来显示stepper的当前值。

 self.priceStepper = UIStepper(frame: CGRectMake(150, 120, 100, 20))
        self.priceStepper.minimumValue = 100//最小值
        self.priceStepper.maximumValue = 2000//最大值
        self.priceStepper.stepValue = 100//步长
        self.priceStepper.tintColor = UIColor.orangeColor()
        self.priceStepper.addTarget(self, action: "showPrice:", forControlEvents: UIControlEvents.ValueChanged)
        dialogContainer.addSubview(priceStepper)

我们使用了addTarget的方式,这跟之前在storyboard中拖动stepper的action中的ValueChanged是一样的,我们给这个步进器增加了一个addTarget,对象是它自己,捕获的是stepper值的变化,每当我们点击+或者-的时候,就会触发这个方法。方法捕获了ValueChanged后,调用了一个action:showPrice。showPrice的代码如下:

 func showPrice(sender:UIStepper!){
    self.tasteLabel.text = "消费上限: \(Int(self.priceStepper.value))"
    }

tasteLabel是我们之前定义的用来显示stepper的值的,代码如下:

self.tasteLabel = UILabel(frame: CGRectMake(20, 130, 120, 10))
       // self.tasteLabel.textAlignment = NSTextAlignment.Center
        self.tasteLabel.font = UIFont.boldSystemFontOfSize(17)
        self.tasteLabel.text = "消费上限: 100"
        dialogContainer.addSubview(self.tasteLabel)
运行效果如下,初始状态:


点击stepper后label中的值会发生变化:




目录
相关文章
|
存储 测试技术 UED
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
Qt中实现界面回放的艺术:从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
300 1
|
4月前
|
机器学习/深度学习 算法 定位技术
Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现裂缝的检测识别(C#代码UI界面版)
本项目基于YOLOv8模型与C#界面,结合Baumer工业相机,实现裂缝的高效检测识别。支持图像、视频及摄像头输入,具备高精度与实时性,适用于桥梁、路面、隧道等多种工业场景。
483 27
|
9月前
|
人工智能 自然语言处理 前端开发
Flame:开源AI设计图转代码模型!生成React组件,精准还原UI+动态交互效果
Flame 是一款开源的多模态 AI 模型,能够将 UI 设计图转换为高质量的现代前端代码,支持 React 等主流框架,具备动态交互、组件化开发等功能,显著提升前端开发效率。
1218 1
|
存储 前端开发 C语言
代码写得很牛逼但UI界面却搞得很丑?来,杨工带你!
代码写得很牛逼但UI界面却搞得很丑?来,杨工带你!
246 0
|
C# 开发者 设计模式
WPF开发者必读:命令模式应用秘籍,轻松简化UI与业务逻辑交互,让你的代码更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,命令模式是简化UI与业务逻辑交互的关键技术,通过将请求封装为对象,实现UI操作与业务逻辑分离,便于代码维护与扩展。本文介绍命令模式的概念及实现方法,包括使用`ICommand`接口、`RelayCommand`类及自定义命令等方式,并提供示例代码展示如何在项目中应用命令模式。
242 0
|
测试技术 Swift iOS开发
探索iOS自动化测试:使用Swift编写UI测试
【8月更文挑战第31天】在软件开发的海洋中,自动化测试是保证船只不偏离航线的灯塔。本文将带领读者启航,深入探索iOS应用的自动化UI测试。我们将通过Swift语言,点亮代码的灯塔,照亮测试的道路。文章不仅会展示如何搭建测试环境,还会提供实用的代码示例,让理论知识在实践中生根发芽。无论你是新手还是有经验的开发者,这篇文章都将是你技能提升之旅的宝贵指南。
|
监控 Linux Windows
装备神器edex-ui别人以为我很屌其实我只会if和else搬运代码
装备神器edex-ui别人以为我很屌其实我只会if和else搬运代码
210 1
|
存储 传感器 监控
工业相机如何实现实时和本地Raw格式图像和Bitmap格式图像的保存和相互转换(C#代码,UI界面版)
工业相机如何实现实时和本地Raw格式图像和Bitmap格式图像的保存和相互转换(C#代码,UI界面版)
742 0
|
存储 数据管理 数据库
CoreData 在 swift UI 中的使用
当谈到在 Swift UI 中进行本地数据持久化,Core Data 是一个强大且常用的解决方案。Core Data 是苹果提供的一种数据存储和管理框架,用于在应用程序中创建、读取、更新和删除数据。它提供了一个对象图管理器,可以将数据映射到对象,并提供了一种简化数据操作的方式。在本文中,我们将深入介绍 Core Data 在 Swift UI 中的使用。
CoreData 在 swift UI 中的使用
|
机器学习/深度学习 数据可视化 算法
水果新鲜程度检测系统(UI界面+YOLOv5+训练数据集)
水果新鲜程度检测系统(UI界面+YOLOv5+训练数据集)
1045 1

相关课程

更多