私はチタンプロジェクトに取り組んでいます。以下のようなカスタマイズされた検索バーが必要です。
しかし、検索バーを作成したときは、次のようになります。
キャンセルボタンの画像を変更したい。チタンでサーチバーをカスタマイズするためにたくさん検索しましたが、解決策が見つかりませんでした。
私は次の方法で検索バーを作成しています:
var searchLocation = Ti.UI.createSearchBar({
showCancel:true,
height:55,
top:45,
width:'102%',
backgroundImage:"../../Images/bg_search.png",
borderRadius:'5'
});
それから私は別のことを試みました。
- ビュー、キャンセルボタンのない検索バー、およびカスタマイズされたボタンを作成しました。
- そのビューに検索バーを追加しました
その検索バーの右側にボタンを追加しました。
//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 );
完全に機能しています。
しかし、私は別の解決策を探しています。これを行うための組み込みメソッドはありますか?
前もって感謝します。