画像

SwiftUI

画像をぼかす

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

画像の影の色を変える

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

画像の影の位置を調整する

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

画像の周りに影を付ける

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

画像のアスペクト比を調整する

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

画像を丸く切り抜く

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

画像を回転させる

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

画像のサイズを変える方法

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

【SwiftUI】画像を表示する

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