ios - 为什么drawRect会留下部分图像？
<p><p>这是我的情况:</p>
<p>我有一个包含餐馆列表的表格，每个条目都会在使用 drawRect 绘制的记分条上显示一段时间内的检查结果。</p>
<p>当用户向下然后向上滚动表格时，显示带有黄色和红色方 block 的分数栏，之前的分数栏会拾取这些方 block 。日期也被绘制到以前的记分栏中。 </p>
<p>我的问题在于摆脱旧方 block 。每次调用 drawRect 时不应该删除它们吗？</p>
<p>我在下面放了三张图片，希望能解释我的意思。 </p>
<p>我不认为这是缓存自定义单元格的表格行的问题吗？
在这里，一旦 UITableCell 建立单元出列，就会绘制分数条；单元格中的所有其他 View 都是正确的，这让我认为问题在于 drawRect 未能清除图形上下文。</p>
<pre><code>- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
if (indexPath.row < self.establishments.count) {
return ;
} else if (self._noResultsFound) {
return ;
} else {
return ;
}
}
- (UITableViewCell *)establishmentCellForIndexPath:(NSIndexPath *)indexPath {
static NSString *CellIdentifier = @"EstablishmentCell";
DSFEstablishment *establishment = ];
DSFEstablishmentCell *cell = ;
;
;
return cell;
}
</code></pre>
<p>在 updateCellContent 期间，我们尝试清除旧的 scorebarview(如果存在)，但代码永远不会找到 DSFScorebarView 类的其他 subview 。最后，创建 scorebarView 并将其添加到 View 的 subview 中。</p>
<pre><code>- (void)updateCellContent {
NSLog(@"updateCellContent: %@", self.establishment.latestName);
self.name.text = self.establishment.latestName;
self.address.text = self.establishment.address;
self.type.text = self.establishment.latestType;
if (self.establishment.distance) {
self.distance.text = ;
} else {
self.distance.text = @"";
}
// Clear out old scorebarView if exists
for (UIView *view in self.subviews) {
if (]) {
NSLog(@">>>removeFromSuperview");
;
}
}
DSFScorebarView *scorebarView = [ initWithInspections:self.establishment.inspections];
;
</code></pre>
<p>}</p>
<p>scorebarview 是使用 initWithInspections 中的 drawRect 绘制的，并确保 scorebars 的长度不超过 17 个方格(最近的检查)。每次检查都会给出一个绿色方 block= 低|黄色 = 中等|红色 = 高，并且在方 block 下方绘制年份。 </p>
<p>我已将 self.clearsContextBeforeDrawing = YES 设置为是，但这并不能解决问题。 </p>
<pre><code>// Custom init method
- (id)initWithInspections:(NSArray *)inspections {
CGRect scorebarFrame = CGRectMake(20, 38, 273, 22);
if ((self = )) {
self.inspections = inspections;
self.clearsContextBeforeDrawing = YES;
];
}
return self;
}
- (void)drawRect:(CGRect)rect {
CGContextRef ctx = UIGraphicsGetCurrentContext();
float xOffset = 0; // Keep track of position of next box -- start at 1
float yOffset = 0; // Fixed Y offset. Adjust to match shadows
NSString *previousYear = nil;
UIFont *yearFont = ;
// take subset/slice of inspections. only the last 17, so it will fit on screen.
int inspections_count = (int);
int startIndex = inspections_count > 17 ? inspections_count - 17 - 1 : 0;
int subarrayLength = inspections_count > 17 ? 17 : inspections_count;
NSArray *inspectionsSlice = ;
for (id inspection in inspectionsSlice) {
// Top of box
NSMutableArray *pos0RGBA = ;
CGFloat topColor[] = ...
CGContextSetFillColor(ctx, topColor);
CGRect box_top = CGRectMake(xOffset, yOffset, kScoreBoxWidth, kScoreBoxHeight / 2);
CGContextAddRect(ctx, box_top);
CGContextFillPath(ctx);
// Bottom of box
NSMutableArray *pos1RGBA = ;
CGFloat bottomColor[] = ...
CGContextSetFillColor(ctx, bottomColor);
CGRect box_bottom = CGRectMake(xOffset, kScoreBoxHeight / 2 + yOffset, kScoreBoxWidth, kScoreBoxHeight / 2);
CGContextAddRect(ctx, box_bottom);
CGContextFillPath(ctx);
// Year Text
NSString *theYear = ;
if (!) {
CGFloat *yearColor = ...
CGContextSetFillColor(ctx, yearColor);
// +/- 1/2 adjustments are positioning tweaks
CGRect yearRect = CGRectMake(xOffset+1, yOffset+kScoreBoxHeight-2, kScoreBoxWidth+50, kScoreBoxHeight);
;
previousYear = theYear;
}
xOffset += kScoreBoxWidth + kScoreBoxGap;
}
</code></pre>
<ul>
<li>表格加载，绘制了 4 行</li>
</ul>
<p> <img src="/image/s6FiH.png" alt="Starting position"/> </p>
<ul>
<li>用户向下滚动；又画了 8 行</li>
</ul>
<p> <img src="/image/uscnt.png" alt="enter image description here"/> </p>
<ul>
<li>用户滚动回到顶部； Grace Market/Maple Pizza(第 2 行)的评分栏已更改。</li>
</ul>
<p> <img src="/image/u6cDE.png" alt="enter image description here"/> </p>
<p>在下面实现@HaIR 的解决方案后，在点击表格行后，我得到了一条灰色背景的白色 strip 。在将额外的宽度添加到“白化”年份线之后，它非常难看。</p>
<pre><code>- (void)drawRect:(CGRect)rect {
...
CGFloat backgroundColour[] = {1.0, 1.0, 1.0, 1.0};
CGContextSetFillColor(ctx, backgroundColour);
CGRect fullBox = CGRectMake(xOffset, yOffset, kScoreBoxWidth * 17, 2 * (kScoreBoxHeight-2));
CGContextAddRect(ctx, fullBox);
CGContextFillPath(ctx);
for (id inspection in inspectionsSlice) {
...
</code></pre>
<p> <img src="/image/2wvtm.png" alt="grey tablerow with scorebar graph and white strip"/> </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>你已经接管了 DrawRect，所以它只会做你在 dra 中手动做的事情</p>
<p>在你在上面绘制任何东西之前，用背景颜色填充整个条形区域。</p>
<p>您正在重复使用单元格，例如，您在第二版 Grace Market/Maple Plaza 下方显示了 Turf Hotel Restaurant 图表。</p>
<pre><code>CGContextSetFillColor(ctx, yourBackgroundColor);
CGRect fullBox = CGRectMake(xOffset, yOffset, kScoreBoxWidth * 17, kScoreBoxHeight);
CGContextAddRect(ctx, fullBox);
CGContextFillPath(ctx);
</code></pre>
<p>如果您只是清除单元格中的背景而不是背景颜色。那么:</p>
<pre><code>CGContextClearRect(context, rect);
</code></pre>
<p>在 DrawRect 的开头可能更合适。</p>
<p>修订:</p>
<p>更仔细地查看您的问题，根本问题是您没有找到并删除旧的 DSFScoreboardView。也许您应该尝试通过 subview 进行递归搜索。喜欢:</p>
<pre><code>- (void)logViewHierarchy {
NSLog(@"%@", self);
for (UIView *subview in self.subviews) {
//look right here for your DSFScorebarView's
;
}
}
@end
// In your implementation
;
</code></pre>
<p>(取自<a href="https://stackoverflow.com/a/2746508/793607" rel="noreferrer noopener nofollow">https://stackoverflow.com/a/2746508/793607</a>)</p></p>
<p style="font-size: 20px;">关于ios - 为什么drawRect会留下部分图像？，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/25478319/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/25478319/
</a>
</p>
页:
[1]