0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ただのPreviewで満足してない?

0
Posted at

はじめに

普段Compose実装をしていると、Previewを使って簡単に静的なUI確認をできると思います。
実は結構オプションがあるのはご存知でしょうか?

オプション

widthDp

名前の通り横幅を設定できます。
Flowを使ってる時や、textOverflowの確認など色々できて便利です

heightDp

これも名前の通り高さの設定です。
ScrollableなUIなど、さまざまなことで使えます。

locale

その端末の地域設定を変えられます。
stringResなどを確認できますね。

showSystemUi

ステータスバーとアクションバーを表示することができます。
edge to edge対応などで役立つかと思います。

uiMode

ダークモードなどの切り替えができてテーマの確認ができます。

device

任意のデバイス名を設定すると端末サイズの異なるプレビューを確認できます。
前述のwidthなどの設定をしないで済むので便利ですね

wallpaper

これはあまり使う機会がないかと思いますが、ダイナミックカラーをアプリで利用しているとユーザーが選択している壁紙の色がどんなものかなどの確認ができます

最後に

showBackgroundなどの主要なものは省きました。
自分が主に使ってるのはdeviceやwidthDpあたりですね

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?