UITableViewCell方形矩形样式

时间:2015-06-07 17:04:54

标签: objective-c

您好我想为我的UITableViewCell获取以下样式。

以下是一个示例:

enter image description here

有任何线索吗?

5 个答案:

答案 0 :(得分:1)

这只是设置单元格backgroundView的问题,就像我在这里一样:

enter image description here

它与你在屏幕截图中显示的内容之间的区别纯粹是化妆品细节:在你的屏幕截图中,没有灰色渐变而是白色圆角矩形,白色圆角矩形用阴影绘制,细胞高度较高,故意使背景视图图像比细胞高度短,以增加细胞之间的表观间距。但这些都是绘图和配置的琐碎事情。

答案 1 :(得分:0)

首先向您的bacgroundImage添加controller,然后将UITableViewCell的背景设为明确颜色,并在CustomViewCell中添加UIView白色backgroundColor。将UITableViewSeperatorStyle调整为无。希望它有效!

答案 2 :(得分:0)

对于背景视图,您应该使用:

self.myTableView.backgroundView = bgView;

然后你应该改变身高:

- (CGFloat)tableView:(UITableView *)tableView
heightForRowAtIndexPath:(NSIndexPath *)indexPath

只需在此处输入一个int值,它代表您单元格的高度。

对于文字,我建议您在单元格上放置UILabel,然后更改其属性以自定义字体,文本大小。

答案 3 :(得分:0)

假设cell是cellForRowAtIndexPath方法中的表视图单元格:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"ReuseIdentifier"];

    cell.contentView.layer.cornerRadius = 10.0;
    // or whatever you want to set your corner radius

    return cell;
}

答案 4 :(得分:0)

非常简单。在设计自定义单元格时,创建一个向所有方面插入的UIView。与此类似。

enter image description here

然后像这样为UIView创建一个属性:

@property (strong, nonatomic) IBOutlet UIView *cellInsetView;

确保在Interface Builder中将其挂钩。

然后在视图控制器ViewDidLoad方法中添加以下内容以创建圆角和下方的阴影线。 (我建议创建一个构建自定义视图的方法,以使ViewDidLoad方法更清晰。)

//Set the corner radius and alpha to cell background
    self.cellInsetView.layer.cornerRadius = 2;
    self.cellInsetView.layer.masksToBounds = YES; //Corner Radius
    [self.cellInsetView setBackgroundColor:[[UIColor blackColor] colorWithAlphaComponent:0.35]];

//create bottom shadow/border
    CALayer *cellInsetBottomShadow = [CALayer layer];

//Place the border according to the cell size    
    cellInsetBottomShadow.frame = CGRectMake(0.0f, self.cellInsetView.frame.size.height-1.0f, self.cellInsetView.frame.size.width-2.0f, 1.0f);

    cellInsetBottomShadow.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.3].CGColor;

//Add the bottom border/shadow to the cell
    [self.cellInsetView.layer addSublayer:cellInsetBottomShadow];

上面的代码将生成一个类似于下图所示的单元格,您可以修改角半径以获得所需的效果。我在你可能不想要的细胞背景上有一个alpha集。

enter image description here