How do you load custom UITableViewCells from Xib files in ios - ios

Question

Hi i am very beginner in iOS and in my UITableView I am loading UITableViewCell from Xib using below code but UIFields are not fitting perfectly as like my below screen please help me why fields are not fitting perfectly?
my code:-
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *simpleTableIdentifier = #"MyCell";
DetailsTableViewCell *cell = (DetailsTableViewCell *)[MaintableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];
if (cell == nil)
{
NSArray *nib = [[NSBundle mainBundle] loadNibNamed:#"DetailsTableViewCell" owner:self options:nil];
cell = [nib objectAtIndex:0];
}
return cell;
}
- (CGFloat)tableView:(UITableView *)aTableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return 100;
}
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *) cell forRowAtIndexPath:(NSIndexPath *)indexPath{
cell.contentView.backgroundColor = [Bg colorWithHexString:#"FFB848"];
UIView * whiteRoundedView = [[UIView alloc]initWithFrame:CGRectMake(0, 10, self.view.frame.size.width, 70)];
whiteRoundedView.layer.backgroundColor = [Bg colorWithHexString:#"EF4836"].CGColor;
whiteRoundedView.layer.masksToBounds = NO;
whiteRoundedView.layer.cornerRadius = 0.0;
whiteRoundedView.layer.shadowOffset = CGSizeMake(-1, -1);
[cell.contentView addSubview:whiteRoundedView];
[cell.contentView sendSubviewToBack:whiteRoundedView];
}

Answer 1

You can design the custom cell as per your requirements with ur required edge insets ,in this way
All cells will be of same size hence the required gap will be maintained easily.
Register your nib and use your custom cell as
[tableName registerNib:[UINib nibWithNibName:#"customCell" bundle:nil] forCellReuseIdentifier:#"customCell"];
Hope it helps.. happy Coding.. :)

Answer 2

You don't need to add this method to use a background view
-(void) tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *) cell forRowAtIndexPath:(NSIndexPath *)indexPath{
You can add a UIView to your nib file from the interface builder and to round the corners you can create a IBOutlet property for that UIView and then inside your DetailsTableViewCell.m file inside the below method, do your corder round implementation.
- (id)initWithCoder:(NSCoder *)aDecoder {
self = [super initWithCoder:aDecoder];
//your custom initialization code
return self;
}

Answer 3

#import "LoadMoreTableViewCell.h"
Register custom nib.
- (void)viewDidLoad {
[super viewDidLoad];
[self.tableView registerNib:[UINib nibWithNibName:NSStringFromClass([LoadMoreTableViewCell class])
bundle:nil]
forCellReuseIdentifier:NSStringFromClass([LoadMoreTableViewCell class])];
}
Return the custom cell from tableView:cellForRowAtIndexPath: delegate method.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
return [self loadMoreTableViewCellForTableView:tableView indexPath:indexPath];
}
- (LoadMoreTableViewCell *)loadMoreTableViewCellForTableView:(UITableView *)tableView indexPath:(NSIndexPath *)indexPath {
LoadMoreTableViewCell *cell = (LoadMoreTableViewCell *)[tableView dequeueReusableCellWithIdentifier:NSStringFromClass([LoadMoreTableViewCell class])];
cell.selectionStyle = UITableViewCellSelectionStyleNone;
return cell;
}