none
如何为metro应用提供一个类似于loading的东东 RRS feed

  • 问题

  • 大家好:

          希望在处理某个事务时,让用户处于等待状态,为此希望提供一个类似 loading 的带遮罩的东东,该如何处理?

    谢谢

    2012年3月17日 4:11

答案

  • 你还是没说是.Net or  HTML5 方案。不过我猜是.Net XAML的。   我这里要说的是Metro设计原则是不推荐通过各种手段来阻塞UI操作的。它需要让UI操作连贯,所以Metro大量使用了异步操作。 所以你先考虑下是否需要这样设计。 

    至于是不是个UserControl, 这个很简单,你建立一个控件,然后需要的时候把它加入到 根Grid就可以了。


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年3月19日 6:33
    版主
  • XAML/.Net 还是 HTML5/JS?

    HTML那边,你只需要放一个顶层Div, 里面包含一个Progress, 在需要的时候设置他的Visiblity为visible. 处理好了后再设置为hidden隐藏。

        <div id="loadingAdorner">
             <progress class="win-ring" style="color: #fff;width: 100px;height: 100px;top: 40%;position: relative"></progress>
        </div>

    XAML 这边,你在主页面的顶层Gric放一个z-index比较高的占满的元素, 覆盖全部空间就可以。


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年3月19日 2:57
    版主

全部回复

  • XAML/.Net 还是 HTML5/JS?

    HTML那边,你只需要放一个顶层Div, 里面包含一个Progress, 在需要的时候设置他的Visiblity为visible. 处理好了后再设置为hidden隐藏。

        <div id="loadingAdorner">
             <progress class="win-ring" style="color: #fff;width: 100px;height: 100px;top: 40%;position: relative"></progress>
        </div>

    XAML 这边,你在主页面的顶层Gric放一个z-index比较高的占满的元素, 覆盖全部空间就可以。


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年3月19日 2:57
    版主
  • 你还是没说是.Net or  HTML5 方案。不过我猜是.Net XAML的。   我这里要说的是Metro设计原则是不推荐通过各种手段来阻塞UI操作的。它需要让UI操作连贯,所以Metro大量使用了异步操作。 所以你先考虑下是否需要这样设计。 

    至于是不是个UserControl, 这个很简单,你建立一个控件,然后需要的时候把它加入到 根Grid就可以了。


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年3月19日 6:33
    版主