【応用】目次をプルダウンで作成するーGOTシリーズー

インターネットでの申し込みやパソコンの設定などで多く使用されているのがプルダウン!

FAのタッチパネルではあまり使われないので紹介したいと思います。
選択項目が多い場合、とてもスッキリまとめることができるおすすめです。

※とてもマニアックな記事になりますので注意して下さい。

広告

【目次】

デザイン選定

f:id:vv_6ong_3ka_cp:20170914231643j:plain

初めにデザインを決めます。ここが一番重要です。自分が一番お洒落だと思うデザインを選定して下さい。

デザインが決まりましたら、実際に押す部分(逆三角形の部分)のデザインを選定します。ここもお洒落だと思うデザインを選定して下さい。

プルダウン表示の設定

f:id:vv_6ong_3ka_cp:20170914233357j:plain

小さい画面が前面に表示される画面をウィンドウ画面と呼びます。その画面を編集します。

画面の切り替え先を設定します。この設定を行わないと、画面を切り替えることができませんので、注意して下さい。
また、ボタンが押されたら表示されているウィンドウ画面を閉じるように設定します。設定しない場合、そのまま表示され続けてしまいます。

実演


【お洒落なプルダウン】タッチパネル画面を綺麗に切り替える

プルダウンによる切り替えの動画はいかがでしょうか?

自分なりにお洒落なデザインを選んだつもりです。笑
設定項目が多い場合、ボタンを新たに設置するよりも画面のスペースを取らずに済みますので、機会があれば使用してみてください。

広告