アプリケーションプレビュー

キャンバスプレビュー

XMLエディタでアプリケーションのコンポーネントを変更すると、 キャンバスパネルでそのレンダリング方法をプレビューできます。 このプレビューではコンポーネントは機能しませんが、そのデザインを評価するのに役立ちます。 すべてのアプリケーションコンポーネントがプレビューできるわけではありません。 ページやメニューなどのコンポーネントはプレビューできるが、データソースはプレビューできない。 デフォルトでは、コンポーネントを選択すると、そのコンポーネントを含むページ全体がキャンバスパネルに表示されます。 キャンバスパネルからオプションを選択することで、コンポーネントのみを表示することもできます。 また、キャンバスのコンポーネントにカーソルを合わせると、XMLエディタでコンポーネントのXMLコードがハイライトされる機能を有効にすることもできます。

キャンバスパネルに表示されているコンポーネントをクリックすると、そのコンポーネントのXMLコードがXMLエディタでハイライトされます。 コンポーネントのプロパティは、 プロパティパネルに表示されます。 また Navigator もそのコンポーネントのエントリーに開く。

アプリケーションプレビュー

プレビュー ボタンを使って、アプリケーション全体をプレビューすることができます。 アプリケーションをプレビューすると、Reactサーバーが起動し、新しいブラウザーのタブにアプリケーションが読み込まれます。 アプリケーションは機能的なので、アプリケーションを公開する前に変更をテストすることができます。