Titanium：如何删除搜索栏的背景？

Question

如何删除搜索栏的背景？我尝试通过改变背景颜色，但它也改变了取消按钮的颜色!!!

...谢谢

Answer 1

最好的替代方法是使用Ti.UI.textField和Ti.UI.button创建自定义搜索栏。将它们添加到视图中并根据需要自定义它。最后，只需在按钮点击中添加一个事件监听器，瞧！

Answer 2

看一下这个模块：https://github.com/viezel/NappUI

它扩展了多个UI元素的属性，包括SearchBar，这里是列表。

• SearchField BackgroundImage
• 自定义取消按钮
  • barColor - 按钮的背景渐变。 （类似于导航栏）
  • 颜色 - 按钮标题的颜色
  • title - 更改默认的取消文字
  • font - 设置按钮的字体
• 键盘外观
• 停用搜索图标

要安装它，我建议您使用新的gitTio命令行，这将自动下载模块，将其安装在Application Support文件夹上的modules文件夹中，并在tiapp.xml上添加正确的配置行。

gittio install -g dk.napp.ui

以下是使用此模块启用的新属性的SearchBar示例

var searchBar = Ti.UI.createSearchBar({
    searchFieldBackgroundImage:"searchbg.png",
    showsScopeBar:true,
    scopeButtonTitles:["hello", "yes"],
    customCancel:{
        barColor:"#333",
        color:"#ddd",
        title:"Hit me",
        font:{
            fontSize:16,
            fontWeight:"bold",
            fontFamily:"Georgia"
        }
    },
    appearance:Titanium.UI.KEYBOARD_APPEARANCE_ALERT,
    barColor:"transparent",
    disableSearchIcon:true //disables the search icon in the left side
});

Answer 3

如果您正在谈论渐变蓝色，我会在我的应用上删除它：

var searchBox = Ti.UI.createSearchBar({
  barColor: '#eee'
});

希望这有帮助。

Answer 4

不幸的是'barColor'不起作用。 Ti似乎通过改变不透明度或色调或其他东西来改变颜色。 DannyM的解决方案是最好的。

我必须浪费数小时才能理解Titanium的背景颜色，背景图片，条形颜色以及它们的主动/非活动表兄弟。

结论：如果你把时间浪费在愚蠢的错误上并缺乏有用的文档，那么“免费”软件的代价很高。