View source

[[Category:Lang-JP]][[Category:JP_How To]][[Category:JP_Flash Lite]][[Category:JP_Code Examples]][[Category:JP_UI]]

原文（英語）: [[How to make an input text field]]

対象となるバージョン: '''''Flash Lite: 1.1, 2.x'''''

<h2>簡単なテキストフィールドを作成する</h2>
*''テキストツール''を使用し、テキストフィールドをドラッグします。
*''プロパティ''タブで''テキスト入力''を選択し、''変数''フィールドに入力し、それを変数にリンクします(例では''myText'')。<br/>[[Image:Input_prop.jpg]]


*テキストフィールドを編集するため、ユーザーはまず入力テキストフィールドをフォーカスする必要があり、そして端末の選択キーを押します。デフォルトでは、フォーカスを持つ入力テキストフィールドの周りに黄色い四角を描画します。<br/>[[Image:Input_focus.jpg]]


*ユーザーがテキストフィールドを編集する時、リンクした変数(ここでは''myText'')がその値になります。


<h2>カスタム入力テキスト</h2>
*'''数値入力フィールド'''
このコードを実行すると、入力テキストフィールドに数字のみ入力可能にできます。
<code actionscript>fscommand2("SetInputTextType", "myText", "Numeric");</code>


*'''最大文字数の設定'''
テキストフィールドを選択すると、''プロパティ''タブ中で''最大文字数''を入力することができます。


*'''フォーカス矩形色の設定(Flash Lite 2.xのみ)'''
下記のように記述することで、フォーカス矩形の色を変更することができます(デフォルトは黄色)。
<code actionscript>fscommand2("SetFocusRectColor", 255, 153, 0); //Orange</code>
下記記述で、フォーカス矩形の色を再設定できます。
<code actionscript>fscommand2("SetFocusRectColor", <red>, <green>, <blue>);</code>

<h2>ダウンロード</h2>
例題のソースコードは、下記サイトからダウンロードできます。<br/> [http://www.bysamir.fr/flashlite/input/input_240_320.zip 入力テキスト 240*320 (swf + fla)]<br/>
[[Image:input_example.jpg]]