UIViewをで三角形を作る方法として簡単だったのもを残しておきます。
もちろんこの方法以外のスマートな方法もあるでしょうが、誰かの参考になれば。
こういうやつです。
fa-chevron-circle-right適当にViewを準備
正三角形にしたいなら正方形がいいです。
outletで繋いでください。
fa-chevron-circle-right45度回転させる
|
1 2 3 4 |
//45度回転 let angle:CGFloat = 45 * .pi / 180 triangleView.transform = CGAffineTransform(rotationAngle: angle) |
このコードで45度回転します。
fa-chevron-circle-right親のVIewを作る
三角形にしたいviewの上か下にviewを置きます。この時、そのviewはtriangleviewの親になるようにしましょう。
triangleviewのちょうど半分を重ねないと三角形にならないので、そうなるような制約をつけましょう。
fa-chevron-circle-rightClip to Bounds
親のviewを選択した状態でインスペクタからClip to Boundsにチェックを入れてください。
するとこうなります。
あとは、親viewのバックグラウンドカラーを白くすれば最初の画像のようになります。
