『リモコン画面の作り方について』のクチコミ掲示板

[Sera-Mana]

�@のボタンレイアウト案(例)	�Aの時の配置参考用HUISグリッド画像(背景黒く見えますが透過PNG形式です)

色々な作り方があると思いますが、私の例を簡単に記載されていただきます。参考になれば幸いです。

最初はボタン毎に画像を用意しようかと思ったのですが、立体感を出すために影を付けたかったのと、ボタンを隣接させたりもする際の手間から、一枚の画像として作成する方法に落ち着きました。

ざっくりとした作り方は以下のとおりです。

�@方眼紙やExcelなどで、16x28(標準のボタン配置グリッド分割数)の升にボタンの配置を検討。

�A画像編集ソフト(レイヤーが扱えるものでないと大変かも)で分割の配置に沿って丸などのボタン形状や文字、ロゴ、立体感を出すための装飾などを実施。
(私が使ったのは無料でダウンロードして使えるパソコン用ソフトGIMPです。)

�BHUIS UI creater にて、見た目が何もないボタン(空っぽのテキストボタンなど)を配置し機能を割り当てる。

書込番号：20910060　スマートフォンサイトからの書き込み

[我輩も猫]

＞Sera-Manaさん 解説有難うございます。参考にさせていただき、ただいま製作に奮闘中です。

1）Background_base（540ｘ870ｐｘ）に対し16ｘ28のグリッドのサイズおよび位置合わせに時間がかかりました。
　16ｘ28のｐｘ数が不明なため、カット＆トライで何回も背景に読み込ませグリッドに合わせました。
　結果は、背景全体540ｘ870ｐｘに対しグリッドは470ｘ820ｐｘで上下のセンターが上に５ｐｘずらして概略合いました。
２）＞�BHUIS UI creater にて、見た目が何もないボタン(空っぽのテキストボタンなど)を配置し機能を割り当てる。
　と説明されていますが、既存のボタンをコピーし、編集で「画像ボタン」/「テキストボタン」でテキストを選び、テキストを削除する事と思うのですが、
　その下に、操作1という項目が有り、　操作の選択／リモコンの名称／信号の選択　が有りますが、ボタンのコピー元のデータが表示されるだけで、新たな名称等に変更できない様ですが、これで正常でしょうか？
学習する時も古い名称が表示されます。
３）＞最初はボタン毎に画像を用意しようかと思ったのですが・・・・
　ですが、1番簡単なのはボタンの枠の画像だけを作り（サイズはグリッドに合わせて修正できる）、これにテキストを入れればと思ったのですが、テキストを入れると画像が消えてしまいます。ボタンに画像とテキストの両方はセットできないのでしょうか？
これが出来れば、ボタンをコピーしテキストだけを書き換えれば、サイズも位置も自由に増やす事が出来るのですが。
出来ないと、枠とテキストですべてのボタンの画像を作成し読み込まなければならないと思うのですが！

以上、勝手な感想と質問ですが、宜しくお願いいたします。

書込番号：20913604

[Sera-Mana]

＞我輩も猫さん
1)私のリモコンだと�Aの画像でグリッドと合っていたのですが、ファームウェアのバージョンが少し前の時に作ったからかもしれません。

2)現ver.はそれが仕様のようです。なので、ボタンがたくさんあるリモコンだと、学習時にどのボタンとどのボタン名称がリンクしているかメモしておかないと困ってしまいます。

3)UI creatorでボタン画像＋テキストは現ver.(3.0)ではできないようです。できると一層作成しやすくなると思いますので、次のバージョンで実装されるといいですね。
個人的には、フォントや字詰めなどが自由にでき、完成のイメージそのままを作れるので今のやり方で落ち着いてます。(^_^;

書込番号：20914578　スマートフォンサイトからの書き込み

[我輩も猫]

＞Sera-Manaさん 御回答有難うございます。

バージョンアップを期待したいと思います。

書込番号：20914876

[我輩も猫]

1枚目	2枚目	3枚目

釦を並べただけですが、作成できましたので報告させていただきます。
1枚目はHDMI切替機の画面です。
2枚目はそのページ２で、接続図を入れてみました。ボタンの設定も出来ましたがボタンの面積が小さく指で押すには少し無理が有りました。
3枚目はレコーダーの通常必要なボタンだけを並べました。

書込番号：20925087