主に表示キーが持つキー属性のうち、代表的なキー属性を紹介します。
その他のキー属性については、REFERENCE「キー属性一覧」を参照してください。
%editParams 文字入力開始時の入力条件を表す属性です。
属性値を変更することで、テキストボックス入力開始時の条件（IME、選択状態等）を設定することが可能です。
設定可能な属性値は組み合わせて使用することが可能です。
0x1：IMEをOFFにする(IMEOff)
0x2：キャレットを初期文字列の先頭に置く(CaretTop)
0x4：初期文字列を選択状態にする(SelectAll)
0x8：読み取り専用(ReadOnly)
サンプル１では、編集ボタンをクリックすると、ボタン左に配置した列キーがそれぞれの条件で入力可能になり。また、サンプル２では、表示キー定義時にeditParams属性を定義しておく例、editParams属性を組み合わせて使用する例を記述しています。
サンプル１
|
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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 |
Kf(_Attribute_editParams){ Pe{ /*キーステーションが最初に実行するキーセット*/ N(_main); } } K(_main){ Se{ @s1{~border{~color="#ff408000"; ~width="1"; ~style="solid";}} @editing{~border{~color="#ffffffff";~width="1";~style="solid";}~back{~color="#ffffffff";}} @s2{~margin="20"} } De{ (int).count=0; } U{ R("0x1：IMEをOFFにする(IMEOff)") R(@s2){ C(#text,"text",@s1) Cb0.3(#btn1,"編集"){ Bs{ if(#me\<#text%editing){ /* 文字入力状態を入力不可にする */ #me\<#text%editing=false; /* スタイルを元に戻す */ #me\<#text%style="@s1"; }else{ /* 文字入力状態を入力可にする */ #me\<#text%editing=true; #me\<#text%editParams=1; #me\<#text%focus(); /* スタイルに入力可能時用のスタイルを設定 */ #me\<#text%style="@editing"; } } } } R("0x2：キャレットを初期文字列の先頭に置く(CaretTop)") R(@s2){ C(#text,"text",@s1) Cb0.3(#btn1,"編集"){ Bs{ if(#me\<#text%editing){ /* 文字入力状態を入力不可にする */ #me\<#text%editing=false; /* スタイルを元に戻す */ #me\<#text%style="@s1"; }else{ /* 文字入力状態を入力可にする */ #me\<#text%editing=true; #me\<#text%editParams=2; #me\<#text%focus(); /* スタイルに入力可能時用のスタイルを設定 */ #me\<#text%style="@editing"; } } } } R("0x4：初期文字列を選択状態にする(SelectAll)") R(@s2){ C(#text,"text",@s1) Cb0.3(#btn1,"編集"){ Bs{ if(#me\<#text%editing){ /* 文字入力状態を入力不可にする */ #me\<#text%editing=false; /* スタイルを元に戻す */ #me\<#text%style="@s1"; }else{ /* 文字入力状態を入力可にする */ #me\<#text%editing=true; #me\<#text%editParams=4; #me\<#text%focus(); /* スタイルに入力可能時用のスタイルを設定 */ #me\<#text%style="@editing"; } } } } R("0x8：読み取り専用(ReadOnly)") R(@s2){ C(#text,"text",@s1) Cb0.3(#btn1,"編集"){ Bs{ if(#me\<#text%editing){ /* 文字入力状態を入力不可にする */ #me\<#text%editing=false; /* スタイルを元に戻す */ #me\<#text%style="@s1"; }else{ /* 文字入力状態を入力可にする */ #me\<#text%editing=true; #me\<#text%editParams=8; #me\<#text%focus(); /* スタイルに入力可能時用のスタイルを設定 */ #me\<#text%style="@editing"; } } } } R } } |
実行結果
サンプル２
|
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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
Kf(_Attribute_editParams2){ Pe{ /*キーステーションが最初に実行するキーセット*/ N(_main); } } K(_main){ Se{ @s1{~border{~color="#ff408000"; ~width="1"; ~style="solid";}} @editing{~border{~color="#ffffffff";~width="1";~style="solid";}~back{~color="#ffffffff";}} @s2{~margin="20"} } De{ (int).count=0; } U{ R("editParamsを事前に定義") R(@s2){ /* 表示キーをボタンとして定義しておく */ /* editParams属性は事前に定義可能 */ Cb(#text,"text",@editing,editParams=4){ Bp{ /* クリック時に、テキストボックスに変更 */ #me\<#text%editing=true; /* フォーカスを設定する */ #me\<#text%focus(); } Bo{ /* フォーカスアウト時に、ボタンに戻す */ #me\<#text%editing=false; } } } R("editParamsを組み合わせ使用する") R(@s2){ /* 選択状態かつ読み取り専用 */ Cb(#text,"text",@editing,editParams=12){ Bp{ /* クリック時に、テキストボックスに変更 */ #me\<#text%editing=true; /* フォーカスを設定する */ #me\<#text%focus(); } Bo{ /* フォーカスアウト時に、ボタンに戻す */ #me\<#text%editing=false; } } } R } } |
実行結果
