6

我有一个 Metro 应用程序，正在尝试为我的应用程序设计登录屏幕。在这里我想设计我的登录屏幕，就像 Microsoft 登录屏幕一样。我在 XAML 中找到了 Popup 控件，但在 html 5 中没有找到。是地铁应用程序中存在任何特殊控件。我想设计我的登录页面像这样。

在此处输入图像描述 谢谢你。

<body style="background-color:#1d3665;">
<div class="loginPage fragment">
    <header aria-label="Header content" role="banner">
        <button class="win-backbutton" aria-label="Back" disabled></button>
        <h1 class="titlearea win-type-ellipsis">
            <span class="pagetitle">Welcome to loginPage</span>
        </h1>
    </header>
    <section aria-label="Main content" role="main">
        <table style="position: absolute;background-color:skyblue;">
            <tr>
                <td><input type="text"><br/></td>
            </tr>
            <tr>
            <td>
                 <input type="password"/>
                </td>
            </tr>
        </table>
    </section>
</div>

4

4 回答 4

3

使用 WinJS.UI.Flyout 控件。它可用于确认对话框、登录、弹出窗口等。此外，您可以设置显示的位置。

您可以在此处阅读文档。这里有 指南和清单。还有一个例子。

于 2012-10-12T12:54:43.773 回答
2

JavaScript Windows 应用商店应用程序无权访问外观/行为类似于 Microsoft 帐户登录对话框的内置弹出窗口。

中有一个简单的消息框体验Windows.UI.Popups.MessageBox，但它没有添加额外控件等的能力。

根据您的经验，您正在寻找一个模态UI——构建它，您可以自己相对简单地构建它（只需position: absolute向主体添加一个元素，并使其填满屏幕——其余的元素子项/位置是完全由您控制），或者按照 Mayur 的建议，使用现有的众多帮助库之一。

于 2012-10-08T13:41:11.873 回答
1

如果您针对 Microsoft 帐户（提供默认的 Microsoft 帐户登录框）进行身份验证，您可能需要尝试 Live SDK，它将登录到 Microsoft 帐户。如果您想创建自己的登录机制，其 UI 看起来类似于 Microsoft 帐户，您可以尝试使用 JQuery UI 插件并对其进行自定义。它有内置的弹出控件。

于 2012-10-08T10:24:09.857 回答
0

看看这个教程。这是非常有帮助的。

http://www.c-sharpcorner.com/UploadFile/63f5c2/login-windows-store-apps/

于 2013-02-12T08:19:29.607 回答