Responsive design 钛应用程序中的相对屏幕

我是钛的新手，我使用的是合金。 我开发了一个应用程序，可以在分辨率为1200x1920的Android Nexus 7 emulator上正确渲染，但是在768x1280 emulator屏幕上渲染相同的代码时，我的所有控件都分散在一起，不再对齐。如何使应用程序响应屏幕分辨率

仅供参考：Genymotion不工作，因为它显示了更新视频驱动程序的问题，我稍后会检查

我的代码如下：

var LeftTopView = Ti.UI.createView({
top:'0%',
left:'0%',
height : '30%',
width : '70%',
});

var chkBuy = Ti.UI.createSwitch({
id: 'chkBuy',
left: '2%', 
top:'3%',
value: true,
title:'BUY',
width:'auto',
height:'auto',
color:'Black',
textAlign: Titanium.UI.TEXT_ALIGNMENT_LEFT,
style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
font:{fontFamily:'Consolas', fontSize: '23dp', fontWeight:'bold',},
});

chkBuy.addEventListener('click',chkBuyClick);

function chkBuyClick(){
chkSell.value = false;  
chkBuy.value = true;;
}

var chkSell = Ti.UI.createSwitch({
id: 'chkSell',
left: '35%',
top:'3%', 
value: false,
title:'SELL',
width:'auto',
height:'auto',
color:'Black',
textAlign: Titanium.UI.TEXT_ALIGNMENT_LEFT,
style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
font:{fontFamily:'Consolas', fontSize: '23dp', fontWeight:'bold',},
});

chkSell.addEventListener('click',chkSellClick);
function chkSellClick(){
chkBuy.value = false;
chkSell.value = true;
}

LeftTopView.add(chkBuy);
LeftTopView.add(chkSell);

var MainView = Ti.UI.createView({
width:Ti.UI.FILL,
height: Ti.UI.FILL,
left:'0%',
top:'0%',
});

MainView.add(LeftTopView);

var window = Ti.UI.createWindow({
title:'Page2',
backgroundColor:'#000',
exitOnClose:'true',
});

window.add(MainView);
window.open();

---

不应使用%为元素指定顶部和底部。这将在方向上造成问题，而应使用布局。 结帐