0

我的代码适用于 iOS，但不适用于 android。

我有几个视图，其中设置按钮使视图以更高的 zindex 可见。我显示的原始视图和第二个视图都有文本字段。当我使第二个视图可见时，只有一部分视图如下所示。

original view

带有文本视图的原始视图

second added view with higher zindex

原始视图 第二个视图，具有较高的 zindex 部分可见

原始视图的代码

var view = Ti.UI.createView({backgroundColor: '#F00',top: theTop});
T=Ti.UI.createView({backgroundColor:"#000",top:theTop});
var textfield = Ti.UI.createTextField({
    color: 'black',
    height: '40dp',
    top: '5dp',
    left: '5dp',
    right: '50dp',
    style: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    hintTextColor:"black",
    hintText: 'Enter an address',
    backgroundColor: '#aaa',
    zindex:"1",
    paddingLeft: '5dp'
});

第二个视图的代码可见

E=Titanium.UI.createView({
    borderRadius:8,
    backgroundColor:"red",
    visible:"false",
    zindex:"9999",
    top:5,
    left:5,
    width:250,
    height:80
 });

P=Ti.UI.createTextField({
    height:"30dp",
    top:"8dp",
    left:"8dp",
    width:"200dp",
    zindex:"9999",
    style:Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    hintText:"ET API key",
    backgroundColor:"#fff",
    paddingLeft:"5dp"
});

同样，这在 iOS 中运行良好，但在 android 中，第二个视图部分出现

4

2 回答 2

0

如果您试图通过某个按钮事件将新视图置于另一个视图之上，请尝试使用以下代码：

var win = Ti.UI.createWindow({
backgroundColor : 'white'
});

var view = Ti.UI.createView({
backgroundColor : '#EEE',
height : Ti.UI.FILL,
width : Ti.UI.FILL
});
win.add(view);
var view1 = Ti.UI.createView({
top: 0,
backgroundColor : '#F00',
height : 200,
width : Ti.UI.FILL,
});
view.add(view1);
var textField1 = Ti.UI.createTextField({
borderStyle : Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
color : '#336699',
width : '90%',
height : '90%',
style : Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
hintTextColor : "black",
hintText : 'Enter an address',
backgroundColor : '#aaa',
zindex : "1",
});
view1.add(textField1);

var view2 = Ti.UI.createView({
top: 0,
backgroundColor : '#0F0',
height : 200,
width : Ti.UI.FILL,
});
var textField2 = Ti.UI.createTextField({
borderStyle : Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
color : '#336699',
width : '90%',
height : '90%',
style : Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
hintTextColor : "black",
hintText : 'Enter name',
backgroundColor : '#aaa',
zindex : "9999",
});
view2.add(textField2);

var button1 = Titanium.UI.createButton({
title: 'Hello',
top: 600,
width: 100,
height: 50
});
view.add(button1);
button1.addEventListener('click',function(e)
{
view1.hide();
view.add(view2);
view2.show();
});

var button2 = Titanium.UI.createButton({
title: 'Hello1',
top: 700,
width: 100,
height: 50
});
view.add(button2);
button2.addEventListener('click',function(e)
{
view2.hide();
view1.show();
});

win.open();
于 2016-01-31T09:30:52.107 回答
0

在第一个视图中，您没有设置任何大小，因此它将默认填充其父级。在第二个视图中，您设置了 250 的宽度和 80 的高度。那么您在屏幕截图中看到的不正是您设置的吗？如果您希望第二个也采用全尺寸，则删除宽度/高度。

于 2016-02-01T13:43:19.030 回答