Swift:如何将单元格视图设计为两个三角形?

Posted

技术标签:

【中文标题】Swift:如何将单元格视图设计为两个三角形?【英文标题】:Swift: How to design cell view as two triangles? 【发布时间】:2018-09-06 11:18:42 【问题描述】:

如何制作两个三角形的单元格,或者两个半边之间有对角线的单元格。

我目前使用这里建议的解决方案 How to set two colors in UIButton background 但这并不是我所需要的,因为我需要在两者之间留出一点白色或透明的空间,例如:http://i66.tinypic.com/np5dex.png

【问题讨论】:

您可以很容易地修改链接到的代码以使用第三种颜色来实现这些“三角形”之间的间距。 创建一个与背景颜色相同的视图。为视图设置宽度等于pythagoras,将其旋转一半pi 【参考方案1】:

您也可以使用链接的渐变解决方案。您需要做的就是添加更多渐变色标,以便渐变中间有一个白色/透明部分。玩这样的东西

gradient.colors = [
    UIColor.orange.cgColor,
    UIColor.orange.cgColor,
    UIColor.clear.cgColor,
    UIColor.clear.cgColor,
    UIColor.green.cgColor,
    UIColor.green.cgColor,
]
gradient.locations = [0, 0.4, 0.4, 0.6, 0.6, 1.0]

【讨论】:

以上是关于Swift:如何将单元格视图设计为两个三角形?的主要内容,如果未能解决你的问题,请参考以下文章

以编程方式创建形状视图并在集合视图单元格上使用

如何将集合视图单元格设置为所有屏幕的相等行单元格

如何在swift ios中的两个自定义表格视图单元格之间添加间距?

如何在 Collection 视图中为每个单元格添加 edgeInsets -Swift

如何在 Swift 中获取表格视图单元格数据的总和?

带有多个单元格边框的钱包样式 Swift