UITableViewCell UILabel Multiple Lines Aligment - ios

Question

I'm using a standard prototype cell with a label and a detail text. I set the detail text to be two lines and set the text to something with a line break. This works fine - however, the (left aligned) main label has lost its vertical centering, though I didn't change any of its attributes.
This is what it looks like in Storyboard:
"Title" should be vertically centered.

Answer 1

You can use a custom cell in which you can define the attributes of the custom properties.The size of the text label is not fixed. I think this is the reason why the alignment does not work.

Answer 2

You can subclass the UITableViewCell and do your layout in the initWithStyle method. For ex:
MyCustomCell.h file:
#interface MyCustomCell : UITableViewCell
{
UILabel *_label1;
UILabel *_label2;
UILabel *_titleLabel;
}
#property (nonatomic, strong) UILabel *label1;
#property (nonatomic, strong) UILabel *label2;
#property (nonatomic, strong) UILabel *titleLabel;
#end
MyCustomCell.m file:
#import "MyCustomCell.h"
#implementation MyCustomCell
#synthesize label1 = _label1;
#synthesize label2 = _label2;
#synthesize titleLabel = _titleLabel;
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
// Initialization code
self.label1 = [[UILabel alloc]initWithFrame:CGRectMake(x, y, w, h)]; //x: x coordinate, y: y coordinate, w is width , h is height
self.label2 = [[UILabel alloc]initWithFrame:CGRectMake(x, y, w, h)];
self.titleLabel = [[UILabel alloc]initWithFrame:CGRectMake(x, y, w, h)];
self.titleLabel.font = [UIFont fontWithName:#"Times New Roman" size:30.0f]; //change font name and size per your needed.
[self addSubview:self.label1];
[self addSubview:self.label1];
[self addSubview:self.titleLabel];
}
return self;
}
In the class file where you have cellForRowAtIndexPath method, make sure include the #import "MyCustomCell.h" and use MyCustomCell instead of UITableViewCell to allocate the cell. And assigning data to labels as so:
cell.label1.text = xxxx;
cell.label2.text = xxxx;
cell.titleLabel.text = xxxx;