none
Win8自带资讯应用中,新闻页的整页滚动是怎么实现的? RRS feed

  • 问题

  • 就是资讯详情页,一滑就是滚动一整页。

    这个效果有自带的控件还是需要自己实现?

    我用的是 JavaScript/HTML 。


    SkyShow

    2014年3月27日 2:22

答案

  • 你好,从你的截图来看,使用的并非hub control,而是一个FlipView,区别在于页面左右两侧有向前向后的翻页按钮,整页的效果是由于FlipView的大小就是整个页面,给人感觉像是翻页效果。

    请参考FlipView的例子以及使用方法:http://msdn.microsoft.com/zh-cn/library/windows/apps/hh465425.aspx 

    --James


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    2014年4月4日 13:41
    版主

全部回复

  • Hi,

    你可以使用windows 8.1里面新的WinJS.UI.Hub control。默认情况下,当您滚动滚动条的时候,页面会跳到另一个hubsection。这

    与windows 8.1资讯详情页是相同的。具体您可以参考以下的链接:

    http://msdn.microsoft.com/en-us/library/windows/apps/dn412707.aspx

    并参考以下sample:

    HTML Hub control sample

    祝您好运!


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey. Thanks<br/> MSDN Community Support<br/> <br/> Please remember to &quot;Mark as Answer&quot; the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    2014年3月27日 9:37
    版主
  • 谢谢回复,但是我试了 Hub control sample,它并不会在我使用滚轮的时候自动滚到到下一个 hubsection。

    还是说我没表达清楚,我指的是这一页的整页滚动。


    SkyShow

    2014年4月4日 10:04
  • 你好,从你的截图来看,使用的并非hub control,而是一个FlipView,区别在于页面左右两侧有向前向后的翻页按钮,整页的效果是由于FlipView的大小就是整个页面,给人感觉像是翻页效果。

    请参考FlipView的例子以及使用方法:http://msdn.microsoft.com/zh-cn/library/windows/apps/hh465425.aspx 

    --James


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    2014年4月4日 13:41
    版主
  • 谢谢回复。

    但是怎么做到让一篇文章在不同的 flipview 部分分开显示的?

    因为所有的官方示例中的 flipview 的每一页都是独立的内容,但是在新闻中,文章是连续的,并且可以在某一段的某一句断开,在下一页又能连起来。

    请问这是怎么实现的?


    SkyShow

    2014年4月29日 5:38
  • 你可以尝试下RichTextBlock以及RichTextBlockOverFlow这两个控件。

    --James


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    2014年4月30日 1:21
    版主
  • 这个是XAML的控件, 楼主说明了是采用JavaScript/HTML开发的;
    2014年4月30日 7:31
  • 不好意思,疏忽了,因为时间太长,忘记是HTML开发了。

    在HTML下 有如下的几种方式来实现:

    1, 参考下http://jsfiddle.net/D6L7u/ 这里的例子:

    2, 你可以计算一下文字的数量,然后把多余的文字放到下一页的DIV中。

    --James


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    2014年4月30日 8:07
    版主