技術ブログ

プログラミング、IT関連の記事中心

SwiftUIでImageを装飾する【Swift】

■はじめに

SwiftUIのプロジェクト作成」の記事で紹介しているSwiftUIのプロジェクトを作成できる前提とします。(作成方法がわからない場合は「SwiftUIのプロジェクト作成」の記事を参照してください。)

■SwiftUIでImageを装飾する

1.Imageを表示する。(詳細は「SwiftUIでImageを表示する」の記事を参照してください)

2.「1」で用意した画像を丸く表示するために、以下のコードを追記する。

.clipShape(Circle())

3.「2」で丸くした画像に枠線を追加するために、以下のコードを追記する。

.overlay(
    Circle().stroke(
        Color.gray, lineWidth: 4
    )
)

4.「3」で枠線を追加した画像の周りに影を追加するために、以下のコードを追記する。

.shadow(radius: 10)

上記は順番に記載しましたが、それぞれ独立したパラメータなので、好きなように定義できます。

色々とパラメータを操作してみてください!!