【iOS】UIViewで三角形を作る方法-回転とClip to Bounds使用

UIViewをで三角形を作る方法として簡単だったのもを残しておきます。
もちろんこの方法以外のスマートな方法もあるでしょうが、誰かの参考になれば。

こういうやつです。

fa-chevron-circle-right適当にViewを準備

正三角形にしたいなら正方形がいいです。

outletで繋いでください。

fa-chevron-circle-right45度回転させる

このコードで45度回転します。

fa-chevron-circle-right親のVIewを作る

三角形にしたいviewの上か下にviewを置きます。この時、そのviewはtriangleviewの親になるようにしましょう。

triangleviewのちょうど半分を重ねないと三角形にならないので、そうなるような制約をつけましょう。

fa-chevron-circle-rightClip to Bounds

親のviewを選択した状態でインスペクタからClip to Boundsにチェックを入れてください。

するとこうなります。

あとは、親viewのバックグラウンドカラーを白くすれば最初の画像のようになります。