0から始めるTitanium Mobile 第3回 簡単なiPhoneアプリを作成する(2)

さて、前回作成したアプリはそのままでもいいのですがもう少しアプリらしくしたいと思います。

Screenshot 5

アプリの起動時に、テキストフィールドにフォーカスを当てる

main.js の方に以下の項目を追記します。

1
2
3
4
5
6
7
8
9
10
// 起動時にフォーカスを与える
// http://developer.appcelerator.com/question/17351/start-with-focus-on-a-textarea
win.addEventListener("open", function(event, type) {
  ta1.focus();
});

win.open({
  modal:true,
    modalStyle: Ti.UI.iPhone.MODAL_PRESENTATION_FORMSHEET
});

このaddEventListenner()を利用するのがよいみたいです。
まだきちんと動きとか分かっていないでですがフォーラムに出ていましたので使わせてもらいます。

テキストの文字数をNavbarに表示する

main.js に以下の小目を追記します。

1
2
3
4
5
6
7
8
9
10
var label1 = Titanium.UI.createLabel({
  color:'#fff',
  text:'0',
  font:{fontSize:16,fontFamily:'Helvetica Neue'},
  textAlign:'center',
  width: 64

});

Ti.UI.currentWindow.rightNavButton = label1;

NavBarですがButtonの箇所になんでもおけるみたいですね。Button以外にもこの例のように label でも可能です。

文字を入力する都度、文字数を変化させる

1
2
3
4
ta1.addEventListener('change',function(e){
  label1.text = jstrlen(ta1.value);
  Ti.UI.currentWindow.rightNavButton = label1;
});

さて、文字の変化をみて値を更新するためにはこのようにして ta1の’change’イベントで制御をします。文字数を疲労感数はここでは jstrlen() で行っています。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 文字をバイトで数えるための関数
// http://www.tohoho-web.com/js/string.htm
function jstrlen(str,   len, i) {
   len = 0;
   str = escape(str);
   for (i = 0; i < str.length; i++, len++) {
      if (str.charAt(i) == "%") {
         if (str.charAt(++i) == "u") {
            i += 3;
            len++;
         }
         i++;
      }
   }
   return len;
}

でも実際にはこの関数では半角の文字も全角の文字も2文字で計算してしまいます。なのであまり意味が・・・後で修正することにしましょう。

その他の修正

上記以外にも、「ひらがな→半角カナ」ボタンを追加。また起動時にクリップボードに入っているものをテキストエリアの中に表示させるなどの修正を加えています。他にも少しづつあるかとお思いますがこれで大分使えるようになってきたような気がします。

次回以降で、アプリの登録やiPhoneへの転送などをしてみたいと思います。

0から始めるTitanium Mobile

▼第1回 Windows開発環境(Android) の構築

▼第2回 簡単なiPhoneアプリを作成する

▼第3回 簡単なiPhoneアプリを作成する(2)

Related Posts Plugin for WordPress, Blogger...


Posted by tokida

このサイトは私(@tokida)の備忘録であるとともにiPhone界隈の人に情報をお返し出来たら良いなぁという物です。また稚拙ながらiPhoneのアプリも作っておりその紹介などもしております。 このサイトの情報はRSSで配信していますので是非購読してみて下さい。

17 comments

コメントを残す

Required fields are marked *.

*