Question

我是Titanium初学者，他正在尝试创建一个包含名称和地址的两个文本字段以及一个DateTimePicker的表单页面。我现在面临两个问题：

1）DateTimePicker已成功显示但我希望它们同时包括2个文本字段，并且具有相同的提交按钮。

2）我已经尝试了很多次但是我甚至无法创建一个简单的文本字段，甚至只是在一个页面上创建它。它只是没有显示出来。有人可以提供一些建设性的帮助吗？

提前致谢。以下是我目前的代码。

var winTimePicker = Titanium.UI.createWindow（{}）; winTimePicker.backgroundColor ='black';

var doneBtn = Ti.UI.createButton({
    title: 'Done',
});

doneBtn.addEventListener('click', function() {
    winTimePicker.hide();
});

winTimePicker.add(doneBtn);

var timePicker = Ti.UI.createPicker({
    type:Ti.UI.PICKER_TYPE_TIME,
    bottom:0,
});


// turn on the selection indicator (off by default)
timePicker.selectionIndicator = true;

timePicker.addEventListener('change', function(e) {
    //your code
});

winTimePicker.add(timePicker);


//open window
winTimePicker.open();

var winDatePicker = Titanium.UI.createWindow（{}）; winDatePicker.backgroundColor ='black';

var doneBtn = Ti.UI.createButton({
    title: 'Done',
});

doneBtn.addEventListener('click', function() {
    winDatePicker.hide();
});

winDatePicker.add(doneBtn);

var datePicker = Ti.UI.createPicker({
    type:Ti.UI.PICKER_TYPE_DATE,
    bottom:0,
});


// turn on the selection indicator (off by default)
datePicker.selectionIndicator = true;

datePicker.addEventListener('change', function(e) {
    //your code
});

winDatePicker.add(datePicker);


//open window
winDatePicker.open();

var textField = Titanium.UI.createTextField（{ 颜色： '＃336699'，宽度：“自动”，高度：“自动”，的borderStyle：Titanium.UI.INPUT_BORDERSTYLE_ROUNDED， }）;

var textField2 = Titanium.UI.createTextField（{ 颜色： '＃336699'，宽度：“自动”，高度：“自动”，的borderStyle：Titanium.UI.INPUT_BORDERSTYLE_ROUNDED， }）;

Answer 1

检查此代码并根据您的需要进行更改：

var timePickerWin = Ti.UI.createWindow({
            navBarHidden : true,
            backgroundColor : '#fff'
        });

var startTime = Ti.UI.createPicker({
        top : '15dp',
        left : '50dp',
        useSpinner : false,
        selectionIndicator : true,
        type : Ti.UI.PICKER_TYPE_TIME,
        format24 : false,
        height : '130dp',
        //  width:'auto'

    });


 var endTime = Ti.UI.createPicker({
            top : '15dp',
            left : '50dp',
            useSpinner : false,
            selectionIndicator : true,
            type : Ti.UI.PICKER_TYPE_TIME,
            format24 : false,
            height : '130dp'
        });

var nextButton = Ti.UI.createButton({
            width : '220dp',
            height : '45dp',
            top : '15dp',
            title : 'Next',
            backgroundColor : '#294079',
            font : {
                fontSize : '18dp',
                fontWeight : 'bold'
            },
            color : '#fff'
        });

startTime.addEventListener('change', function(e) {
        //alert("User selected date: " + e.value);
        startPickerValue = e.value;
    });

    endTime.addEventListener('change', function(e) {
        //alert("User selected date: " + e.value);
        endPickerValue = e.value
    });
var fullNameTextBox = Ti.UI.createTextField({
        borderStyle : Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
        width : '275dp',
        height : '45dp',
        //value : '',
        top : '15dp',
        color : '#000000',
        hintText : 'Enter full name'
        //  backGroundColor:'gray',

    });
    var emailTextBox = Ti.UI.createTextField({
        borderStyle : Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
        width : '275dp',
        height : '45dp',
        //value : '',
        top : '15dp',
        color : '#000000',
        hintText : 'Enter email'

    });

最后将所有这些UI元素添加到使用添加功能

的timePickerWin窗口中

timePickerWin.add(startTime);

所有UI元素的

等等。之后打开timePickerWin，如下所示

timePickerWin.open()

通过改变每个元素的左，右，高度和宽度属性来进行适当的布局更改。

Titanium Android简单表单创建

1 个答案: