码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2014-08-29 17:51:28      阅读:339      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   ar   art   div   代码   log   

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 实现照片自动浏览

标签:style   blog   color   io   ar   art   div   代码   log   

原文地址:http://www.cnblogs.com/xdoudou/p/3945288.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!