C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!!

原文:C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!!

一般我们在开发Winodws Phone APP 的时候往往需要使用照片浏览的功能,但是在Windows Phone 8 SDK 中的控制向并没有提供类似Gallery的元件(好比 Android 的 ViewPager),这对开发者来说是非常不方便的,因为如果要自己制作一个控制项是非常的颢时间,而且说不定还有修不完的Bug,所以我们可以透过修改WP8 SDK 的Pivot范本修改来达到类似的效果唷!

?

本文将引导您制作不循环 Pivot ,图片(Gallery)导览不求人!!

?

原理:

在头尾新增一个空白的页面,当一致空白页面时,将Pivot转跳至前一个。

C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!!

?

?

步骤一:

开启Pivot的新专案

C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!!

?

步骤二:

修改MainPage.xaml

1.将phone:Pivot的Title 删除

2.将phone:PivotItem的Header删除

?

步骤二:

将phone:PivotItem底下的phone:LongListSelector也都删除

并补上自订的内容,这边以图片为例,弄起来会像下面这样:

?

<phone:Pivot >
    <!--内容1-->
    <phone:PivotItem Margin="0" >
        <Grid>
            <Image Source="/Assets/1.jpg"  />
        </Grid>
    </phone:PivotItem>
    <!--内容2-->
    <phone:PivotItem Margin="0" >
        <Grid>
            <Image Source="/Assets/2.jpg"  />
        </Grid>
    </phone:PivotItem>
     <!--内容3-->
            <phone:PivotItem Margin="0" >
        <Grid>
            <Image Source="/Assets/3.jpg"  />
        </Grid>
    </phone:PivotItem>

 </phone:Pivot>

?

步骤三:

在头跟尾在各插入一个空白的PivotItem

结果就会像这样子:

C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!!

?

步骤四:

我们需要帮Pivot命名,并且设定SelectionChanged的事件。

命名成MyPivot

?

<phone:Pivot x:Name="MyPivot" SelectionChanged="Pivot_SelectionChanged" >

?

步骤五:

打开MainPage.xaml.cs的Pivot_SelectionChanged方法底下键入以下程式码。

   1:  private void Pivot_SelectionChanged(object sender, SelectionChangedEventArgs e)
   2:  {
   3:      if (MyPivot.SelectedIndex == 0)
   4:      //如果目前页数为0,则跳到第一页
   5:      {
   6:          Dispatcher.BeginInvoke(() =>
   7:          {
   8:              MyPivot.SelectedIndex = 1;
   9:          });
  10:      }
  11:      if (MyPivot.SelectedIndex == (MyPivot.Items.Count - 1))
  12:      //如果目前页数=最後一页 则跳到倒数第二页
  13:      {
  14:          Dispatcher.BeginInvoke(() =>
  15:          {
  16:              MyPivot.SelectedIndex = (MyPivot.Items.Count - 2);
  17:          });
  18:  ?
  19:      }
  20:  ?
  21:  }

?

步骤六:

执行! 恩...完美运行!!? 突然觉得世界很美好

?

如此一来便可以制作不循环的Pivot罗!
?

文章中的叙述如有观念不正确错误的部分,欢迎告知指正 谢谢
转载请注明出处,并且附上本篇文章网址 !? 感谢。'

SUKI

HOLIESTAR


C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!!

DotBlogs Tags: C# Gallery Pivot Visual Studio Windows Phone 8 Xaml

关连文章

Visual Studio 双栏查看程式码 快速掌握架构,加速开发必看 ! ! (内附影片教学)

Visual Studio 2013 新功能,程式码再长也不会迷路,全新卷轴地图模式 ! 加速开发必看 !! (内附影片展示)

C# Windows Phone 8 WP8 , 文字超连结到网页 免打程式码,Xaml就搞定 ! !

C# Windows Form 解决 Icon在开始工具列模糊的问题,字体大小150% 高解析度完美运行。

上一篇:Maven web 项目`@Override must override a superclass method` 问题解决


下一篇:SQL SERVER