Unable to make view equal width to cell in iOS?

Question

I am making a custom cell in iOS.I have added prototype cell.I m trying to add a view inside a cell of equal width to parent cell.But the width of cell is not equal please tell me how should i do it?

Constraints are:

View structure:

EDIT:

In preview on iPad it does not show complete view .But on actual device it works fine.Why?

sample here

https://drive.google.com/file/d/0B7RGQm8-8k24Q0tXUFZOLUZFQk0/view?usp=sharing

can you try set width of `contentView` of your `customCell`? — JAY RAPARKA, Oct 09 '15 at 10:38
@TechGuy you are not puttin any constraints on width? Equal width constraint will come in handy in your situation — NSNoob, Oct 09 '15 at 10:48
Also don't forget to make sure that your tableview is center aligned horizontally and cell width is equal to tableview's width — NSNoob, Oct 09 '15 at 10:49
I am giving leading trailing 0 so that it expand to full view .I have tried the equal width but it does not work — TechChain, Oct 09 '15 at 10:51
Please explain what the orange view on your screenshots is, add more details about the cell views structure (preferably add a screenshot of fully expanded cell views tree). Right now it isn't clear what view is the Superview you are aligning your view to, neither what are it's constraints. — A-Live, Oct 09 '15 at 10:52
Yellow is background color of the cell here & great color is table view background — TechChain, Oct 09 '15 at 10:52
see the issue is in the preview the width does not expand but on real device sit shows fine why? — TechChain, Oct 12 '15 at 06:35
https://drive.google.com/file/d/0B7RGQm8-8k24Q0tXUFZOLUZFQk0/view?usp=sharing check here — TechChain, Oct 12 '15 at 06:38

Bhavin Bhadani · Accepted Answer · 2016-04-27T12:32:16.817

4

As I checked your sample project I found that You made your viewController size to iPhone4.7 inch...and I checked the source code of storyboard and I found that targetRuntime="iOS.CocoaTouch"

So, at the time of preview,it just copied the reference for preview which is basically iPhone size and display you the iPhone size preview...

For the solution what I do is...just change in Storyboard source code..

Search for targetRuntime="iOS.CocoaTouch" and change it to targetRuntime="iOS.CocoaTouch.iPad" and then just check preview...and you can see that it works fine....

edited Apr 27 '16 at 12:32

answered Oct 12 '15 at 07:03

Bhavin Bhadani

22,224
10
78
108

i am using 4 inch at time of preview but it works fine for all other screens – TechChain Oct 12 '15 at 07:06
sure .. i have another question coming in .please keep track of it. – TechChain Oct 12 '15 at 07:56
Great answer @EICaptain – pkc456 Oct 14 '15 at 06:02

Manish Verma · Answer 2 · 2015-10-10T10:13:31.057

1

You need to align view's (which is inside cell's content view) Leading, Trailing and Top to Cell's content view. This would be enough to make the view take the cell's width. (see screenshot)

First Screen

edited Oct 10 '15 at 10:13

answered Oct 10 '15 at 07:45

Manish Verma

539
1
4
11

why you have given negative values?@Manish – TechChain Oct 10 '15 at 09:04
@TechGuy I haven't. It is the superview's margin which is auto taken when setting constraints. I disabled 'Constraints to Margin' option and then set them. – Manish Verma Oct 10 '15 at 09:57
I am still not able to get the accurate result. – TechChain Oct 12 '15 at 06:03

score 0 · Answer 3 · edited Feb 08 '17 at 15:06

0

You should add constraints to the view you added to the cell's content view,just like this.

Tips: It seems like the tableview don't have the correct size so the cell can't be right.You can try add the constraints to the tableview in the same way. Hope helps.

edited Feb 08 '17 at 15:06

Community

1
1

answered Oct 12 '15 at 06:50

lynulzy

561
7
19

I have added constraints in the same way but that does not woe for me. – TechChain Oct 12 '15 at 07:00

Unable to make view equal width to cell in iOS?

3 Answers3

Linked

Related