小编sti*_*nzo的帖子

我在世界各地搜索了好几个星期,但我无法找到问题的答案.

是否可以在正三角形内部生成图像？

我已经看到很多方法来创建一个形状或一个蒙版,但我需要一个真正的三角形,因为我需要彼此相邻的几个三角形,其中一些三角形对齐,就像在这个=图像:

http://www.tiikoni.com/tis/view/?id=d49c960

我用颜色来分割两种类型的三角形,但它们都有图像而不是颜色.

我尝试过使用skewX,skewY和rotate,我有足够的结果,但它并不完美:

<div class='pageTri2'>
<a href='#' class='option2'>
    <img src='image.jpg'>
</a>
</div>

<style>
.pageTri2 {
    overflow: hidden;
    position: relative;
    margin: 40px auto;
    width: 250px; height: 250px;
    display: inline-block;
}
.option2, .option2 img { width: 100%; height: 100%; }
.option2 {
    overflow: hidden;
    position: absolute;
    transform: skewX(-25deg) skewY(45deg);
    transform-origin: 50% 50% 0;
}
.option2:first-child {
    transform-origin: 100% 0;
}
.option2:last-child {
    transform-origin: 0 100%;
}
.option2 img { opacity: .75; transition: .5s; }
.option2 img:hover { opacity: 1; …

我搜索了很多解决方案,但找不到任何解决这个特殊情况的方法.

我在UITableView中创建了一个自定义单元格,这些元素从顶部开始按顺序排列:

• imageview(约束顶部屏幕,固定宽度,固定高度,居中水平)
• 顶部标签(约束顶部imageview,固定宽度,居中水平)线设置为0.
• 视图(约束顶部标签,固定宽度,居中水平)高度设置为0.
• 按钮(约束俯视图,固定宽度,固定高度,居中水平)
• 底部标签(约束俯视图,约束底部屏幕,固定宽度,固定高度,居中水平)

如果我为顶部标签插入很长的文本,单元格也会正确自动调整高度.

现在我想在按钮上添加一个动作,以便在视图的高度上调整大小,就像手风琴一样.所以我试图改变高度没有成功,如果我重新加载tableview,任何改变.我试图设置一个约束到视图的高度,但如果我改变所有内容移动但单元格的高度不会改变.

我可以让视图改变高度的唯一方法是设置表的rowheight,但是更改表的所有单元格,我想打开只有一个单元格的视图.

还有另一种方法吗？

在此先感谢Ale

编辑:

对于间隙,我已经使用noobular建议的委托方法解决了,将视图设置为0高度允许在单元格的高度发生变化时进行扩展.