Question

我正在使用Appcelerator开发iOS应用。在这个应用程序中，我得到了一个主要的包装器视图和一些子视图。我需要使用布局垂直属性将它们放在彼此之下，但它们都堆叠在一起（而不是在单独的“行”上）。

以下代码有什么问题？

// Create the padding view

            container = Ti.UI.createView({ 

                top: 0,
                left: 0,
                width: 320,
                height: 460,
                backgroundColor: '#000'

            });

            // Create the padding view

            wrapper = Ti.UI.createView({ 

                top: 0,
                left: 0,
                width: 320,
                height: 'auto',
                layout: 'vertical'

            });

            // Create the padding view

            label = Ti.UI.createLabel({ 

                text: e.label,
                color: e.color,
                font:{fontSize:36,fontWeight: 'normal'},
                top: 10,
                width: 'auto',
                height: 'auto'

            });

            // Create the padding view

            perks_label = Ti.UI.createLabel({ 

                text: 'Lorem Ipsum is',
                color: '#fff',
                font:{fontSize:26,fontWeight: 'normal'},
                top: 10,
                left: 10,
                width: 'auto',
                height: 'auto'

            });

            // Create the padding view

            perks_data = Ti.UI.createLabel({ 

                text: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer',
                color: '#fff',
                font:{fontSize:12,fontWeight: 'normal'},
                top: 10,
                left: 10,
                width: 'auto',
                height: 'auto'

            });

            // Add label to wrapper

            wrapper.add(label);

            // Add label to wrapper

            wrapper.add(perks_label);

            // Add label to wrapper

            wrapper.add(perks_data);

            // Add wrapper to container

            container.add(wrapper);

            // Return the row

            return container;

Answer 1

似乎perks_label和perks_data的顶部和左侧应该是不同的。尝试将perks_data设置为top：50。

谢谢，

Answer 2

我之前碰过这堵墙。您是否将当前窗口的布局设置为“垂直”？因此，从添加容器的窗口中，将其布局设置为vertical：

var win = Titanium.UI.currentWindow;
win.layout = 'vertical';

如何使用布局垂直？

2 个答案: