Page 5 of 10
撮影画像の表示
次は撮影した画像を表示するコンポーネントを追加しましょう.再びFlowPaneを下図のように追加してください.
そして,追加したFlowPaneにImageViewを追加します.下の図のようにControlsにあるImageViewをFlowPaneにドラッグ・アンド・ドロップしてください.
追加されたImaveViewはFlowPaneの左側に偏っていますので,これをセンタリングします.もうお分かりかもしれませんが,下の図のようにFlowPaneのPropertiesにあるAlignmentをCENTERにしてください.
ここまででImageViewが追加さました.最終的にはカメラで撮影した画像をこのImageViewに表示するため,この段階で画像を表示する必要はありません.しかし画像が表示されていないため,ただの空白のように見えてしまいます.そこでここでは仮に画像を表示しておきます.皆さんが持っている画像を適宜使ってください.下の図のようにImageViewを選択し,Propertiesの中のImageを選択します.こののち,ファイルセレクタが現れますので,手持ちの画像を選択してください.
うまくいくと,下のように画像が現れるはずです.