首页 > 代码库 > windows phone 8.1 FlipView 实现照片自动浏览

windows phone 8.1 FlipView 实现照片自动浏览

FlipView 控件也是一个集合控件,不过它和ListView等控件不同,ListView控件是一次显示多个项,而FlipView则是每次只显示一个项。在windows phone上通过默认的左右滑动来翻看项目,当然也可以上下滑动。

今天小梦就利用FlipView控件和定时器来给大家实现图片的自动浏览功能。

前台代码如下:

<FlipView Name=”flipview”><FlipView.ItemTemplate><DataTemplate><Image Name=”image” Source=”{Binding ImageSource}”></Image></DataTemplate></FlipView.ItemTemplate></FlipView>

后台代码如下:

public class Image{public string ImageSource { get; set; } //图片路径}protected override void OnNavigatedTo(NavigationEventArgs e){List<Image> list = new List<Image>();list.Add(new Image { ImageSource = “Iamge/1.jpg” });list.Add(new Image { ImageSource = “Iamge/2.jpg” });list.Add(new Image { ImageSource = “Iamge/3.jpg” });flipview.ItemsSource = list; //将照片路径添加为 flipview控件项目Image控件的对象源//fvStoryboard.Begin();DispatcherTimer _timer = new DispatcherTimer();//定义一个定时器_timer.Interval = TimeSpan.FromSeconds(1.0);_timer.Tick += ((sender, et) =>//flipview控件当前选定项的索引不断循环{if (flipview.SelectedIndex < flipview.Items.Count – 1)flipview.SelectedIndex++;elseflipview.SelectedIndex = 0;});_timer.Start();}

 

windows phone 8.1 FlipView 实现照片自动浏览