javascript - 如何创建一个弹出窗口但不丢失以前的窗口

Question

我创建了一个新的小窗口，用 Onlick 函数打开。当新的弹出窗口打开时，如何保留上一个窗口？现在我的弹出窗口外面有一个黑色背景。

XML

<Alloy>
 <Window id="container" backgroundImage="/images/art.jpg">
    <View id="weSocial" width="95%" top="8" backgroundColor="#393939" height="50" visible="true" onClick="showSocial">
      <Label id="socialLabel"></Label>
     </View>
   </Window>
 </Alloy>

JS:

var ModalWindow = Ti.UI.createWindow({
        title: L('findSocial'),
        backgroundColor: "red",
        width: "300",
        height: "300",
        modal: true,
        top: "10%"
    });
$.win.add.ModalWindow;

function showSocial () {
    ModalWindow.open({modal:true}); 
}

Answer 1

您正在考虑一种观点。 iOS 中的窗口(如果我没记错的话，还有 Android)中的窗口始终是 100% 宽和高。

即使您的视野达到了 95%，窗口的视野却没有达到 95%。它是黑色的原因是因为您的窗口有黑色背景。

要更改此设置，只需将 View 添加(并覆盖)到当前窗口即可，而不是打开新窗口。

您的新 XML:

<Alloy>
    <View id="weSocial" width="95%" top="8" backgroundColor="#393939" height="50" visible="true" onClick="showSocial">
      <Label id="socialLabel"></Label>
     </View>
 </Alloy>

通过 Controller 将其包含在您之前的窗口中:

var controller = Alloy.createController('modalWindow');

添加并显示:

$.getView().add(controller.getView());

modalWindow 的 tss 仍应为 95% 宽，并且不要使用左右定位，它会自动居中。