我有一个透明删除UIButton
添加到故事板场景,其中有一张图片作为背景,我已经添加了一些自动布局限制。
我希望按钮背景为UIVisualEffectView
,所以我想以编程方式将视图添加到按钮的位置,然后删除按钮并将其添加回UIVisualEffectView
顶部。
问题1)这是一个好主意 - 或者我应该在视图层次结构中找到位置并将其放在按钮之前一级?
这是我到目前为止所拥有的。对于UIButton
:
@IBOutlet weak var delete: UIButton! {
didSet {
let borderAlpha = CGFloat(0.7)
let cornerRadius = CGFloat(5.0)
delete.setTitle("Delete", forState: UIControlState.Normal)
delete.setTitleColor(UIColor.redColor(), forState: UIControlState.Normal)
delete.backgroundColor = UIColor.clearColor()
delete.layer.borderWidth = 1.0
delete.layer.borderColor = UIColor(white: 1.0, alpha: borderAlpha).CGColor
delete.layer.cornerRadius = cornerRadius
}
}
和UIVisualEffectView
:
override func viewDidLoad() {
super.viewDidLoad()
let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light))
visualEffectView.frame = delete.frame
visualEffectView.bounds = delete.bounds
view.addSubview(visualEffectView)
}
这会产生模糊的视图,与按钮的大小相同,但它不在按钮的顶部。 问题2)我是否还需要以某种方式传递自动布局限制?
提前感谢您的帮助。
答案 0 :(得分:1)
这是一个简单的例子,您可以使用它来插入具有活力效果的UIVisualEffectView。
let button = UIButton(frame: CGRect(x: 0, y: 0, width: 500, height: 100))
button.setTitle("Visual Effect", forState: .Normal)
let gradientLayer = CAGradientLayer()
gradientLayer.colors = [UIColor.blueColor().CGColor, UIColor.redColor().CGColor, UIColor.brownColor().CGColor, UIColor.greenColor().CGColor, UIColor.magentaColor().CGColor, UIColor.purpleColor().CGColor, UIColor.cyanColor().CGColor]
gradientLayer.locations = [0.125, 0.25, 0.375, 0.5, 0.625, 0.75, 0.875, 1]
button.layer.insertSublayer(gradientLayer, atIndex: 0)
gradientLayer.frame = button.bounds
let containerEffect = UIBlurEffect(style: .Dark)
let containerView = UIVisualEffectView(effect: containerEffect)
containerView.frame = button.bounds
containerView.userInteractionEnabled = false // Edit: so that subview simply passes the event through to the button
button.insertSubview(containerView, belowSubview: button.titleLabel!)
button.titleLabel?.font = UIFont.boldSystemFontOfSize(30)
let vibrancy = UIVibrancyEffect(forBlurEffect: containerEffect)
let vibrancyView = UIVisualEffectView(effect: vibrancy)
vibrancyView.frame = containerView.bounds
containerView.contentView.addSubview(vibrancyView)
vibrancyView.contentView.addSubview(button.titleLabel!)
而且,这就是我所做的,
而且,这是最终的结果。 titleLabel文本很好地融合了活力和应用的效果。