论坛 › 知识问答 › ios - 在两个可移动的 uiview 之间画线

菜鸟教程小白 发表于 2022-12-12 09:57:20

ios - 在两个可移动的 uiview 之间画线

                                            <p><p>我有一个带有节点(<code>UIViews</code>)的“ ScrollView ”，可以四处拖动。我正在尝试使用“calayer”在选定的 <code>UIViews</code> 之间绘制边缘，但我无法弄清楚当 View 位置发生变化时如何重绘线。 </p>

<p>在我的 <code>viewController</code> 类中，我将节点数组中第一个和第二个之间的边添加为:</p>

<pre><code>EdgeLayer *edge = [init];
edge.delegate = self;
edge.strokeColor = ;
edge.strokeWidth = 0.5;
edge.startNode = ;
edge.endNode = ;
edge.frame = scrollView.bounds;
;
;
</code></pre>

<p><code>EdgeLayer.h</code>:</p>

<pre><code>#import &lt;Foundation/Foundation.h&gt;
#import &lt;QuartzCore/QuartzCore.h&gt;

@interface EdgeLayer : CALayer
@property (nonatomic, strong) UIColor *fillColor;
@property (nonatomic) CGFloat strokeWidth;
@property (nonatomic, strong) UIColor *strokeColor;
@property (nonatomic) UIView *startNode;
@property (nonatomic) UIView *endNode;
@end
</code></pre>

<p><code>EdgeLayer.m</code>:</p>

<pre><code>#import &#34;EdgeLayer.h&#34;
#import &#34;NodeView.h&#34;

@implementation EdgeLayer

@synthesize fillColor, strokeColor, strokeWidth;
- (id)init {
    self = ;
    if (self) {
    self.fillColor = ;
    self.strokeColor = ;
    self.strokeWidth = 1.0;
    ;
}

return self;
}

- (void) setStartNode:(NodeView*)startNode
{
   _startNode = startNode;
   ;
}

- (void) setEndNode:(NodeView*)endNode
{
    _endNode = endNode;
    ;
    ;
}

-(id)initWithLayer:(id)layer
{
    self = ;
    return self;
}

-(void) observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:    (NSDictionary *)change context:(void *)context
{
    if ( )
    {
    // process here
    }
    NSLog(@&#34;View changed its geometry&#34;);
}

- (void)drawInContext:(CGContextRef)ctx
{
    NSLog(@&#34;DRAW&#34;);

    CGContextSetStrokeColorWithColor(ctx, .CGColor);
    CGContextSetLineWidth(ctx, 2);
    CGContextMoveToPoint(ctx, _startNode.center.x, _startNode.center.y);
    CGContextAddLineToPoint(ctx, _endNode.center.x, _endNode.center.y);
    CGContextStrokePath(ctx);
}
@end
</code></pre>

<p>这从第一个和第二个节点的中心位置添加一条线。我试图为端节点添加一个观察者，但我认为我做得不对。我无法触发 <code>observeValueForKeyPath</code> 方法。我的猜测是我在错误的地方添加了观察者。 </p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>问题不在于您添加观察者的位置，而在于您要观察的内容——您使用 endNode 作为 endNode 上的 keyPath，这将不起作用(无论如何，当您拖动时，endNode 不会改变)。您要观察的 endNode 的属性是中心。 </p>

<p>您只需将您正在观察的 keyPath 更改为“中心”，并更改您的 observeValueForKeyPath:ofObject:change:context: 的实现:就像这样，</p>

<pre><code>-(void) observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
    if ( ) ;
}
</code></pre>

<p>我通过将平移手势识别器添加到其中一个 nodeView 来对此进行测试，并且在我拖动时，连接两个节点的线会相应更新。</p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 在两个可移动的 uiview 之间画线，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/23748451/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/23748451/
                                                        </a>
                                                </p>
                                       

查看完整版本: ios - 在两个可移动的 uiview 之间画线