ios - 是什么导致 CGContextAddArc 出现这种边缘条件？
<p><p>我通过使用 iOS Core Graphics 在圆的周边绘制圆点弧来创建 View 。点中心被计算，存储在一个数组中，并在渲染到屏幕之前使用 <strong>CGContextAddArc</strong> 检索。我对用于绘制周边点的方法非常有信心，这些点可以是 轮廓， 填充一种颜色， 交替填充和轮廓，以及 填充一系列五种颜色，如图所示。</p>
<p> <img src="/image/Nm1Lx.png" alt="centreless arcs"/> </p>
<p>但是，如果将中心点添加到数组中，则在周长上绘制的最后一个点的属性会发生变化。</p>
<p>演示这种情况的最简单方法是绘制外围点，并加上 小中心点 大中心点和 两个中心点；在每种情况下，小的和大的中心点都应该被填充为绿色。使用 时，两个居中的点都被勾勒出未填充的轮廓时也会出现问题。</p>
<p> <img src="/image/e2zoQ.png" alt="edge condition"/> </p>
<p>我已经学习 Core Graphics 一个月了，需要帮助来确定导致这种情况的边缘条件。我真的很欢迎一位更有经验的核心图形程序员的见解。谢谢。</p>
<p>这里是实现代码；首先，初始化 View 设置的方法。</p>
<pre><code>- (void)ViewSettings_WaitView {
sectors = 80; // number of dots on perimeter
limit = sectors;
uberRadius = 52; // radius of large circle perimeter
dotRadius = 4; // radius of dots on large circle perimeter
dotsFilled = FALSE; // fill every with colour or outline
oneColour = FALSE; // every colour or one colour
alternateDots = FALSE; // alternately filled and outlined
ringDot = 64; // 64:show 0:hide
ringDotFilled = TRUE; // fill or outlined
centreDot = 26; // 26:show 0:hide
centreDotFilled = FALSE; // fill or outlined
; // set up arc drawing to start from 12 o'clock position
; // emulate 1-of-5 colours selected in GlobalView
}
</code></pre>
<p>这是绘制这些图像的代码</p>
<pre><code>- (void)drawCircle {
context = UIGraphicsGetCurrentContext(); // Get the Graphics Context
CGContextSetLineWidth(context, 0.5); // Set the circle outerline-width
dotPosition = CGPointMake(uberX,uberY); // centre point for ring dot and centre dot
// create ring dot (larger centre dot)
if (ringDot != 0) {
iOSCircle *newCircle = [ init]; // Create a new iOSCircle Object
newCircle.circleRadius = ringDot; // ringDot radius
newCircle.circleCentre = dotPosition; // place ringDot on the frame
; // add to the circle Array
; // update the view
NSLog(@"ringDot added:%@ radius: %f", NSStringFromCGPoint(dotPosition), ringDot);
}
// create centre dot (smaller centre dot)
if (centreDot != 0) {
iOSCircle *newCircle = [ init]; // Create a new iOSCircle Object
newCircle.circleRadius = centreDot; // ringDot radius
newCircle.circleCentre = dotPosition; // place ringDot on the frame
; // add to the circle Array
; // update the view
NSLog(@"centreDot added:%@ radius: %f", NSStringFromCGPoint(dotPosition), centreDot);
}
// create sector dots (on perimeter of the arc)
for (dotCount = 1; dotCount < limit+1; dotCount++)
{
iOSCircle *newCircle = [ init]; // Create a new iOSCircle Object
newCircle.circleRadius= dotRadius;
; // create a new x and y point for each sector dot
dotPosition = CGPointMake(x,y); // create each sector dot
newCircle.circleCentre= dotPosition; // place each dot on the frame
; // add to the circle Array
; // update the view
NSLog(@"Dot %i %@", dotCount, NSStringFromCGPoint(dotPosition));
}
dotCount = 1;
for (iOSCircle *circle in totalCircles) { // Loop through array and retrieve dot dimensions
CGContextAddArc(context, circle.circleCentre.x, circle.circleCentre.y, circle.circleRadius, 0.0, M_PI * 2.0, YES);
; // render dots to view
dotCount++;
}
if (ringDot != 0) {
NSLog(@"add ringDot %@ radius: %f", NSStringFromCGPoint(dotPosition), ringDot);
;
}
if (centreDot != 0) {
NSLog(@"add centreDot %@ radius: %f", NSStringFromCGPoint(dotPosition), centreDot);
;
}
}
</code></pre>
<p>和渲染中心点的方法(圆点类似)</p>
<pre><code>- (void)renderCentreDot {
switch (centreDotFilled) {
case 1:
colourIndex = selectedZone;
;
break;
default:
;
break;
}
}
- (void)whatColour {
switch (colourIndex) {
case 1:
// Fill the circle with cyan
;
break;
case 2:
// Fill the circle with red
;
break;
case 3:
// Fill the circle with yellow
;
break;
case 4:
// Fill the circle with magenta
;
break;
case 5:
// Fill the circle with green
;
break;
default:
break;
}
}
- (void)dotOutline {
CGContextStrokePath(context); // draw outerline only
}
- (void)paintGreen {
CGContextSetFillColorWithColor(context, [ CGColor]);
CGContextDrawPath(context, kCGPathFillStroke); // fill with outerline-colour
}
</code></pre>
<p>最后是计算扇形点新中心的方法</p>
<pre><code>- (void)newCentre{
dotAngle = dotAngle + uberAngle;
x = uberX + (uberRadius * 2 * cos(dotAngle));
y = uberY + (uberRadius * 2 * sin(dotAngle));
// NSLog(@"%i %f %f %f", dotCount, dotAngle, endAngle, uberAngle);
}
</code></pre>
<p>以及初始化中心参数并从12点位置开始绘制的方法</p>
<pre><code>- (void)centreReference {
uberX = 160;
uberY = 240;
uberAngle = (2.0 * PI) / sectors;
dotAngle= PI * -0.5; // start drawing 0.5 PI radians before 3 o'clock
endAngle= PI * 1.5; // stop drawing 1.5 PI radians after 3 o'clock
NSLog(@"%f %f %f %f", uberX, ringY, uberRadius, uberAngle);
</code></pre>
<p>}</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>您有 80 个外圈和 0、1 或 2 个内圈。所有这些圆圈都存储在一个名为 <code>totalCircles</code> 的数组中，内圈存储在数组的前面。所以如果你有两个内圈，<code>totalCircles</code> 有 82 个元素。</p>
<p>问题是你只画了前 80 个圆:两个内圆和 78 个外圆。</p>
<p>然后您尝试填充其中一个内圈，而是填写第 79 个外圈。 </p>
<p>换句话说，你不知道哪个圆圈是哪个圆圈。</p>
<hr/>
<p>尝试按以下方式构建您的代码:</p>
<p>您已经有一个“iOSCircle”对象，这很好。这个圆形对象也应该包含它的颜色并且能够自己绘制:</p>
<pre><code>@interface Circle : NSObject
@property (nonatomic) CGPoint centre;
@property (nonatomic) CGFloat radius;
@property (nonatomic, strong) UIColor* color;
- (void)draw;
@end
</code></pre>
<p><code>-draw</code> 方法绘制圆，如果设置了 <code>color</code>，则可选择填充:</p>
<pre><code>- (void)draw
{
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextAddArc(ctx, self.centre.x, self.centre.y, etc...)
if (self.color)
{
;
CGContextDrawPath(ctx, kCGPathFillStroke);
}
else
{
CGContextStrokePath(ctx);
}
}
</code></pre>
<p>你应该有一个方法来生成一个圆形对象数组。这将创建 80 个外圈，以及可选的内圈。这也会为每个圆圈分配一种颜色。</p>
<p>那么你的主要绘制方法就这么简单:</p>
<pre><code>- (void)drawCircle
{
NSArray* circles = ;
for (Circle* circle in circles)
{
;
}
}
</code></pre></p>
<p style="font-size: 20px;">关于ios - 是什么导致 CGContextAddArc 出现这种边缘条件？，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/28378461/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/28378461/
</a>
</p>
页:
[1]