windows phone 8.1 FlipView 實現照片自動瀏覽

標籤：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++;elseflipview.SelectedIndex = 0;});_timer.Start();}

 

windows phone 8.1 FlipView 實現照片自動瀏覽