UIで画像を表示させたり操作する方法をまとめていきたいと思います。UIで画像を表示させるにはプロジェクト内の「Assets.xcassets」への画像の追加後、Image構造体を使用してビューとして表示させます。Assets.xcassetsへ画像を追加する方法Swiftでは画像やカラー、アイコンなど「アセット」として管理することができます。アセットへ画像を追加する必要があるのでプロジェクトをXcodeで起動します。ファイルの中から「Assets.xcassets」を開き、対象の画像をドラッグ&ドロップで追加します。Set」を選択して追加することも可能ですドラッグ&ドロップで追加した画像アセットの名前は元画像のファイル名となっているので呼び出しやすい任意のものに変更しておきます。(この名前を実際にコードで呼び出す際に使用します。)またそれほど機能性は高くありませんが、画像加工(スライスや中心点の変更など)もできるのもアセットとして管理するメリットの1つです。画像を表示させる画像を表示させるにはImage構造体を使用します。引数に表示させたい画像アセットの名前を渡します。「sample.jpg」を追加した場合は以下のように記述します。UIで画像を表示させるにはViewプロトコルに準拠しているImage構造体を使用します。アセット内の画像を表示させたい場合は以下のイニシャライザの引数名を省略した形を使用して表示できます。"シンボル名")形式のイニシャライザを使用します。UIではなくUIKitを使用している場合はUIImageクラスを使用します。引数としてnamedの後にアセット名を渡す点が異なるので注意してください。"MyImage")サイズを変更する画像のサイズを変更するにはresizableとframeモディファイアで指定します。resizableをつけないとサイズが変更されないので注意してください。60)画像サイズを変更する際はアスペクト比に注意してください。画像にはアスペクト比と呼ばれる画像の縦と横の画素数の比率があります。「300×300pixel」は「1:1」、「450×300pixel」は「3:2」となります。先程の指定の場合、「60×60」サイズで表示させようとしているので、元画像のアスペクト比が「1:1」であれば問題ないですが異なる場合はアスペクト比が変更されてしまうので画像が引き伸ばされた形になってしまいます。これを防ぐにはscaledToFitを指定することで元のアスペクト比を維持することができます。60)scaledToFitを指定している場合はwidthまたはheightのどちらかに値を指定するだけで自動でサイズを調整してくれます。公式リファレンス:aspectRatioアスペクト比を明示的に指定する場合はaspectRatioを指定します。引数には高さを1とした時の幅のアスペクト比またはCGSize型のアスペクト比を渡します。60)fitとfillの違いaspectRatioは矩形や円などの図形にも使用できます。図形でfitとfillの違いを見ていきます。0.75))両者の違いは指定された枠の中を指定されたアスペクト比のままはみださないようにするか、はみ出してめ埋めるようにするかの違いです。任意の形に切り抜く画像の形を変更したい場合はclipShapeを使用します。引数に形を渡すことで画像を任意の形に切り抜くことができます。影をつける画像に影をつけるにはshadowを使用します。枠をつける画像に枠をつけるにはoverlayを使用します。UI】影をつける方法!shadowの使い方まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。ご覧いただきありがとうございました。友達や家族の誕生日を登録しておくと当日に通知が届きお知らせしてくれるiOSアプリです。貸し借り管理アプリお金の貸し借りを管理するためのアプリです。貸借の色が分かれているので識別しやすく、使いやすさを求めてできるだけシンプルなUIにしています。カシホン人に貸すことが多く、誰に貸したか忘れがちな本の貸し借りを記録できるアプリです。