【发布时间】:2015-07-11 03:24:58
【问题描述】:
使用 Swift,我如何制作:
- 带有“开始”字样的按钮,在点击时会变为“暂停”,反之亦然?不只是一次,而是可以无限做? (例如在秒表应用中)
- 点击时可在 2 张图片之间切换的自定义图片按钮,也可以无限进行(点击和更改)?
【问题讨论】:
-
编辑您的帖子并向我们展示您到目前为止所做的工作。
-
我只是随便玩弄按钮.. 没有什么有趣的表现!然而!哈哈!
使用 Swift,我如何制作:
【问题讨论】:
第 1 步:创建一个 Bool 变量
var isPlaying:Bool = false
第 2 步:使用此 IBAction 方法连接您的按钮:
@IBAction func btnStartStop(sender: UIButton) {
if isPlaying{
isPlaying = false
sender.setTitle("Pause", forState: UIControlState.Normal)
sender.setImage(pauseImage, forState: .Normal)
//Pause Stopwatch
}
else{
isPlaying = true
sender.setTitle("Play", forState: UIControlState.Normal)
sender.setImage(playImage, forState: .Normal)
//Play Stopwatch
}
}
【讨论】:
Bool 来存储状态。
在您的故事板中,将 Default 状态标题设置为“Start”,将 Selected 状态标题设置为“Pause”
或者,如果您在代码中执行此操作:
startPauseButton.setTitle("Start", forState: .Normal)
startPauseButton.setTitle("Pause", forState: .Selected)
在您的IBAction func 中,在true 和false 之间切换button.selected 属性
@IBAction func toggleStopwatch(button:UIButton) {
if button.selected {
// Pause the stopwatch
} else {
// Start the stopwatch
}
button.selected = !button.selected
}
您还可以为不同的状态设置不同的图像:Default、Highlighted、Selected、Disabled
【讨论】:
IBAction 方法,参数类型为AnyObject。如您所知,您正在连接到一个按钮,您可以将类型更改为 UIButton - 通过更改代码,或通过在您出现的弹出窗口中将 Type 更新为 UIButton在 Interface Builder 中连接
在按钮的@IBAction 中(假设您正在使用情节提要),您可以将按钮的标题或图像更改为您想要的。您还可以检查标题或图像,并根据您拥有的内容执行操作。
@IBAction func pressbutton(sender: UIButton) {
switch sender.titleLabel?.text {
case "Play":
play()
case "Pause":
pause()
default:
other()
}
sender.titleLabel?.text = "Whatever you want"
}
或者使用图像(假设您在某处有一个存储图像的 images 数组,您应该这样做):
@IBAction func pressbutton(sender: UIButton) {
switch sender.imageView!.image! {
case images[0]:
play()
case images[1]:
pause()
default:
other()
}
sender.imageView?.image = UIImage(...)
}
【讨论】:
selected 方式更好恕我直言
试试这个....
@IBAction func btnStopWatch(sender: UIButton) {
if btnStopWatch.selected == true {
btnStopWatch.setTitle("stop", forState: UIControlState.Normal)
btnStopWatch.setImage(stopImage, forState: UIControlState.Normal)
btnStopWatch.selected = false
} else {
btnStopWatch.setTitle("start", forState: UIControlState.Normal)
btnStopWatch.setImage(startImage, forState: UIControlState.Normal)
btnStopWatch.selected = true
}
}
【讨论】:
UIButton 标题在 Swift 3 中,UIButton 有一个名为 setTitle(_:for:) 的方法。 setTitle(_:for:) 有以下声明:
func setTitle(_ title: String?, for state: UIControlState)
设置标题以用于指定状态。
以下 Playground 代码展示了如何使用 setTitle(_:for:) 来根据按钮的状态切换按钮的标题:
import PlaygroundSupport
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = UIColor.white
let button = UIButton(type: UIButtonType.system)
button.addTarget(self, action: #selector(toggle(sender:)), for: UIControlEvents.touchUpInside)
// Set button's states
button.setTitle("Start", for: UIControlState.normal)
button.setTitle("Pause", for: UIControlState.selected)
// set layout
view.addSubview(button)
button.translatesAutoresizingMaskIntoConstraints = false
let horizontalConstraint = button.centerXAnchor.constraint(equalTo: view.centerXAnchor)
let verticalConstraint = button.centerYAnchor.constraint(equalTo: view.centerYAnchor)
NSLayoutConstraint.activate([horizontalConstraint, verticalConstraint])
}
/// trigger action when button is tapped
func toggle(sender: UIButton) {
sender.isSelected = !sender.isSelected
print("Button state: \(sender.isSelected)")
}
}
let vc = ViewController()
PlaygroundPage.current.liveView = vc
使用 View 在 Playground 助手编辑器中预览您的视图控制器 > Assistant Editor > Show Assistant Editor
UIButton 图片UIButton 有一个名为setImage(_:for:) 的方法。 setImage(_:for:) 有以下声明:
func setImage(_ image: UIImage?, for state: UIControlState)
设置用于指定状态的图像。
以下 Playground 代码展示了如何使用 setImage(_:for:) 来根据按钮的状态切换按钮的标题:
import PlaygroundSupport
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = UIColor.white
let button = UIButton()
button.addTarget(self, action: #selector(toggle(sender:)), for: UIControlEvents.touchUpInside)
// Set button's states
button.setImage(UIImage(named: "on.png"), for: UIControlState.normal)
button.setImage(UIImage(named: "off.png"), for: UIControlState.selected)
// set layout
view.addSubview(button)
button.translatesAutoresizingMaskIntoConstraints = false
let horizontalConstraint = button.centerXAnchor.constraint(equalTo: view.centerXAnchor)
let verticalConstraint = button.centerYAnchor.constraint(equalTo: view.centerYAnchor)
let heightConstraint = button.heightAnchor.constraint(equalToConstant: 100)
let widthConstraint = button.widthAnchor.constraint(equalToConstant: 100)
NSLayoutConstraint.activate([horizontalConstraint, verticalConstraint, heightConstraint, widthConstraint])
}
/// trigger action when button is tapped
func toggle(sender: UIButton) {
sender.isSelected = !sender.isSelected
print("Button state: \(sender.isSelected)")
}
}
let vc = ViewController()
PlaygroundPage.current.liveView = vc
使用 View 在 Playground 助手编辑器中预览您的视图控制器 > Assistant Editor > Show Assistant Editor
【讨论】: