画面サイズ切り替えツールの使い方

画面サイズ切り替え機能は、アプリが3つの主要な画面サイズでどのように動作するかを素早く視覚化するのに非常に便利です。

スキルレベル: 初心者

開始前に

• レスポンシブアプリの作成ガイドを読了し、アプリが作成済みであることを確認してください。

動画

手順

1. Adaloの新しいレスポンシブアプリビルダーは、事前定義された解像度で3つの異なる画面サイズ向けにビルドを提供します。

• デスクトップ - 992 x 無限の高さより大きい画面

• タブレット - 768 - 991の幅 x 無限の高さの画面

• モバイル - 767以下の幅 x 無限の高さの画面

注意: レスポンシブアプリのおかげで、デバイスを縦から横に回転させると、アプリのレイアウトが画面サイズに合わせて適応されるようになりました！

2. スクリーンスイッチャーにアクセスするには、ビルダー内の任意の画面の左上にあるPCのアイコンをクリックします。

3. 異なる端末タイプをクリックすると、ビルダー内の画面サイズが調整され、その特定の画面サイズ向けにビルドできます。

4. スクリーンスイッチャーで端末タイプを変更すると、画面上のコンポーネントはそれぞれのレイアウト設定に従って動作します。

スクリーンスイッチャーはアプリの画面レイアウトに実際に何が起こるかを制御するものではなく、むしろビルダー内でのプレビューとして機能します。

5. 画面のラベルをクリックし、画面の黄色い境界線をクリックしてドラッグすることで、これらの異なる画面サイズをプレビューすることも可能です。

いつでもスクリーンスイッチャーを使用して画面サイズをデフォルトの画面サイズの1つにリセットできます。

もっと詳しく知る

• レスポンシブアプリでは、事前定義されたピクセル幅は変更できません。これにより、業界標準の画面幅に合わせることができます。より高度な制御が必要な場合は、Adalo Marketplaceの他のスクリーン検出コンポーネントをチェックしてみてください。ただし、このような方法でレスポンシブメソッドを組み合わせると、最適なパフォーマンスを保証することはできません。

ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでもコミュニティフォーラムで質問するか、専門家に相談ことができます！投稿する際は、この記事へのリンクを貼り付けることも忘れないでください！

チュートリアルやヘルプドキュメントのリクエストがありますか？こちらにお知らせください！