開発

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

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

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

では

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

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

完成です。

 

コード

 

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

なんかRealm色っぽい。

 

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

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

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

ViewController

 

三角レイヤー

 

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

とりあえず出来ました。

ABOUT ME
ロッキーカナイ
ロッキーカナイ
iOSをメインに、SwiftやObjective-C言語の開発をしてます。趣味は猫と戯れる事、PHPを使ったサイト作成やAndroidの開発もしております。ちなみに名前のロッキーカナイはよく昼飯を食べる所w