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++;
else
flipview.SelectedIndex = 0;
});
_timer.Start();

}

 

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

上一篇:弹出窗体主体实现事件


下一篇:WP8.1小梦词典开发2:百度翻译API使用