メニューコントロールとは？
ドロップダウン選択ボックスは、メニューコントロールから表示できます。ユーザーは、ボタンを押した後にポップアップメニューを設定することができ、コマンドを送信することによってポップアップメニューを設定することができ、メニューをクリックした後、データはテキストコントロールまたは選択コントロールに出力され、シリアルスクリーンに表示されます。
このルーチンではメニューコントロールのよくある応用を紹介し、工程中の画面と合わせて各応用の構成を紹介し、よくある応用は次のとおりです。
- ドロップダウンメニューアプリケーション：メニューデータをテキストコントロールに出力します。
- 外部ホストの変更オプション：メニューデータは選択コントロールに出力され、外部ホストは選択コントロールのオプションを変更する
カテゴリー：Full Series
ダウンロードリンク：メニューコントロールの適用”クリックジャンプ
10.1メニュー·コントロールのプロパティ
この章では、メニューコントロールのプロパティに焦点を当てます。プロパティウィンドウは次のとおりです。
メニューの外観
モノクロ、画像、画像、テキスト、以下のように
モノクロ
簡単なメニューの外観をソフトウェアで直接生成できます。
- フォント：フォントのスタイルとサイズ
- 背景色：メニュー背景色
- 描画色メニューのフォントと分割の色
注：テキストの設定については、後述の“メニュー設定”を参照してください。
写真はこちら
メニューコントロールの背景として画像を使用すると、ポップアップ時の画像と押したときの画像を設定できます。
写真と言葉。
モノクロ機能とピクチャ機能の両方の内容を表示します。カスタムアンダーレイを使用でき、文字はプロパティ設定のフォントを使用できます
メニュースタイル。
メニューの表示スタイルの設定
- ポップアップメニューボタンでポップアップをトリガーするドロップダウンメニューです。
- “固定メニュー”メニューの固定表示ステータス
メニューの方向性
メニューオプションの描画スタイルの設定
- 垂直方向は以下の通り。
- レベルは以下の通り。
メニュー項目の数
メニュー·オプションの項目数
言語の数
メニューの選択肢の数このオプションは“多”と连携します。システム言語が変わるとメニューオプションが変わります。
10.2ドロップダウンメニュー適用-テキストコントロール入力
ボタンコントロールのタッチ用途はポップアップメニューを設定できる
画面の設定
[ドロップダウンメニュー適用]画面の[背景画像]から適切なアートワークをインポートします。この画面にテキストコントロール、メニューコントロール、ボタンコントロールを追加すると、以下のようになります。
プロパティの構成
メニュー·コントロールのプロパティ
“メニューコントロール”の外観は“画像”、“メニュースタイル”は“ポップアップキーボード”、通知方法は“押して離す”、メニュー方向は“水平”、メニュー項目は“5”、メニューオプションとテキストの画像に対応し、“57.7 V;100V;220V;380V;無効;”に設定します。
テキストコントロールのプロパティ
テキストはデフォルトで“57.7V”、入力は“User Host Input”、プロパティは次のように構成されています。
ボタンコントロールのプロパティ
設定ボタンのタッチ目的は“ポップアップキーボード”、メニューコントロールID：メニューコントロールのID、入力コントロールID：テキストコントロールのID、プロパティは次のとおりです。
プレビューの実行
仮想画面、Visual TFTソフトウェア、仮想画面“仮想シリアルポート”をオンラインで実行します。ボタンをクリックしてメニューをポップアップし、メニューオプションを選択してテキストボックスに表示し、メニューオプションをクリックして、サブ項目の内容をテキストボックスに更新し、メニューコントロールを閉じます。
同時に、コマンドヘルパーで、“画面ID”を“0”、“コントロールID”を“3”、“テキストコントロールID”を“1”に設定し、“ドロップダウンメニューを表示”にチェックを入れ、“送信”をクリックします。バーチャル画面では、メニューコントロールが自動的に表示されます。
MCUコントロールプルダウンメニューの表示/非表示
参照開発パッケージkeilプログラムのhim.dever.hファイル関数宣言とhim.dever.cファイルの定義。例えば、ユーザが表示プルダウンメニューを実現する必要がある場合、メニュー表示関数ShowPopupMenuを直接呼び出すとよい。コードは以下の通りである。
/** **********************************************************************
** name Popupuint16 screen_id
** uint16 control_id、
** uint8 show
** uint16 f__id;
** 詳細はこちら ProdNameドロップダウンメニューの表示/非表示の設定
** 入力パラメータ :
** screen_id画面ID [screen_id画面ID]
** control_idコントロールIDコントロールID
** show 0は非表示、1は表示、0のときf__idは无効です
** focus_control_id関連付けられたテキストコントロールメニューコントロールの内容をテキストコントロールに出力
** parers なしなし。
** Returned value : なしなし。
************************************************************************/
{
……
ShowPopupMenu 0 3 1 1; //画面0、コントロール3のメニューコントロールを表示し、
//コントロール1のテキストコントロールに出力を表示します。
……
}10.3ドロップダウンメニューの適用-選択コントロール入力をスライド
[外部ホスト変更オプション]画面は、テキストコントロールとメニューコントロールの代わりにスライド選択コントロールの使用を紹介し、この方法とテキストコントロールの違いは、外部シングルチップコントローラを送信するコマンドコントロールシリアルスクリーンの使用では、テキストコントロールコマンドは比較の長さく、中国語を表示するときにも中国語文字のエンコーディングを得るために変換する必要があります。プロジェクト編集中に選択制御のオプションが書き込まれるため、マイクロコントローラ制御を使用すると、対応するオプションインデックスを送信すると対応するオプションが表示され、コマンドは比較的簡単で、オプションインデックスは0から始まります。
画面の設定
“ドロップダウンメニューアプリケーション-テキストコントロール入力”セクションと同様ですが、説明しません。
プロパティの構成
メニュー·コントロールのプロパティ
“ドロップダウンメニューアプリケーション-テキストコントロール入力”セクションと同様ですが、説明しません。
選択コントロールのプロパティ設定のスライド
[用途]を[状態表示]、[データオプション[言語1]]を[57.7V; 100V; 220V; 380V;無効]に設定します。
ボタンコントロールのプロパティ
“ドロップダウンメニューアプリケーション-テキストコントロール入力”セクションと同様ですが、説明しません。
プレビューの実行
仮想画面、Visual TFTソフトウェア、仮想画面“仮想シリアルポート”をオンラインで実行します。[コマンドアシスタント]を開き、左側のナビゲーションバー [スライド選択コントロール]を選択し、[スライド選択コントロール値を設定]のコマンドパラメータを設定します。コマンドヘルパーで、“画面ID”を“1”、“コントロールID”を“1”、“オプションインデックス”を“2”に設定し、“送信”をクリックします。仮想画面では、選択コントロールは“220V”と表示され、実行効果は以下のようになります。
MCUコントロール選択コントロールオプション
参照開発パッケージkeilプログラムのhim.dever.hファイル関数宣言とhim.dever.cファイルの定義。例えば、ユーザが選択コントロール表示プリセットのオプションを実現する必要がある場合、選択コントロール設定オプションの関数SetSelectorValueを直接呼び出すことができます。コードは次のとおりです。
/** ******************************************************************
** 名 void SetSelectorValue uint16 screen_id
** uint16 control_id、
** uint8 item;
** 詳細はこちら ProdName選択コントロールのオプション設定
** input parameters screen_id画面ID
** control_idコントロールIDコントロールID
** Item Item の
** output parametersなし
** Returned value CLARiXなし
********************************************************************/
{
……
SetSelectorValue（1，1，2）; //画面1、コントロール1のスライド選択コントロールを項目2に表示
……
}
发表回复