how to give separate height and width constraint for specified screen size for eg giving different constraints for iphone and ipad?

Question

let cell = tableview.dequeueReusableCell(withIdentifier: "cell1") as! viewTableViewCell
let head = titlelist[indexPath.row] as! String
cell.lbl.text = head.uppercased()    
if(UIScreen.main.bounds.size.height == 1366)
{
    cell.img.heightAnchor.constraint(equalToConstant: 216).isActive = true
    cell.img.widthAnchor.constraint(equalToConstant: 395).isActive = true
    self.view.updateConstraints()
}

I want to change the width and height constraint for my imageview img in cell.but its not updating.any help is appreciated, thanks.

Have you design this cell in a separate `Xib` or as prototype cell in `Storyboard`? — Syed Qamar Abbas, Feb 27 '18 at 09:38
Have you programmatically add imageView in cell? or just add imageView using `Drag & Drop` ? — Syed Qamar Abbas, Feb 27 '18 at 09:44
image view using drag and drop and gave it a fixed height and width.which is suitable for iphone. and i am trying to give new height and width constraints for ipad through code — vishnu, Feb 27 '18 at 09:57
Possible duplicate of [Using Auto Layout in UITableView for dynamic cell layouts & variable row heights](https://stackoverflow.com/questions/18746929/using-auto-layout-in-uitableview-for-dynamic-cell-layouts-variable-row-heights) — Saqib Omer, Feb 27 '18 at 10:14

Shehata Gamal · Answer 1 · 2018-02-27T09:56:45.920

2

You can try

cell.img.translatesAutoresizingMaskIntoConstraints = false

if UIDevice.current.userInterfaceIdiom == .pad {
    //iPad
    cell.img.heightAnchor.constraint(equalToConstant: 400).isActive = true
    cell.img.widthAnchor.constraint(equalToConstant: 500).isActive = true
} 
else if UIDevice.current.userInterfaceIdiom == .phone {
    //iPhone
    cell.img.heightAnchor.constraint(equalToConstant: 216).isActive = true
    cell.img.widthAnchor.constraint(equalToConstant: 395).isActive = true
} 

cell.img.topAnchor.constraint(equalTo: cell.contentView.topAnchor, constant: 5).isActive = true
cell.img.bottomAnchor.constraint(equalTo: cell.contentView.bottomAnchor, constant: 5).isActive = true
cell.img.centerXAnchor.constraint(equalTo: cell.contentView.centerXAnchor, constant: 5).isActive = true

this requires dynamic table height

edited Feb 27 '18 at 09:56

answered Feb 27 '18 at 09:38

Shehata Gamal

98,760
8
65
87

what should be the offset value . compiler is yelling at me "unresolved identifier offset" – vishnu Feb 27 '18 at 10:03
it's padding replace it will any number , no offset in edit – Shehata Gamal Feb 27 '18 at 10:04
how to give dynamic table height – vishnu Feb 27 '18 at 10:11

Syed Qamar Abbas · Accepted Answer · 2018-02-27T10:13:45.793

1

Just like in below Image. Select your constraint lets say 'Width' and after select look at the left opened panel you'll see a + button before constant just tap on it a pop up will open with a menu like

Width: Compact
Height: Regular
Width: Any

This is for iPhone. To create another constant for iPad just change width form Compact to Regular

Now your constraint has two constant variables. One for iPhones and one for iPads. Assign different constant values as per your requirement.

PS: You should not change Height and Width from + is different thing. Compact Width and Regular Height means an iPhone and Regular Width and Regular Height means an iPad

edited Feb 27 '18 at 10:13

answered Feb 27 '18 at 10:07

Syed Qamar Abbas

3,637
1
28
52

do you have soucre file where i can go deeper abouth the subject – vishnu Feb 27 '18 at 10:34
Sure. Download it from here https://drive.google.com/file/d/1VQkvG_hWNfvKaCriYn0qGToGWks3-nSg/view?usp=sharing – Syed Qamar Abbas Feb 27 '18 at 10:39
Open the storyboard. I have a cell with height 300 and imageView with height & width = 100 for iPhones and 250 for iPads. You can check it using preview feature of storyboard instead of directly running the app. – Syed Qamar Abbas Feb 27 '18 at 10:40
i was referring to documentation regarding this topic.i have sucessfully changed my width and height constants – vishnu Feb 27 '18 at 11:13
`Adaptive UI` => https://developer.apple.com/design/adaptivity/ `UITraitCollection` => Doc https://developer.apple.com/documentation/uikit/uitraitcollection – Syed Qamar Abbas Feb 27 '18 at 11:16

how to give separate height and width constraint for specified screen size for eg giving different constraints for iphone and ipad?

2 Answers2