web-dev-qa-db-ja.com

トライアングルUIView-Swift

そのため、ユーザーが画面の下部にあるスパイク(三角形)によって破壊する必要があるオブジェクトをドロップするゲームを作成しています。

三角形のUIViewを作成する方法はわかりません。しかし、私はそれをこのような長方形として機能させることができました:

 let barrier = UIView(frame: CGRect(x:125, y: 650, width: 130, height:20))
 barrier.backgroundColor = UIColor.orangeColor()
 view.addSubview(barrier)

そして、これはうまくいきました。しかし、三角形の作り方はわかりません。 UIViewとしてそれが欲しい理由は、衝突を使用して、ユーザーがそれを移動するためです。 PNG三角形を試しましたが、三角形の開始点ではなく、画像の境界として衝突を検出します。

私はこれを試しましたが、うまくいきません...

 let square = UIView(frame: CGPathMoveToPoint(path, nil, 50, 0), CGPathAddLineToPoint(path, nil, 100, 50), CGPathAddLineToPoint(path, nil, 0, 100))
 square.backgroundColor = UIColor.purpleColor()
 view.addSubview(square)

すべての助けをいただければ幸いです、

おかげで、

アレックス

25
Zog

前のコードを少し変更して、マージンを追加し、色を検査可能として塗りつぶしました。Swift4でうまく機能します。

import UIKit

@IBDesignable
class TriangleView : UIView {
    var _color: UIColor! = UIColor.blue
    var _margin: CGFloat! = 0

    @IBInspectable var margin: Double {
        get { return Double(_margin)}
        set { _margin = CGFloat(newValue)}
    }


    @IBInspectable var fillColor: UIColor? {
        get { return _color }
        set{ _color = newValue }
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override func draw(_ rect: CGRect) {

        guard let context = UIGraphicsGetCurrentContext() else { return }

        context.beginPath()
        context.move(to: CGPoint(x: rect.minX + _margin, y: rect.maxY - _margin))
        context.addLine(to: CGPoint(x: rect.maxX - _margin, y: rect.maxY - _margin))
        context.addLine(to: CGPoint(x: (rect.maxX / 2.0), y: rect.minY + _margin))
        context.closePath()

        context.setFillColor(_color.cgColor)
        context.fillPath()
    }
}
8
Abdoelrhman

CAShapeLayerは、レイヤーの形状を変更できます。

    var mask = CAShapeLayer()
    mask.frame = self.layer.bounds

    let width = self.layer.frame.size.width
    let height = self.layer.frame.size.height

    var path = CGPathCreateMutable()

    CGPathMoveToPoint(path, nil, 30, 0)
    CGPathAddLineToPoint(path, nil, width, 0)
    CGPathAddLineToPoint(path, nil, width, height)
    CGPathAddLineToPoint(path, nil, 0, height)
    CGPathAddLineToPoint(path, nil, 30, 0)

    mask.path = path

    // CGPathRelease(path); - not needed

    self.layer.mask = mask

    var shape = CAShapeLayer()
    shape.frame = self.bounds
    shape.path = path
    shape.lineWidth = 3.0
    shape.strokeColor = UIColor.whiteColor().CGColor
    shape.fillColor = UIColor.clearColor().CGColor

    self.layer.insertSublayer(shape, atIndex: 0)
6

PNG三角形を試しましたが、三角形の開始点ではなく、画像の境界として衝突を検出します。

単純な衝突(たとえば、組み込みのUIKitダイナミクス-only長方形のビューの衝突)を使用する場合、それについてできることは何もありません。高度な形状の衝突が必要な場合は、自分で実装するか、スプライトを使用する必要があります。

ユーザーが移動するために

これははるかに簡単です。このビューのhitTestをオーバーライドし、ユーザーがタッチした場所が三角形の画像の境界外にある場合はnilを返します。

1
matt