Endless trail

寄り道好きのひとりごと
<< September 2019 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 >>
 
PR
RECENT COMMENT
  • KATO C56 (HOタイプ)を頑張ってオープンサウンド化にしてみる。
    MECY (08/30)
  • KATO C56 (HOタイプ)を頑張ってオープンサウンド化にしてみる。
    KAKKA (08/30)
  • KATO C56 (HOタイプ)を頑張ってオープンサウンド化にしてみる。
    MECY (08/27)
  • KATO C56 (HOタイプ)を頑張ってオープンサウンド化にしてみる。
    KAKKA (08/26)
  • Next18のSmileDecoderを試す
    MECY (08/13)
  • Next18のSmileDecoderを試す
    なごでん (08/13)
  • Hoゲージの大ジオラマでC59を思いきり走らせてみた
    KAKKA (08/11)
  • Hoゲージの大ジオラマでC59を思いきり走らせてみた
    MECY (08/11)
  • Hoゲージの大ジオラマでC59を思いきり走らせてみた
    KAKKA (08/09)
  • Hoゲージの大ジオラマでC59を思いきり走らせてみた
    KAKKA (08/09)
MOBILE
qrcode
PROFILE
無料ブログ作成サービス JUGEM
 
DsAirのメータUIを選択するサムネイル画面をTABから表示する様にしてみた。

JUGEMテーマ:鉄道模型

 フジガヤさんがDsAirのUIのバリエーションを増やして頂いて、さらにあやのすけさんがUIのサムネイル画像を追加して表示ができる様にされています。そこでDsAir2が組み上がったタイミングでメータUIのバリエションの切り替えが出来るあやのすけさんのサムネイル版をFlashAirに入れてメータ表示を切り替える様にしてみたのですが、ダウンドロードしたデータの中に旧国鉄のサムネイルのファイル名が文字バケしてしまっていて上手く表示できませんでした。恐らく、ファイル名が2バイトコードだったのでダウンロード時に文字化けしてしまう事があるのだと思います。漢字名ではチョット不都合が出てきそうなので、MECYでサムネイル名を旧国鉄→JNRに替えてみました。これで文字化けも起こさず無事旧国鉄メータのサムネイルも表示する様になりました。

 ただ一担4つのメータUIの中から1つ選択して表示するとして、また違うメータUIに替えたい時は再度”http://flashair/”のURLを打ち込まなければサムネイル選択画面が表示できません。替える度にURLを打ち込むのも面倒ですし、URLをブックマークしておけばいい話なのですが、今一つ画面の遷移で片手落ちな気がしてました。何か回帰的に画面を表示させるリンクなどを埋め込めないか考えてみましたが、TABの切り替えへ追加すれば簡単にできそうなのでやってみました。

 

 修正したところは各メータUIのHTMLファイルの中のTABを切り替えるところにメータUIのサムネイルページに戻るリンク先を追加するイメージにしました。

 具体的には各メータUIそれぞれのHTMLファイルの1540行〜1560行あたりに<div id="tabcontrol"のタグを切り分けている箇所があるのでそこへ追加しています。

 

【追加例】

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

 

    <div id="tabcontrol" style='clear:both;padding:0px;'>
        <ul id="tabcontrol_ul">
            <li>
                <a href="#tab-cab"><span class="ui-icon ui-icon-play"></span> Cab</a>
            </li>
            <li>
                <a href="#tab-acc"><span class="ui-icon ui-icon-shuffle"></span> Accessory</a>
            </li>
            <li>
                <a href="#tab-map"><span class="ui-icon ui-icon-pencil"></span> Layout</a>
            </li>
            <li>
                <a href="#tab-cv"><span class="ui-icon ui-icon-info"></span> CV</a>
            </li>
            <li>
                <a href="#tab-cfg"><span class="ui-icon ui-icon-wrench"></span> Config</a>
            </li>
            <li>
                <a href="/SD_WLAN/List.htm"></span> Screen select</a>
            </li>
        </ul>
        <div id="detail">

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

 

 ◇こんな感じで< Screen Select> TABが追加されました。

 

 ◇< Screen Select> TABを押すとメータUIのサムネイルのページを表示します

 

 ただし注意点があります。必ずPowerOnからPowerOffにしてからメータを切り替えてください。PowerOnのままでメータを切り替えてもそのままではコントロールが効きません。もしPowerOnのまま切り替えてしまったら、切り替え画面で一旦PowerOn→PowerOff→PowerOnとすればコントロールが効く様になります。

 本当はJs等でPowerOnの時はメータUIのタブのコントロールを制限するなどの排他制御を掛ける仕組みが必要かなとは思ったのですが、大変そうなのでそこまではやっていません。

 

 オリジナルのUI画面を皆でドンドン増やして画面を自由自在に着せ替え感覚で変更できるなんて、DsAirソフト面もユーザライクにカスタマイズ出来るので素晴らしいコントローラだと思います。

 

一応サードパーティのお試し無保証扱いですがDownload先を貼っておきます。

DsAir1,2用:FlashAirに入れるソフト一式

 (フジカヤさんメータUI&あやのさんのサムネイル文字化け対策版+Secreen select TAB追加版)

 

 

DCC | 21:01 | comments(4) | - |
スポンサーサイト
- | 21:01 | - | - |
コメント
from: fujigya2   2018/10/17 7:05 AM
戻るボタンが非表示だと、欲しい機能ですね。
from: MECY   2018/10/16 10:14 PM
フジガヤさま
付け加えますと、iPhoneでフルサイズ表示させた時、ブラウザのメニューバーが隠れて「戻るボタン」が非表示になる時があるので、そのような時は有効な切り替え手段になるのではないかと思っています。
from: MECY   2018/10/16 12:13 AM
フジガヤさま
コメントありがとうございます。
確かにブラウザの戻るボタンでも選択画面へ戻れますね。
皆さんどっちらの操作方法がいいのでしょうね?
from: fujigaya2   2018/10/15 9:40 PM
戻るボタンで、Select画面に戻れますよ。
(iphoneはわかりませんが、Androidでは使えます)
コメントする









 

(C) 2019 ブログ JUGEM Some Rights Reserved.