撮影画像の表示

次は撮影した画像を表示するコンポーネントを追加しましょう.再びFlowPaneを下図のように追加してください.

14 

そして,追加したFlowPaneにImageViewを追加します.下の図のようにControlsにあるImageViewをFlowPaneにドラッグ・アンド・ドロップしてください.

15

追加されたImaveViewはFlowPaneの左側に偏っていますので,これをセンタリングします.もうお分かりかもしれませんが,下の図のようにFlowPaneのPropertiesにあるAlignmentをCENTERにしてください.

16

ここまででImageViewが追加さました.最終的にはカメラで撮影した画像をこのImageViewに表示するため,この段階で画像を表示する必要はありません.しかし画像が表示されていないため,ただの空白のように見えてしまいます.そこでここでは仮に画像を表示しておきます.皆さんが持っている画像を適宜使ってください.下の図のようにImageViewを選択し,Propertiesの中のImageを選択します.こののち,ファイルセレクタが現れますので,手持ちの画像を選択してください.

17

うまくいくと,下のように画像が現れるはずです.

18