前言:网上一直没有找到用Swift开发IOS的好的教程,所以找了官网的文档翻译一下算了。如有错误欢迎指正。博主首发CSDN,mcf171专栏。
博客链接:mcf171的博客
原文链接:Implement a Custom Control
——————————————————————————————
在上一节文章中我们已经将资源添加到了我们的项目工程中,在这一节我们将让按钮显示这些图片
给按钮设置星星图片
1、打开RatingControl.swift
2、在 init?(coder:)初始化器中的for-in 循环前增加以下两行代码
let filledStarImage = UIImage(named: "filledStar")
let emptyStarImage = UIImage(named: "emptyStar")
3、在for-in 循环的按钮初始化之后增加下列代码
button.setImage(emptyStarImage, forState: .Normal)
button.setImage(filledStarImage, forState: .Selected)
button.setImage(filledStarImage, forState: [.Highlighted, .Selected])
上述代码为按钮的不同状态设置了不同的图片。当按钮没有出现的时候,显示的是空心星星,当选中的时候时候出现的是实心的星星。
4、删除颜色代码
button.backgroundColor = UIColor.redColor()
因为我们已经有了图片了,所以我们移除掉颜色代码
5、增加下述代码
button.adjustsImageWhenHighlighted = false
上述代码保证了当按钮状态改变的时候不显示一个额外的高亮效果
最终的初始化器代码为
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
let emptyStarImage = UIImage(named: "emptyStar")
let filledStarImage = UIImage(named: "filledStar")
for _ in 0..<5 {
let button = UIButton()
button.setImage(emptyStarImage, forState: .Normal)
button.setImage(filledStarImage, forState: .Selected)
button.setImage(filledStarImage, forState: [.Highlighted, .Selected])
button.adjustsImageWhenHighlighted = false
button.addTarget(self, action: "ratingButtonTapped:", forControlEvents: .TouchDown)
ratingButtons += [button]
addSubview(button)
}
}
里程碑:运行app。我们将看到现在是星星图案而不是红色的按钮,点击任何一个按钮都会在控制台显示消息,但是按钮并没有切换图片
实现按钮行为
用户需要通过点击星星来进行打分,所以我们需要替换之前在ratingButtonTapped中写的代码
实现打分新闻
1、在RatingControl.swift中找到ratingButtonTapped方法func ratingButtonTapped(button: UIButton) {
print("Button pressed