新时尚Windows8开发(20):FlipView控件

FlipView控件和我们常见到的ListView、ListBox控件很像,今天拿它来吹一吹,是因为这个控件还挺新鲜的。

 

要说用文字来介绍这个控件,还真不够生动也欠缺活泼,不过,其实这个控件咱们还是见得不少的,如果你经常到应用商店下载应用的话,你肯定见过。就是这个:

 

就是这玩意儿,左右各有一个按钮用来导航视图,每次只能查看一个视图,比较适合用于图片浏览。

 

废话少说,我们来做两个实例,第一个是手动添加项,第二个是数据绑定的。

 

好的,先做第一个,很简单,我们在FlipView中放三个项,每个项的内容就是一个Image,看看下面的XAML就会明白了。

    
        
            
                
            
            
                
            
            
                
            
        
    


然后,我们运行一下。

 

好的,现在来看看第二个例子,数据绑定的。

既然要数据绑定了,肯定要数据源的了。因此,我们先伪造一些数据,注意,这数据是伪造的,如有雷同,纯属自然造化。

    public class Student
    {
        public string Name { get; set; }
        public int Age { get; set; }
        public string Sex { get; set; }
        public string Email { get; set; }
        public string Remark { get; set; }
    }

    public class TestDataSource : System.Collections.ObjectModel.ObservableCollection
    {
        public TestDataSource()
        {

            this.Add(new Student
            {
                Name = "小赵",
                Age = 20,
                Sex = "男",
                Email = "[email protected]",
                Remark = "此人人品低下,经常在公共场所撒尿。"
            });

            this.Add(new Student
            {
                Name = "小王",
                Age = 18,
                Email = "[email protected]",
                Sex = "女",
                Remark = "胆大心细脸皮厚。"
            });

            this.Add(new Student
            {
                Name = "小刘",
                Age = 21,
                Email = "[email protected]",
                Sex = "男",
                Remark = "这厮是牛人啊。"
            });
        }
    }


然后,在XAML中进行绑定UI。


    
    
        
        
        
    

    
        
            
                
                    
                        
                            
                            
                        
                        
                            
                            
                            
                            
                            
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                
            
        
    


切换到代码视图,在MainPage类的构造函数中加入以下代码,设置FlipView的数据源。

        public MainPage()
        {
            this.InitializeComponent();
            TestDataSource source = new TestDataSource();
            this.fv.ItemsSource = source;
        }


如果一切正常,运行后,你应该能看到以下效果。

 

 

你可能感兴趣的:(事过境迁,新时尚Windows8开发,windows,setter,binding,datatemplate,email,image)