blocks|key|3784407|text|您可以做的是在单元格的背景上添加一个UIView，使单元格背景成为透明颜色。调整UIView使其具有圆角。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3784408|entityMap^0|I|6|14|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

What you can do is add a <code>UIView</code> on the background of a cell, make the cell background as clearcolor . Adjust the <code>UIView</code> to have rounded corners.

blocks|key|4641628|text|UIView++*view+=+[UIView+alloc]initWithFrame:YourFrame];
view.layer.cornerRadius+=+8;

cell.backgroundView+=+view;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4641629|不要忘记UITableView的背景色是透明的。|unstyled|offset|length|style|CODE|4641630|entityMap^0|0|4|B|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>UIView *view = [UIView alloc]initWithFrame:YourFrame];
view.layer.cornerRadius = 8;

cell.backgroundView = view;
</code></pre>

And don't forget the <code>UITableView</code> background color to be transparent.

blocks|key|3761320|text|最简单的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3761321|在xib文件中创建自定义单元格，设置它们的唯一标识符，如：@"beginCell",+@"middleCell",+@"endCell"。您可以根据本教程制作它：http://www.bdunagan.com/2009/06/28/custom-uitableviewcell-from-a-xib-in-interface-builder/|ordered-list-item|offset|length|style|CODE|3761322|在方法-+(UITableViewCell+*)tableView:(UITableView+*)aTableView+cellForRowAtIndexPath:(NSIndexPath+*)indexPath中，您必须找到处于区段中间或开始/结束的ejther，并使用带有正确标识符的单元格。|3761323|3761324|3761325|entityMap|0|LINK|mutability|MUTABLE|url|http://www.bdunagan.com/2009/06/28/custom-uitableviewcell-from-a-xib-in-interface-builder/^0|0|T|13|29|2I|0|0|3|2V|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@$E|W|F|X|G|H]]|9|@$E|Y|F|Z|1|10]]|A|$]]|$1|I|3|J|5|D|7|11|8|@$E|12|F|13|G|H]]|9|@]|A|$]]|$1|K|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

The simplest way is:

<ol>
<li>Make a custom cells in a xib file, set their unique identifiers like: <code>@"beginCell", @"middleCell", @"endCell"</code>. You can make it according to this tutorial: <a href="http://www.bdunagan.com/2009/06/28/custom-uitableviewcell-from-a-xib-in-interface-builder/" rel="nofollow">http://www.bdunagan.com/2009/06/28/custom-uitableviewcell-from-a-xib-in-interface-builder/</a></li>
<li>In method 
<code>- (UITableViewCell *)tableView:(UITableView *)aTableView cellForRowAtIndexPath:(NSIndexPath *)indexPath</code> 
you have to find ejther you are in the middle or on begin/end of the section and use the cell with proper identifier.</li>
</ol>

blocks|key|3784473|text|如果您需要的只是圆角，还有另一种解决方案(受本地uitableview(cell)的分组样式的启发，在slowmo+:中)。应该是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3784474|细胞子类..。|3784475|@interface+MyCell+:+UITableViewCell
@property+(nonatomic)+top;
@property+(nonatomic)+bottom;
@end

@implementation+MyCell
-(id)initWithStyle:(UITableViewCellStyle)style+reuseIdentifier:(NSString+*)reuseIdentifier{
++++self+=+[super+initWithStyle:style+reuseIdentifier:reuseIdentifier];
++++if+(self)+{
++++++++self.backgroundColor+=+[UIColor+clearColor];+//+remove+white+default+background
++++++++//example+settings,+UIImageViews+with+resizable+images+can+be+used+too
++++++++self.backgroundView+=+[[UIView+alloc]+init];
++++++++self.selectedBackgroundView+=+[[UIView+alloc]+init];
++++++++self.backgroundView.backgroundColor+=+[UIColor+greenColor];
++++++++self.selectedBackgroundView.backgroundColor+=+[UIColor+blueColor];
++++++++self.backgroundView.layer.cornerRadius+=+self.selectedBackgroundView.layer.cornerRadius+=+5;+//+
++++}
++++return+self;
}
-(void)layoutSubviews{
++++[super+layoutSubviews];
++++self.backgroundView.frame+=+self.selectedBackgroundView.frame+=+UIEdgeInsetsInsetRect(self.bounds,+UIEdgeInsetsMake(self.top?0:-self.backgroundView.layer.cornerRadius,+0,+self.bottom?0:-self.backgroundView.layer.cornerRadius,+0));
}
-(void)setTop:(BOOL)top{
++++_top+=+top;
++++[self+setNeedsLayout];
}
-(void)setBottom:(BOOL)bottom{
++++_bottom+=+bottom;
++++[self+setNeedsLayout];
}
@end|code-block|syntax|javascript|3784476|在dataSource中你可以这样做：.|3784477|-+(UITableViewCell+*)tableView:(UITableView+*)tableView+cellForRowAtIndexPath:(NSIndexPath+*)indexPath
{
++++++...cell+initialization+stuff...
++++++[(MyCell+*)cell+setTop:(indexPath.row+==+0)];
++++++[(MyCell+*)cell+setBottom:(indexPath.row+==+[tableView+numberOfRowsInSection:indexPath.section]-1)];

++++++return+cell;
}|3784478|优点：|3784479|所有细胞的一个背景|unordered-list-item|3784480|易于使用|3784481|可动画的(你在改变位置而不是图像)|3784482|也可用于普通样式(但请注意各节:)|3784483|3784484|3784485|缺点：|3784486|需要单元格的子类(即使在rowHeight更改之后，我也找不到调整背景位置的方法)。|3784487|没有解决我的问题，圆角的整个部分(你必须圆角的截面视图手动)|3784488|3784489|3784490|我希望这对某些人有所帮助，但请注意，这段代码没有经过测试！在发布这个答案之前几分钟，我已经实现了这个想法，它似乎很有效:)|3784491|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1C|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1E|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1F|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1G|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1H|8|@]|9|@]|A|$]]|$1|R|3|S|5|Q|7|1I|8|@]|9|@]|A|$]]|$1|T|3|U|5|Q|7|1J|8|@]|9|@]|A|$]]|$1|V|3|W|5|Q|7|1K|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|1N|8|@]|9|@]|A|$]]|$1|11|3|12|5|Q|7|1O|8|@]|9|@]|A|$]]|$1|13|3|14|5|Q|7|1P|8|@]|9|@]|A|$]]|$1|15|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]|$1|17|3|18|5|6|7|1S|8|@]|9|@]|A|$]]|$1|19|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|1A|$]]

If You need just rounded corners there's another solution (inspired by grouped style of native uitableview(cell), in slowmo :) ). It should be something like this:

Cell subclass...

<pre><code>@interface MyCell : UITableViewCell
@property (nonatomic) top;
@property (nonatomic) bottom;
@end

@implementation MyCell
-(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
 self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
 if (self) {
 self.backgroundColor = [UIColor clearColor]; // remove white default background
 //example settings, UIImageViews with resizable images can be used too
 self.backgroundView = [[UIView alloc] init];
 self.selectedBackgroundView = [[UIView alloc] init];
 self.backgroundView.backgroundColor = [UIColor greenColor];
 self.selectedBackgroundView.backgroundColor = [UIColor blueColor];
 self.backgroundView.layer.cornerRadius = self.selectedBackgroundView.layer.cornerRadius = 5; // 
 }
 return self;
}
-(void)layoutSubviews{
 [super layoutSubviews];
 self.backgroundView.frame = self.selectedBackgroundView.frame = UIEdgeInsetsInsetRect(self.bounds, UIEdgeInsetsMake(self.top?0:-self.backgroundView.layer.cornerRadius, 0, self.bottom?0:-self.backgroundView.layer.cornerRadius, 0));
}
-(void)setTop:(BOOL)top{
 _top = top;
 [self setNeedsLayout];
}
-(void)setBottom:(BOOL)bottom{
 _bottom = bottom;
 [self setNeedsLayout];
}
@end
</code></pre>

In dataSource you can just do this:...

<pre><code>- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
 ...cell initialization stuff...
 [(MyCell *)cell setTop:(indexPath.row == 0)];
 [(MyCell *)cell setBottom:(indexPath.row == [tableView numberOfRowsInSection:indexPath.section]-1)];

 return cell;
}
</code></pre>

Pros:

<ul>
<li>one background for all cells</li>
<li>easy to use</li>
<li>animateable (You're changing positions instead of images)</li>
<li>can be used for plain style as well (but watchout for sections :) )</li>
</ul>

Cons:

<ul>
<li>subclass for cell is needed (I couldn't find a way to adjust backgrounds positions even after change of rowHeight)</li>
<li>doesn't solve my problem with rounded corners of whole section (You have to round corners for section view manualy)</li>
</ul>

I hope this helps someone, but be aware that this code is not tested! I've implemented this idea few minutes before posting this answer and it just seems to work :)

blocks|key|3784521|text|以下是Swift+4.2中的工作原理，我认为也适用于Swift+5(但还没有尝试)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3784522|func+tableView(_+tableView:+UITableView,+willDisplay+cell:+UITableViewCell,+forRowAt+indexPath:+IndexPath)
{
++++let+cornerRadius+=+5
++++var+corners:+UIRectCorner+=+[]

++++if+indexPath.row+==+0
++++{
++++++++corners.update(with:+.topLeft)
++++++++corners.update(with:+.topRight)
++++}

++++if+indexPath.row+==+tableView.numberOfRows(inSection:+indexPath.section)+-+1
++++{
++++++++corners.update(with:+.bottomLeft)
++++++++corners.update(with:+.bottomRight)
++++}

++++let+maskLayer+=+CAShapeLayer()
++++maskLayer.path+=+UIBezierPath(roundedRect:+cell.bounds,
++++++++++++++++++++++++++++++++++byRoundingCorners:+corners,
++++++++++++++++++++++++++++++++++cornerRadii:+CGSize(width:+cornerRadius,+height:+cornerRadius)).cgPath
++++cell.layer.mask+=+maskLayer
}|code-block|syntax|javascript|3784523|如果这在Swift+5中有效，请留下评论。|3784524|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Here's what works in Swift 4.2 and I think also works in Swift 5 (but haven't tried).
<pre><code>func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath)
{
 let cornerRadius = 5
 var corners: UIRectCorner = []

 if indexPath.row == 0
 {
 corners.update(with: .topLeft)
 corners.update(with: .topRight)
 }

 if indexPath.row == tableView.numberOfRows(inSection: indexPath.section) - 1
 {
 corners.update(with: .bottomLeft)
 corners.update(with: .bottomRight)
 }

 let maskLayer = CAShapeLayer()
 maskLayer.path = UIBezierPath(roundedRect: cell.bounds,
 byRoundingCorners: corners,
 cornerRadii: CGSize(width: cornerRadius, height: cornerRadius)).cgPath
 cell.layer.mask = maskLayer
}
</code></pre>
Please leave a comment if this works in Swift 5.

blocks|key|3761432|text|关于故事板，在iOS+>=+13.0中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3761433|将UITableView样式设置为Inset+Grouped|offset|length|style|CODE|3761434|​|3761435|📷|atomic|3761436|3761437|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/bc59939587be8d1e803f1f3c14127706.png|imageAlt^0|0|H|D|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|M|3|I|5|6|7|15|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]]]

For storyboards, in iOS &gt;= 13.0
Set UITableView style to <code>Inset Grouped</code>
<a href="https://i.stack.imgur.com/KiggR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KiggR.png" alt="Storyboard menu drop down" /></a>

blocks|key|4641767|text|我对我的表视图单元格进行了子类：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4641768|class+CGStandardCell:+UITableViewCell+{
++++
++++override+func+awakeFromNib()+{
++++++++super.awakeFromNib()
++++}
++++
++++func+setCornerRadius(forIndexPath+indexPath:+IndexPath,+inTableView+tableView:+UITableView)+{
++++++++let+lastRow+=+tableView.numberOfRows(inSection:+indexPath.section)+-+1
++++++++self.layer.maskedCorners+=+[]

++++++++if+indexPath.row+==+0+&&+indexPath.row+==+lastRow+{
++++++++++++self.cornerRadius+=+20
++++++++++++self.layer.maskedCorners+=+[.layerMaxXMinYCorner,
++++++++++++++++++++++++++++++++++++++++.layerMinXMinYCorner,
++++++++++++++++++++++++++++++++++++++++.layerMinXMaxYCorner,
++++++++++++++++++++++++++++++++++++++++.layerMaxXMaxYCorner]
++++++++}+else+if+indexPath.row+==+0+{
++++++++++++self.cornerRadius+=+20
++++++++++++self.layer.maskedCorners+=+[.layerMaxXMinYCorner,
++++++++++++++++++++++++++++++++++++++++.layerMinXMinYCorner]
++++++++}+else+if+indexPath.row+==+lastRow+{
++++++++++++self.cornerRadius+=+20
++++++++++++self.layer.maskedCorners+=+[.layerMinXMaxYCorner,
++++++++++++++++++++++++++++++++++++++++.layerMaxXMaxYCorner]
++++++++}
++++}
}|code-block|syntax|javascript|4641769|然后在tableView中调用它(_+tableView:+UITableView，cellForRowAt+indexPath:+IndexPath)|4641770|cell.setCornerRadius(forIndexPath:+indexPath,+inTableView:+tableView)|4641771|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I subclass my tableview cells:
<pre><code>class CGStandardCell: UITableViewCell {
 
 override func awakeFromNib() {
 super.awakeFromNib()
 }
 
 func setCornerRadius(forIndexPath indexPath: IndexPath, inTableView tableView: UITableView) {
 let lastRow = tableView.numberOfRows(inSection: indexPath.section) - 1
 self.layer.maskedCorners = []

 if indexPath.row == 0 &amp;&amp; indexPath.row == lastRow {
 self.cornerRadius = 20
 self.layer.maskedCorners = [.layerMaxXMinYCorner,
 .layerMinXMinYCorner,
 .layerMinXMaxYCorner,
 .layerMaxXMaxYCorner]
 } else if indexPath.row == 0 {
 self.cornerRadius = 20
 self.layer.maskedCorners = [.layerMaxXMinYCorner,
 .layerMinXMinYCorner]
 } else if indexPath.row == lastRow {
 self.cornerRadius = 20
 self.layer.maskedCorners = [.layerMinXMaxYCorner,
 .layerMaxXMaxYCorner]
 }
 }
}
</code></pre>
And then call it in tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)
<pre><code>cell.setCornerRadius(forIndexPath: indexPath, inTableView: tableView)

</code></pre>

My iPhone app is currently displaying a grouped table with 2 sections. I tried to change the radius of the rounded corners on the first and last cells of each section (or on the same cell in the case of sections with just one row) using:

<pre><code>cell.layer.cornerRadius = 4;
</code></pre>

or acting on the whole tableview:

<pre><code>self.tableView.layer.cornerRadius = 4;
</code></pre>

but no luck...Of course I've imported QuartzCore before performing this operation. It looks like it's possible to customise the corners only when the table is displayed with plain style.

The ideal solution would be to customise top corners in the first one and bottom corners in the last.

Any suggestions?

Custom rounded corners for first and last cell in a grouped UITableView

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我的iPhone应用程序目前正在显示一个分两部分的分组表。我试图在每个部分的第一个和最后一个单元格上更改圆角的半径(或者在只有一行的部分中，在相同的单元格上)使用以下方法：cell.layer.cornerRadius = 4;或者在整个桌面上表演：self.tableView.layer.cornerRadius =...

问分组UITableView中第一个和最后一个单元格的自定义圆角
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问分组UITableView中第一个和最后一个单元格的自定义圆角EN