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中的值会发生变化:




目录
相关文章
|
7月前
|
存储 测试技术 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
165 1
|
4月前
|
C# 开发者 设计模式
WPF开发者必读:命令模式应用秘籍,轻松简化UI与业务逻辑交互,让你的代码更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,命令模式是简化UI与业务逻辑交互的关键技术,通过将请求封装为对象,实现UI操作与业务逻辑分离,便于代码维护与扩展。本文介绍命令模式的概念及实现方法,包括使用`ICommand`接口、`RelayCommand`类及自定义命令等方式,并提供示例代码展示如何在项目中应用命令模式。
53 0
|
4月前
|
测试技术 Swift iOS开发
探索iOS自动化测试:使用Swift编写UI测试
【8月更文挑战第31天】在软件开发的海洋中,自动化测试是保证船只不偏离航线的灯塔。本文将带领读者启航,深入探索iOS应用的自动化UI测试。我们将通过Swift语言,点亮代码的灯塔,照亮测试的道路。文章不仅会展示如何搭建测试环境,还会提供实用的代码示例,让理论知识在实践中生根发芽。无论你是新手还是有经验的开发者,这篇文章都将是你技能提升之旅的宝贵指南。
|
7月前
|
监控 Linux Windows
装备神器edex-ui别人以为我很屌其实我只会if和else搬运代码
装备神器edex-ui别人以为我很屌其实我只会if和else搬运代码
78 1
|
存储 前端开发 C语言
代码写得很牛逼但UI界面却搞得很丑?来,杨工带你!
代码写得很牛逼但UI界面却搞得很丑?来,杨工带你!
160 0
|
7月前
|
存储 传感器 监控
工业相机如何实现实时和本地Raw格式图像和Bitmap格式图像的保存和相互转换(C#代码,UI界面版)
工业相机如何实现实时和本地Raw格式图像和Bitmap格式图像的保存和相互转换(C#代码,UI界面版)
247 0
|
存储 数据管理 数据库
CoreData 在 swift UI 中的使用
当谈到在 Swift UI 中进行本地数据持久化,Core Data 是一个强大且常用的解决方案。Core Data 是苹果提供的一种数据存储和管理框架,用于在应用程序中创建、读取、更新和删除数据。它提供了一个对象图管理器,可以将数据映射到对象,并提供了一种简化数据操作的方式。在本文中,我们将深入介绍 Core Data 在 Swift UI 中的使用。
CoreData 在 swift UI 中的使用
|
前端开发
前端项目实战肆拾贰-​react-admin+material ui-提高效率-直接单大屏操作-右代码左边演示
前端项目实战肆拾贰-​react-admin+material ui-提高效率-直接单大屏操作-右代码左边演示
55 0
|
前端开发
前端项目实战柒拾柒react-admin+material ui-踩坑-List的基本用法最少代码<Datagrid>
前端项目实战柒拾柒react-admin+material ui-踩坑-List的基本用法最少代码<Datagrid>
41 0
|
开发框架 JavaScript 前端开发
HarmonyOS学习路之开发篇—Java UI框架(使用工具自动生成JS FA调用PA代码)
JS FA(Feature Ability)调用PA (Particle Ability)是使用基于JS扩展的类Web开发范式的方舟开发框架所提供的一种跨语言能力调用的机制,用于建立JS能力与Java能力之间传递方法调用、处理数据返回以及订阅事件上报的通道。开发者可以使用FA调用PA机制进行应用开发,但直接使用该机制需要开发者手动撰写大量模板代码,且模板代码可能与业务代码相互耦合,使得代码可维护性和可读性较差。