我为一个按钮创建了一个控制器,我想在我的Titanium应用程序中重用它。我在其中一个窗口中使用createController,并将其添加到该窗口中。到目前为止还不错。
然而,按钮似乎有一个完整的窗口高度,我找不到改变这一点的方法。我错过了什么?在我的文件下面:
view button.xml
:
<Alloy>
<View id="generalButtonContainer">
<View id="generalButton" class="generalButton" onClick="callback" >
<Label class="generalButtonLabel" id="generalButtonLabel" />
<ImageView class="generalButtonIcon" />
</View>
</View>
</Alloy>
button.tss
:
".generalButton": {
height: 60,
borderRadius: 2,
backgroundColor: '#5ba7e6',
left: 10,
right: 10
}
".generalButtonLabel": {
color: '#ffffff',
font: {
fontSize: 16
},
left: 15
}
".generalButtonIcon": {
image: '/images/generic/arrow-thin-right-white.png',
height: 15,
width: 15,
top: 22,
right: 15
}
"#generalButtonContainer": {
width: 320,
height: Ti.UI.SIZE
}
在这里,我将其包含在我的父窗口中
Alloy.createController('button',{text: 'signup.button.continue'});
$.signupButtonContainer.add(buttonView.getView());
现在,即使我指定了高度,(也在signupButtonContainer
:Ti.UI.SIZE
的父窗口中)我仍然可以获得完整的窗口高度视图。
如何解决此问题?
编辑:如果有任何信息你错过了,只要问!包含大量信息的复杂问题
我没有看到任何明显的东西。调试这些布局问题可能需要一些尝试和错误。我建议两种策略。
1) 检查Resources/平台/alloy/controllers/controller.js中生成的代码,看看是否有明显的内容。请记住,对于那些没有显式值的组件,各种布局组件的默认高度/宽度。
2) 我建议你使用LiveView或TiShadow,这样你就可以快速看到布局的变化。然后,开始将各种元素的背景色设置为明显的颜色(粉色、橙色、绿色等字符串效果良好),看看屏幕上填充的是什么。