開発

【swift】グラデーション色の三角のviewを作ってみる

どうもこんにちは。iOSをメインに開発しているロッキーカナイです。

暇なので、三角図形のUIViewを作って、グラデーションで塗りつぶしを試してみました。

では

行う事としては、UIViewクラスを継承したクラスのdrawメソッド内で、UIBezierPathを用いて三角レイヤーを作ります。

次にグラデーションのレイヤーを作って、三角レイヤー領域をマスクしてあげます。

完成です。

 

コード

 

これをストーリーボードなりコードなりで呼んであげればOKです。

なんかRealm色っぽい。

 

グラデーションViewの位置を動的に動かしてみる

意外と動かすという情報が少ないので記載します。

三角の頂点を画面幅内で移動させるという事をやってみました。

ViewController

 

三角レイヤー

 

そうすると、以下のような感じで出来ます。

とりあえず出来ました。

ABOUT ME
ロッキーカナイ
ロッキーカナイ
SwiftやObjective-CでiOS開発や、Flutterを用いたiOS/Androidアプリ開発、PHPでLaravelを使ったWebアプリ開発などをしてます。趣味は猫と戯れる事、キックボクシングにハマってます。ちなみに名前のロッキーカナイは以前よく昼飯を食べてた所。