チャットアプリのプロフィール画面をみると丸い画像を表示しています。
写真がもともと丸いわけではなく、四角い画像をうまく丸く表示しています。
丸いフィルターとかあるのかな?と思ったのですが、簡単に設定できちゃうようです。
この記事を読むとわかること・・・
・リストに検索窓を設定し検索できるようにする方法
今日の最終的な一覧イメージ〜
女の子の写真のように、画像を丸く切り抜きます。
Step1
- 丸く表示したい画像を選択
Step2
- 左側の設定画面を下にスクロール
- 「EDIT STYLE」を選択
Step3
- Roundingの値を100以上に設定
Roundingは角を丸くする効果があるようです。
100以上の値も設定できます。
0になると下の写真のように、角がとがります。
Roundingを50にすると角の取れた画像になります。
画像のサイズによって丸みが変わるので、色々と試してみてください。
まとめ
画像を丸くする方法は、意外ととても簡単でした。
気づいてない、便利機能をもっと探してみます。
▽ NoCodeアプリ Adalo