钛金属搜索栏的自定义取消按钮

Question

我正在从事钛项目。我需要一个像下面这样的自定义搜索栏。

但是当我创建搜索栏时，它看起来像;

我想更改取消按钮的图像。我搜索了大量的钛金属搜索栏，但找不到任何解决方案。

我正在按以下方式创建搜索栏：

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 );
   

它运作良好。

但我正在寻找任何替代解决方案。有没有内置的方法来做到这一点？

提前致谢。

Answer 1

没有内置方法。您的工作解决方案是最好的解决方案。