web-dev-qa-db-ja.com

UIViewで線を引く

UIViewに水平線を描く必要があります。最も簡単な方法は何ですか。たとえば、y-coord = 200に黒の水平線を描画します。

Interface Builderを使用していません。

iosiphoneuiview
83
John Smith

あなたの場合（水平線）の最も簡単な方法は、黒い背景色とフレーム[0, 200, 320, 1]を持つサブビューを追加することです。

コードサンプル（エラーがないことを願っています-Xcodeなしで作成しました）：

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 200, self.view.bounds.size.width, 1)];
lineView.backgroundColor = [UIColor blackColor];
[self.view addSubview:lineView];
[lineView release];
// You might also keep a reference to this view 
// if you are about to change its coordinates.
// Just create a member and a property for this...

もう1つの方法は、drawRectメソッドで線を描画するクラスを作成することです（このコードサンプルを見ることができます here ）。

120
Michael Kessler

多分これは少し遅いですが、もっと良い方法があることを付け加えたいと思います。 UIViewの使用は簡単ですが、比較的低速です。このメソッドは、ビューの描画方法をオーバーライドし、高速です。

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);

    // Draw them with a 2.0 stroke width so they are a bit more visible.
    CGContextSetLineWidth(context, 2.0f);

    CGContextMoveToPoint(context, 0.0f, 0.0f); //start at this point

    CGContextAddLineToPoint(context, 20.0f, 20.0f); //draw to this point

    // and now draw the Path!
    CGContextStrokePath(context);
}
310
b123400

Swift 3およびSwift 4

これは、ビューの最後に灰色の線を描く方法です（b123400の答えと同じアイデア）

class CustomView: UIView {

    override func draw(_ rect: CGRect) {
        super.draw(rect)

        if let context = UIGraphicsGetCurrentContext() {
            context.setStrokeColor(UIColor.gray.cgColor)
            context.setLineWidth(1)
            context.move(to: CGPoint(x: 0, y: bounds.height))
            context.addLine(to: CGPoint(x: bounds.width, y: bounds.height))
            context.strokePath()
        }
    }
}
24
Guy Daher

テキストなしで背景色付きのラベルを追加するだけです。選択した座標と、高さと幅を設定します。手動で、またはInterface Builderを使用して実行できます。

14
Phanindra

もう1つの（さらに短い）可能性。 drawRect内にいる場合、次のようなものです。

[[UIColor blackColor] setFill];
UIRectFill((CGRect){0,200,rect.size.width,1});
11
hkatz

これにはUIBezierPathクラスを使用できます。

また、必要な数の線を描画できます。

私はUIViewをサブクラス化しました：

    @interface MyLineDrawingView()
    {
       NSMutableArray *pathArray;
       NSMutableDictionary *dict_path;
       CGPoint startPoint, endPoint;
    }

       @property (nonatomic,retain)   UIBezierPath *myPath;
    @end

そして、線の描画に使用されるpathArrayおよびdictPAthオブジェクトを初期化しました。私は自分のプロジェクトからコードの主要部分を書いています：

- (void)drawRect:(CGRect)rect
{

    for(NSDictionary *_pathDict in pathArray)
    {
        [((UIColor *)[_pathDict valueForKey:@"color"]) setStroke]; // this method will choose the color from the receiver color object (in this case this object is :strokeColor)
        [[_pathDict valueForKey:@"path"] strokeWithBlendMode:kCGBlendModeNormal alpha:1.0];
    }

    [[dict_path objectForKey:@"color"] setStroke]; // this method will choose the color from the receiver color object (in this case this object is :strokeColor)
    [[dict_path objectForKey:@"path"] strokeWithBlendMode:kCGBlendModeNormal alpha:1.0];

}

touchesBeginメソッド：

UITouch *touch = [touches anyObject];
startPoint = [touch locationInView:self];
myPath=[[UIBezierPath alloc]init];
myPath.lineWidth = currentSliderValue*2;
dict_path = [[NSMutableDictionary alloc] init];

touchesMovedメソッド：

UITouch *touch = [touches anyObject];
endPoint = [touch locationInView:self];

 [myPath removeAllPoints];
        [dict_path removeAllObjects];// remove prev object in dict (this dict is used for current drawing, All past drawings are managed by pathArry)

    // actual drawing
    [myPath moveToPoint:startPoint];
    [myPath addLineToPoint:endPoint];

    [dict_path setValue:myPath forKey:@"path"];
    [dict_path setValue:strokeColor forKey:@"color"];

    //                NSDictionary *tempDict = [NSDictionary dictionaryWithDictionary:dict_path];
    //                [pathArray addObject:tempDict];
    //                [dict_path removeAllObjects];
    [self setNeedsDisplay];

touchesEndedメソッド：

        NSDictionary *tempDict = [NSDictionary dictionaryWithDictionary:dict_path];
        [pathArray addObject:tempDict];
        [dict_path removeAllObjects];
        [self setNeedsDisplay];
11
Rakesh

Guy Daherの回答に基づきます。

私は使用を避けようとしますか？ GetCurrentContext（）がnilを返すと、アプリケーションがクラッシュする可能性があるためです。

私はステートメントをnilチェックします：

class CustomView: UIView 
{    
    override func draw(_ rect: CGRect) 
    {
        super.draw(rect)
        if let context = UIGraphicsGetCurrentContext()
        {
            context.setStrokeColor(UIColor.gray.cgColor)
            context.setLineWidth(1)
            context.move(to: CGPoint(x: 0, y: bounds.height))
            context.addLine(to: CGPoint(x: bounds.width, y: bounds.height))
            context.strokePath()
        }
    }
}
0
Robert Harrold