TextFieldコントロール

ヘルプテキストを表示

テキストが空の間、ヒント文字をテキストフィールドに指定するためには、 hintTextプロパティにヒントメッセージを指定します。 AndroidもiOSも色やフォントなどは指定できないようですが、無難な色なので特に問題はないかと。

var textField = Ti.UI.createTextField({
       borderStyle : Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
       hintText : 'ヒントテキスト'
    });

[iOS]数値入力の完了ボタン

keyboardTypeにTitanium.UI.KEYBOARD_NUM_PAD,Titanium.UI.KEYBOARD_DECIMAL_PADを使うと フィールドフォーカス時から数値入力用のキーボードパットが表示されて便利ですが、完了キーがないためキーボードが閉じられない状態になります。

キーボードのツールバーに完了ボタンを表示してフォーカスを外します。

簡単に書くと以下のようになります(実際にはダミーボタンをいくつか追加して完了ボタンの位置を調整します)

var textField;
var doneBtn = Titanium.UI.createButton({    
		title : L('Done'),width : 67,height : 32
	});
	doneBtn.addEventListener('click',function(e){
		textField.blur();});
	textField = Ti.UI.createTextField({
		clearButtonMode: Titanium.UI.INPUT_BUTTONMODE_ONFOCUS,
		keyboardType:Titanium.UI.KEYBOARD_DECIMAL_PAD,
		keyboardToolbar : (Ti.Platform.osname=="android")?null:[doneBtn]
	});

Tips

行の中にあるTextFieldに日本語入力ができない(Android)

ver 2.1.0

TableViewの中のTableViewRowにTextFieldを入れた場合に、 日本語入力が可能なソフトキーボードを表示すると1文字入力ごとにフォーカスが外れて入力できません。

テキストフィールドの実装について

回避方法

http://developer.appcelerator.com/question/136207/something-is-stealing-my-events-on-my-textfields-in-a-tableview-only-on-android

TabGroup又はWindowにwindowのSoftInputModeにTi.UI.Android.SOFT_INPUT_ADJUST_PANを設定すると問題を回避できました。 iOSではこのパラメータを設定すると落ちるので外しておく必要があります。

経験則ですがTabGroupにつけるとTabGroupのTabに直接指定されたWindowにはこのパラメータが有効化されていますが、 新たにTab.openで開かれたウィンドウには有効になっていないようなのでWindow自体にも指定しておく必要があるようです。

TabGroupの場合

var self = Ti.UI.createTabGroup({
		windowSoftInputMode: (Ti.Platform.osname=="android")? Ti.UI.Android.SOFT_INPUT_ADJUST_PAN : null
	});

TextFieldの幅がwidthで指定できない

ver 2.1.0

createTextFieldでwidth:200としているにもかかわらず、なぜかサイズがTi.UI.SIZEとなる場合があります。

jssファイルで指定するとサイズが指定できます。

focus,blur[Android]

ver 2.1.0

Androdのfocus,blueメソッドもイベントもかなり奇抜な動きをするので注意をしなければなりません。

Android: Textfield: The focus on textfield does not happen through textfield focus method

titanium/ui_controls/text_field.txt · 最終更新: 2012/08/06 09:40 by enibloadmin
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0