用图像视图掩盖图像视图

Posted

技术标签:

【中文标题】用图像视图掩盖图像视图【英文标题】:Masking an image view with an image view 【发布时间】:2014-09-24 21:34:12 【问题描述】:

我正在努力弄清楚如何将一个图像视图屏蔽到另一个图像视图。我正在尝试将聊天气泡图像视图屏蔽为包含图片的图像视图,就像 iMessage 一样。

我已经尝试了所有可能想到的 imageView.layer.mask 组合,但都失败了。困难的部分是因为气泡图像视图是由可拉伸的图像制成的。我不能使用常规的图像蒙版,它不起作用。

有什么想法吗??

【问题讨论】:

【参考方案1】:

为什么不试试这样的视图层次结构:

> Cell //The table view cell for one message
    > UIView //Subview of your message table view cell - holds image views and/or text
        > UIImageView //Subview of the UIView - the bubble image
            > UIImageView //Also a subview of the UIView - your picture message
            > UITextView //Alternative subview of the UIView - if the message isn't a picture

【讨论】:

我不知道该怎么做,因为您无法使用情节提要向图像视图添加子视图。 抱歉,我不清楚。我并不是要向第二个UIImageView 添加子视图,我只是想覆盖它们(两者都是UIView 的子视图,充当“消息”视图)。为了清楚起见,我将编辑我的答案。 我通过使用与聊天气泡具有相同框架的可拉伸蒙版图像并用它蒙版照片来使其大部分工作。效果很好。 我仍然需要稍微调整一下上限,但那里大概是 90%。

以上是关于用图像视图掩盖图像视图的主要内容,如果未能解决你的问题,请参考以下文章

用相机拍照并在图像视图中查看

如何掩盖图像中的分割区域?

用两个图像视图填充横向模式的宽度

裁剪后的Android图像视图仅显示小图像

将图像视图加载到 UIScrollView 和性能

React Native中的六角形图像