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

Answer 1

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....

Answer 2

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

Answer 3

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.