Wrong disposition of contents of custom UITableViewCell

Question

I have a custom UITableViewCell (with .xib file and custom class inherit from UITableViewCell, which have four labels). I have implemented the constraints of the contents properly, and this is the aspect in storyboard.

But when I run the app in simulator, the result is this.

It seems the contents goes to point 0,0 of x,y axis, but I can't figure out what happens.

I tried this solution, but doesn't work for me.

My app is made with storyboard. I have, in a ViewController, a UITableView (default) and I created a UITableViewCell customized (called StatementTableViewCell), which I register via code inside viewDidLoad's viewController method (tableView.registerNib(.....)).

override func viewDidLoad() {
        super.viewDidLoad()

        // I've put the name of identifier and the class as the same.        
        self.tableView.register(UINib(nibName: IDENTIFIERS.TABLE_VIEW_CELL, bundle: nil), forCellReuseIdentifier: IDENTIFIERS.TABLE_VIEW_CELL)
        
        // remainded code
    }

Someone knows how to solve this and please could help me? Thanks!

Can you reduce the example to just this table and post it to GitHub? — matt, Mar 06 '21 at 19:56
Did you change the class of the cell's `Content View`? If so, that's a no-no. — DonMag, Mar 06 '21 at 20:59
@matt Sure! I've created a sample project based on the same logic. But now the contents are all right-aligned. Here you go: https://github.com/AdrianoAntoniev/PreferredBands — adrianoingo, Mar 06 '21 at 21:19
Unfortunately I can't run this because you removed the Info.plist. — matt, Mar 06 '21 at 21:29
I made the upload from Xcode. Sorry, I will upload the info.plist — adrianoingo, Mar 06 '21 at 21:31
@matt now I uploaded the info.plist. I really appreciate if you would take a loot, if you can. Thanks and sorry for my mistake — adrianoingo, Mar 06 '21 at 21:40
OK well it looks pretty good. The four labels are in the four corners. They are truncated with ellipses, but that's to be expected. What did you want to have happen? — matt, Mar 06 '21 at 21:40
@adrianoingo - I grabbed your GitHub project... except for the fact that your horizontal stack view has `Spacing: 255` (you probably want that to be `8`), it works fine. — DonMag, Mar 06 '21 at 21:41
@matt when I run the code, instead of have the info of the bands, the labels are all in the right side of the screen, showing just the two labels of left. — adrianoingo, Mar 06 '21 at 21:46

matt · Accepted Answer · 2021-03-06T21:53:34.140

0

Okay, well, you didn't tell the truth in your question about how this is laid out. You have two vertical stack views inside a horizontal stack view. So:

Change the outer stack view's distribution to Fill Equally and zero spacing (or maybe 8, as Don Mag suggests).
Change the labels' number of lines to 0.

Bingo. You do still have some ambiguity issues due to the content hugging of the labels, but you can take care of that later.

edited Mar 06 '21 at 21:53

answered Mar 06 '21 at 21:45

matt

515,959
87
875
1,141

Thanks a lot @matt, it solved my problem! Thanks for you and @DonMag! – adrianoingo Mar 06 '21 at 21:59
You were almost there. :) – matt Mar 06 '21 at 22:07

Wrong disposition of contents of custom UITableViewCell

1 Answers1