Question

当用户第一次打开应用时，我正在尝试显示一个弹出窗口。它应该向用户提示输入他们的电子邮件地址以加入邮件列表，如http://imgur.com/rBJWRki所示。

这是弹出窗口的代码。我已经设置了高度，宽度等的值，但似乎没有效果。我还添加了文本功能，图像，按钮等，但它没有出现在它上面。

var popupbox = Titanium.UI.createAlertDialog({
// set dimensions and create window
title: 'Popup',
height: '800dp',
width: '800dp',
top: '0dp',
backgroundColor: '#fff',
contentWidth: 'auto',
contentHeight: 'auto',
layout: 'vertical'
});

// create text
var text = Ti.UI.createLabel({
top: '0dp',
height: '40dp',
width: 'fill',
left: '20dp',
color: '#a03f56',
text: "Get on the Mailing List"
font: {
    fontFamily: "Helvetica",
    fontWeight: "bold",
    fontSize: '20sp'
}
});

// create image 
var image = Ti.UI.createView({
height: '120dp',
width: 'fill',
top: '100dp',
backgroundImage: 'images/Newsletter.png',
});

// textbox goes here
var textboxEmail = Ti.UI.createTextField({
borderRadius: '8dp',
borderWidth: '0dp',
top: '30dp',
left: '30dp',
width: 'fill',
right: '30dp',
color: '#1d1d1d',
height: '38dp',
backgroundColor: 'white',
bottom: '-15dp'
});

var button = Ti.UI.createButton({
top: '40dp',
left: '80dp',
right: '80dp',
height: '40dp',
title: 'Submit',
font: {
         fontSize : '18sp',
         fontFamily : "Helvetica",
         fontWeight: "light"
},
color: '#0a3f56',
backgroundColor: 'white',
bottom: '65dp'
});

// add items to popup window
popupbox.add(text);
popupbox.add(image);
popupbox.add(textboxEmail);
popupbox.add(button);

button.addEventListener('click',function (e) {
    tab1.open(create_thankYou.createThankYou());
});

popupbox.show();

请帮忙！谢谢~~~

移动弹出窗口未正确显示（JavaScript）

0 个答案: