如何在Titanium中偏移标题控件

时间:2013-04-09 01:26:29

标签: ios controls titanium title offset

如何抵消钛合金中的标题控制?

现在我正在尝试在标题控件中的标签上放置一个左:-100属性,这对于打开视图但后移回中心时有效。

对于我如何实现这一转变有什么建议吗?

提前致谢!

var txtSearch = Titanium.UI.createTextField({
    hintText: 'Keyword to search for',
    height: 'auto',
    width: 220,
    left: -100,
    font: {fontSize: 12},
    enabled: true,
    keyboardType:Titanium.UI.KEYBOARD_EMAIL,  
    returnKeyType:Titanium.UI.RETURNKEY_DEFAULT,  
    borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
    autocapitalization: Titanium.UI.TEXT_AUTOCAPITALIZATION_NONE,
    clearButtonMode: Titanium.UI.INPUT_BUTTONMODE_ONFOCUS
});
win.setTitleControl(txtSearch);

var btnSearch = Titanium.UI.createButton({
    title: 'Search',
    height: 'auto',
    width: 'auto',
    font: {fontSize: 13}
});
win.rightNavButton = btnSearch;

如果我点击搜索按钮,它会将我带到搜索结果页面,然后点击后退按钮,文本框不会被移动并且看起来很好..仅当页面首次加载时

1 个答案:

答案 0 :(得分:0)

尝试将文本字段添加到视图中,然后将视图设置为标题控件:

var container = Ti.UI.createView({
    width: 320
});

var txtSearch = Titanium.UI.createTextField({
    hintText: 'Keyword to search for',
    height: 'auto',
    width: 220,
    left: 0,
    font: {fontSize: 12},
    enabled: true,
    keyboardType:Titanium.UI.KEYBOARD_EMAIL,  
    returnKeyType:Titanium.UI.RETURNKEY_DEFAULT,  
    borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
    autocapitalization: Titanium.UI.TEXT_AUTOCAPITALIZATION_NONE,
    clearButtonMode: Titanium.UI.INPUT_BUTTONMODE_ONFOCUS
});
container.add(txtSearch);
win.setTitleControl(container);