动画 UIImageView 从圆角右上角开始并以矩形结束

Posted

技术标签:

【中文标题】动画 UIImageView 从圆角右上角开始并以矩形结束【英文标题】:Animate UIImageView start from rounded topRight corner and end with Rectangle 【发布时间】:2019-05-14 07:51:57 【问题描述】:

我正在尝试为我的 ImageView 设置动画,它应该从小圆圈中出现

像这样:

起始尺寸

y = startFrame.origin.y + startFrame.size.height - 10

height = 10 , width = 10

仅右上角

结束帧

原来的矩形

ImageView 内容不应该缩小或扩大,它的内容应该是 看起来像上面的截图。

ios 中可以吗?

【问题讨论】:

添加您目前尝试过的代码。 【参考方案1】:

在此处查看此解决方案,它适用于 iOS 11 及更高版本

if #available(iOS 11, *) 

        roundedView.layer.maskedCorners = [.layerMaxXMinYCorner]
        self.roundedView.layer.cornerRadius = 20

        UIView.animate(withDuration: 2, animations: 
            self.roundedView.layer.cornerRadius = 0
        , completion: nil )

    

这里也是参考: https://useyourloaf.com/blog/masked-and-animated-corners/

【讨论】:

以上是关于动画 UIImageView 从圆角右上角开始并以矩形结束的主要内容,如果未能解决你的问题,请参考以下文章

iOS 动画虚线矩形边框

将矩形 UIImageView 变成圆形

为啥 NavigationView 中的动画从左上角开始?

使 UIImageView 离开屏幕的动画

使用自动布局时 UIImageView 没有动画

UIImageView 开始/完成动画后更改图像