UITableViewCell方形矩形样式

Question

嗨我想为我的UITableViewCell获得以下样式。

这里有一个例子：

任何线索？

Answer 1

加上一个bacgroundImage您controller，然后就做出UITableViewCell的背景色泽鲜明，在你CustomViewCell添加UIView白色backgroundColor。调整你的UITableViewSeperatorStyle为零。希望它有效！

Answer 2

这只是设置的事情细胞的backgroundView，因为我在这里做的：

这一点，你在你的屏幕截图显示之间有什么区别纯粹的外观细节的问题：在你的屏幕没有灰度梯度，而是白色圆角矩形，白色圆角矩形用阴影绘制，单元高度更高，并且背景视图图像被故意制造得比单元高度短，以便增加表观间距在细胞之间。但这些都是绘图和配置的小事。

Answer 3

有关背景查看您应该使用：

self.myTableView.backgroundView = bgView; 

那么你应该改变高度：

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

只要把一个int值这里，它代表了你的高度。

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

Answer 4

假设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; 
} 

Answer 5

它很简单。在设计你的自定义单元格时，创建一个UIView，并将它嵌入到各个方面。与此类似。

然后创建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]; 

上面的代码将产生类似下面所示的一个单元格，可以修改圆角半径得到你想要的影响。我在你可能不想要的单元格的背景上设置了一个字母集。