自定義鈦中的搜索欄取消按鈕

我正在開發鈦項目。我需要一個像下面這樣的自定義搜索欄。自定義鈦中的搜索欄取消按鈕

Design doc

但是，當我創建的搜索欄，它看起來像;

Output

我想改變取消按鈕的圖像。我搜索了很多用於定製鈦的搜索欄，但找不到任何解決方案。

我以下列方式創建搜索欄：

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/[email protected]", 
    layout : 'horizontal' 
}); 

//search bar 
var serLocation = Ti.UI.createSearchBar({ 
    height:55, 
    top:0, 
    width:'85%', 
    backgroundImage:"../../Images/[email protected]" 
}); 

//Calendar button 
var calButton = Ti.UI.createButton({ 
    height : 45, 
    width : 45, 
    backgroundImage:"../../Images/nav_calendar.png" 
}); 

searchHolder.add(serLocation); 
searchHolder.add(calButton);

它的工作完美。

但我正在尋找任何替代解決方案。有沒有內置的方法來做到這一點？

在此先感謝。

來源

2012-12-20 Midhun MP

這裏面沒有bult-in-methods。你的工作解決方案是最好的。

來源

2012-12-20 18:37:22

感謝您的回答:) –

@Dawson Toth我添加了一個搜索欄，其中出現了一個自動聚焦底線，我該如何刪除它。請幫助我 – allDroid

@allDroid我真的不確定你的意思。 ..你應該創建一個新的SO問題，用截圖和代碼重現你的問題，看看社區是否可以幫助你！ –

自定義鈦中的搜索欄取消按鈕

回答

相關問題