画像

SwiftUIで画像をぼかしたい時のやり方です。全体的に画像がぼやけているのが分かります。struct ContentView: View { var body: some View { Image("mountain") .resizab...

画像の周りに付けた影、ドロップシャドウの色を変えることもできます。オレンジ色の影を落としてみました。import SwiftUIstruct ContentView: View { var body: some View { Image("...

SwiftUIではカンタンに画像の周りに影を付ける、ドロップシャドウを付けることもできますが、影のサイズだけでなく、影の位置も調整することができます。影が、写真の右下方向に伸びているのが伝わるでしょうか。こういう感じで、影の位置を変えること...

SwiftUIでは、画像の周りに影を付ける、ドロップシャドウも使うことができます。画像の周りに、ぼんやりと影が落ちました。import SwiftUIstruct ContentView: View { var body: some Vie...

アスペクト比を調整するのもモディファイアを使うことで実現できます。概要アスペクト比というのは、画像の横：縦の比率です。4：3とか16：9とかがよく使われる比率です。映画などは16：9が多いかと思います。画面いっぱいに映像が表示される訳ではな...

SwiftUIでは、画像を切り抜くこともシンプルにできます。ここでは、mountain.jpgという画像ファイルを表示し、丸く切り抜いています。実はこれもモディファイアで対応することができます。SwiftUIは一貫していて分かりやすいです。...

SwiftUIでは、画像を回転させるのもカンタンにできてしまいます。ここでは、mountain.jpgという画像ファイルを表示し、30度回転、傾けています。やり方は、Imageビューに対してrotationEffectモディファイアを付けま...

画像を表示した時に、もう少し大きくしたいとか、小さいしたいというように、サイズを変えて表示したい場合があります。そんな時のやり方です。状況Imageビューを使って、mountain.jpgというファイルを表示しています。そのまま画像を表示し...

概要SwiftUIでは、画像を表示するのもとてもお手軽です。ここでは、以下のように画像を表示してみます。やり方Xcodeで左側のペインに、ソースファイルとかが表示されている部分があると思います。そこで、Assetsという水色の項目を選択しま...