脱!教養ゼロママ

もう恥ずかしくない!教養のあるママを目指してます!

丸い形の画像を設定|初心者のアプリ開発|Adalo

f:id:yuka-edu:20210616083746p:plain

チャットアプリのプロフィール画面をみると丸い画像を表示しています。

写真がもともと丸いわけではなく、四角い画像をうまく丸く表示しています。

丸いフィルターとかあるのかな?と思ったのですが、簡単に設定できちゃうようです。

 

この記事を読むとわかること・・・

・リストに検索窓を設定し検索できるようにする方法

 

今日の最終的な一覧イメージ〜

女の子の写真のように、画像を丸く切り抜きます。 

f:id:yuka-edu:20210615082914j:image

Step1

  1. 丸く表示したい画像を選択

f:id:yuka-edu:20210615082921j:image

Step2

  1. 左側の設定画面を下にスクロール
  2. 「EDIT STYLE」を選択

f:id:yuka-edu:20210615082909j:image

Step3 

  1. Roundingの値を100以上に設定

f:id:yuka-edu:20210615082918j:image

Roundingは角を丸くする効果があるようです。

100以上の値も設定できます。

0になると下の写真のように、角がとがります。

f:id:yuka-edu:20210615082924j:image

Roundingを50にすると角の取れた画像になります。

画像のサイズによって丸みが変わるので、色々と試してみてください。

f:id:yuka-edu:20210615082936j:image

まとめ

画像を丸くする方法は、意外ととても簡単でした。

気づいてない、便利機能をもっと探してみます。