Separating multiple UILabels with a line IOS

Question

I wan to design a settings page, in which I have to draw lines between multiple labels, what is the best way to do this, I have googled around, got to know about CGContextRef approach. Is this the proper way, I need to have a line between labels (consecutively). Can I go ahead with this approach or any other best way is there.

Would you like to underline the text? http://stackoverflow.com/questions/2711297/underline-text-in-uilabel/2711587#2711587 — MCKapur, Oct 19 '12 at 06:48
For each separator line create a CALayer that is 1 pixel tall and set its background color. — nielsbot, Oct 19 '12 at 06:53
Why dont you make a UITableView ?? I think for the Settings page Grouped TableView is being used :) — IronManGill, Oct 19 '12 at 06:53
use UITableView, add labels inside the UITableView or you can use another label with a height of 1px between each label — Shineeth Hamza, Oct 19 '12 at 06:54

score 1 · Accepted Answer · answered Oct 19 '12 at 07:37

1

I have given base view as dark color and I am adding labels as white, I am giving a line gap between two labels its looking like a line. No extra work :)

answered Oct 19 '12 at 07:37

Newbee

3,231
7
42
74

score 0 · Answer 2 · answered Oct 19 '12 at 06:56

May be just add UIView between labels? Something Like this:

UILabel *topLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 320, 20)];
//Label settings
[self addSubview:topLabel];
[topLabel release];

UIView *separator = [[UIView alloc] initWithFrame:CGRectMake(topLabel.frame.origin.x, CGRectGetMaxY(topLabel.frame), topLabel.frame.size.width, 2)];
separator.backgroundColor = [UIColor blackColor];

UILabel *bottomLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, CGRectGetMaxY(separator.frame), 320, 20)];
//Label settings
[self addSubview:bottomLabel];
[bottomLabel release];

score 0 · Answer 3 · answered Oct 19 '12 at 08:18

Couldn't you just create a custom UIView class with a UILabel and a UIView as the subviews of this custom view class?

class CustomView : UIView
{
    UIView *line;
    UILabel *label;
}

@property(nonatomic, retain) UIView *line;
@property(nonatomic, retain) UILabel *label;

For the UIView subview, you can tell it to use the width of the parent UIView.

Separating multiple UILabels with a line IOS

3 Answers3