aspect-ratio - iOS autolayout tableviewcell 实现三等分设置宽高比为1:1,程序运行时说约束有错误

Question

需求如下:本人最近在做毕业设计，音乐app，现在遇到问题，想做一个自适应宽度的tableviewcell，里面有三个imageView,imageView的宽度根据屏幕大小自适应，实现imageView的三等分，即imageView宽度自适应，但是ima...

大家讲道理 · Answer

It is not recommended to use UITableView for this kind of design, you can use UICollectionView.

巴扎黑 · Answer

First of all, looking at the constraints on the code, you use margin. This is not recommended. At least iOS7 does not support it. In fact, there is no need to use this margin. Then, there is a problem with the three equal parts effect you want, so I first processed your code a little bit

"<: :A.width == :A.height>",
"<: :B.width == :C.width>",
"<::B.leading == UITableViewCellContentView:.leadingMargin + 2>",
"<: :C.width == :A.width>",
"<: H:[:B]-(10)-[:C]>",
"<: :A.top == UITableViewCellContentView:.topMargin + 2>",
"<: H:[:C]-(10)-[:A]>",
"<: UITableViewCellContentView:.trailingMargin == :A.trailing + 2>",
"<: UITableViewCellContentView:.bottomMargin == :A.bottom + 1>",
"<: V:[UITableViewCellContentView:(112.5)]>",
"<:  H:[UITableViewCellContentView:(320)]>"

The problem is that there is no problem with equal-width intervals in a 1:1 ratio. The problem lies in the vertical distance, because the height of the Cell is determined by the tableView, so the vertical distance of the image cannot have both top and bottom, like this If it is a child, the height of the image is determined by the height of the cell, and the width of the image is determined by the width of the cell. If you want them to be the same again, isn’t this forcing others to do so

高洛峰 · Answer

You have written some unnecessary constraints, or the constraints conflict with each other. I have done this before in Auto Layout. You can refer to it:

Left:

中：

Right:

The parameter of Proportional Width to: Superview is 0.31:

In TVC (I couldn’t use Auto Layout to solve the problem here. I’m not very satisfied. If anyone knows how to do it, please give me some advice!):

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return tableView.frame.size.width / 3
}

Result:

The same goes for widening (ugly...):

ringa_lee · Answer

I didn’t read your question carefully. This is how I do the equal divisions
Drag 3 views out
Place the approximate positions
Select three views and set equal width and equal height constraints
Select three views respectively
The four side constraints are all 0 0 0 0
Then update The frames of the three views are then divided equally. . . I don’t know if I explained it clearly

ringa_lee · Answer

Is it iOS7?

PHPz · Answer

It’s better to use UICollectionView, you don’t need to do so much trouble

PHP中文网 · Answer

It is true that UICollectionView is better. Like the calendar I made before, I simply used it directly

PHP中文网 · Answer

For this kind of layout, it is better to use collection View

PHP中文网 · Answer

Depressed, the code is not very simple. Kuan丨3. . . .

巴扎黑 · Answer

Why not use CollectionView

aspect-ratio - iOS autolayout tableviewcell 实现三等分 设置宽高比为1:1,程序运行时说约束有错误

reply all(10)I'll reply

aspect-ratio - iOS autolayout tableviewcell 实现三等分设置宽高比为1:1,程序运行时说约束有错误