1

私はチタンプロジェクトに取り組んでいます。以下のようなカスタマイズされた検索バーが必要です。

設計ドキュメント

しかし、検索バーを作成したときは、次のようになります。

出力

キャンセルボタンの画像を変更したい。チタンでサーチバーをカスタマイズするためにたくさん検索しましたが、解決策が見つかりませんでした。

私は次の方法で検索バーを作成しています:

var searchLocation = Ti.UI.createSearchBar({ 
    showCancel:true,
    height:55,
    top:45,
    width:'102%',
    backgroundImage:"../../Images/bg_search.png",
    borderRadius:'5'
});

それから私は別のことを試みました。

  1. ビュー、キャンセルボタンのない検索バー、およびカスタマイズされたボタンを作成しました。
  2. そのビューに検索バーを追加しました
  3. その検索バーの右側にボタンを追加しました。

    //holder view
    var searchHolder = Ti.UI.createView({
       height   : 55,
       width    : '100%',
       top      : 45,
       backgroundImage:"../../Images/bg_header@2x.png",
       layout   : 'horizontal'
    });
    
    //search bar
    var serLocation = Ti.UI.createSearchBar({
       height:55,
       top:0,
       width:'85%',
       backgroundImage:"../../Images/bg_header@2x.png"
    });
    
    //Calendar button
    var calButton = Ti.UI.createButton({
       height   : 45,
       width    : 45,
       backgroundImage:"../../Images/nav_calendar.png"
    });
    
    searchHolder.add(serLocation);
    searchHolder.add(calButton );
    

完全に機能しています。

しかし、私は別の解決策を探しています。これを行うための組み込みメソッドはありますか?

前もって感謝します。

4

1 に答える 1

0

このための方法はありません。あなたの実用的なソリューションは最高のものです。

于 2012-12-20T18:37:22.767 に答える