jjzjj

ios - UIView 和 UIButton 的动画区别

coder 2024-01-30 原文

在我的自定义表格 View 单元格中，我有 4 个带有动画的按钮(如下所示)。问题是当我使用 UIButton 时，动画没有按我想要的方式播放。但是当我使用 UIView 时，它完全按照我想要的方式工作。

代码完全相同，只是使用了不同类型的UIView。

这个动画使用了一个UIButton:

此动画使用的是 UIView

为了让事情更清楚一点，我在代码中唯一替换的是:

// Test with Buttons
let button1 = Button()  // Subclass of UIButton
let button2 = Button()    

// Test with UIViews
let button1 = UIView()
let button2 = UIView()

问题:
谁能告诉我为什么 UIButton 的行为与普通 UIView 不同？

最初我想通过不发布代码，我可以让问题更容易阅读，因为两个测试都使用完全相同的代码(除了“元素”(元素是 UIView 或 UIButton)，并认为问题可能在于“元素”之间的差异。我现在意识到这是我的错误。

我的代码:

class CustomView: UIView {

    private var base: [NSLayoutConstraint] = []
    private var open: [NSLayoutConstraint] = []

    var buttons: [UIView] = []

    private var active = false

    override init(frame: CGRect) {
        super.init(frame: frame)

        let button1 = CustomButton(frame: CGRectZero, color: UIColor.yellowColor().CGColor)
        let button2 = CustomButton(frame: CGRectZero, color: UIColor.redColor().CGColor)

    //  let button1 = UIView(); button1.backgroundColor = UIColor.yellowColor()
    //  let button2 = UIView(); button2.backgroundColor = UIColor.redColor()

        let views = ["button1": button1, "button2": button2]

        buttons = [button1, button2]

        buttons.enumerate().forEach {
            $0.element.translatesAutoresizingMaskIntoConstraints = false
            addSubview($0.element)

            addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[button\($0.index + 1)]|", options: [], metrics: nil, views: views))

            base += [NSLayoutConstraint(item: $0.element, attribute: .Width , relatedBy: .Equal, toItem: buttons.first!, attribute: .Width , multiplier: 1, constant: 0)]
        }

        open += [NSLayoutConstraint(item: buttons.last!, attribute: .Width, relatedBy: .Equal, toItem: buttons.first!, attribute: .Width, multiplier: 0.33, constant: 0)]           
        addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[button1]-0.5-[button2]|", options: [], metrics: nil, views: views))
        addConstraints(base)

        backgroundColor = .blackColor()
        clipsToBounds = true
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func changeState() {
        removeConstraints(active ? open : base); addConstraints(active ? base : open)

        active = !active

        UIView.animateWithDuration(0.5, animations: { self.layoutIfNeeded() })
    }
}

解决方案:
在发布代码并不小心更改了按钮的背景颜色后，我注意到它的行为是相应的。这让我意识到我在按钮中使用了 CAShapeLayer，这导致了第一个动画中看到的行为。现在我知道要解决什么了。如果这篇文章应该被关闭或删除，请告诉我。然后我会删除答案。并感谢那些试图提供帮助的人!

最佳答案

如果你不提供更多细节，我唯一能做的就是猜测你所看到的行为归结为按钮不如 View “弹性”，因为它们具有由内容决定的“自然”大小(标题和/或图像)和自动布局真的很喜欢强制执行自然大小(正如您从 IB 的警告中看到的那样)。

如果您需要更多帮助，您应该提供更多详细信息。你真的在使用自动布局吗？什么约束？你在做什么动画？等

关于ios - UIView 和 UIButton 的动画区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36244633/

UIButtonUIViewbuttoncodeiosanimation

有关ios - UIView 和 UIButton 的动画区别的更多相关文章

  1. ruby - 触发器 ruby​​ 中 3 点范围运算符和 2 点范围运算符的区别 - 2

    请帮助我理解范围运算符...和..之间的区别，作为Ruby中使用的“触发器”。这是PragmaticProgrammersguidetoRuby中的一个示例:a=(11..20).collect{|i|(i%4==0)..(i%3==0)?i:nil}返回:[nil,12,nil,nil,nil,16,17,18,nil,20]还有:a=(11..20).collect{|i|(i%4==0)...(i%3==0)?i:nil}返回:[nil,12,13,14,15,16,17,18,nil,20] 最佳答案 触发器(又名f/f)是

  2. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

  3. ruby-on-rails - `a ||= b` 和 `a = b if a.nil 之间的区别？ - 2

    我正在检查一个Rails项目。在ERubyHTML模板页面上，我看到了这样几行:我不明白为什么不这样写:在这种情况下，||=和ifnil?有什么区别？ 最佳答案 在这种特殊情况下没有区别，但可能是出于习惯。每当我看到nil?被使用时，它几乎总是使用不当。在Ruby中，很少有东西在逻辑上是假的，只有文字false和nil是。这意味着像if(!x.nil?)这样的代码几乎总是更好地表示为if(x)除非期望x可能是文字false。我会将其切换为||=false，因为它具有相同的结果，但这在很大程度上取决于偏好。唯一的缺点是赋值会在每次运行

  4. Ruby 文件 IO 定界符？ - 2

    我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？ 最佳答案 接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

  5. ruby - 这两个 Ruby 类初始化定义有什么区别？ - 2

    我正在阅读一本关于Ruby的书，作者在编写类初始化定义时使用的形式与他在本书前几节中使用的形式略有不同。它看起来像这样:classTicketattr_accessor:venue,:datedefinitialize(venue,date)self.venue=venueself.date=dateendend在本书的前几节中，它的定义如下:classTicketattr_accessor:venue,:datedefinitialize(venue,date)@venue=venue@date=dateendend在第一个示例中使用setter方法与在第二个示例中使用实例变量之间是

  6. Unity 3D 制作开关门动画,旋转门制作,推拉门制作,门把手动画制作 - 2

    Unity自动旋转动画1.开门需要门把手先动,门再动2.关门需要门先动,门把手再动3.中途播放过程中不可以再次进行操作觉得太复杂?查看我的文章开关门简易进阶版效果:如果这个门可以直接打开的话,就不需要放置"门把手"如果门把手还有钥匙需要旋转,那就可以把钥匙放在门把手的"门把手",理论上是可以无限套娃的可调整参数有:角度,反向,轴向,速度运行时点击Test进行测试自己写的代码比较垃圾,命名与结构比较拉,高手轻点喷,新手有类似的需求可以拿去做参考上代码usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;u

  7. Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2

    1.错误信息：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因：docker使用的镜像网址默认为国外，下载容易超时，需要修改成国内镜像地址（首先阿里

  8. spring.profiles.active和spring.profiles.include的使用及区别说明 - 2

    转自:spring.profiles.active和spring.profiles.include的使用及区别说明下文笔者讲述spring.profiles.active和spring.profiles.include的区别简介说明,如下所示我们都知道，在日常开发中,开发|测试|生产环境都拥有不同的配置信息如：jdbc地址、ip、端口等此时为了避免每次都修改全部信息，我们则可以采用以上的属性处理此类异常spring.profiles.active属性例：配置文件,可使用以下方式定义application-${profile}.properties开发环境配置文件:application-dev

  9. ruby - 这两段代码有什么区别？ - 2

    打印1:defsum(i)i=i+[2]end$x=[1]sum($x)print$x打印12:defsum(i)i.push(2)end$x=[1]sum($x)print$x后者是修改全局变量$x。为什么它在第二个例子中被修改而不是在第一个例子中？类Array的任何方法(不仅是push)都会发生这种情况吗？ 最佳答案 变量范围在这里无关紧要。在第一段代码中，您仅使用赋值运算符=为变量i赋值，而在第二段代码中，您正在修改$x(也称为i)使用破坏性方法push。赋值从不修改任何对象。它只是提供一个名称来引用一个对象。方法要么是破坏性

  10. ruby - Ruby 中 .next 和 .succ 的区别 - 2

    Ruby中的Fixnum方法.next和.succ有什么区别？看起来它的工作原理是一样的:1.next=>21.succ=>2如果有什么不同，为什么有两种方法做同样的事情？ 最佳答案 它们是等价的。Fixnum#succ只是Fixnum#next的同义词。他们甚至在thereferencemanual中共享同一block. 关于ruby-Ruby中.next和.succ的区别，我们在StackOverflow上找到一个类似的问题： https://stacko

随机推荐