在Windows Phone 8.1中數(shù)據(jù)顯示交互控件無外乎FlipView，ListView，GridView等，但我們用的時刻總不克不及直接寫
<FlipView/>，<ListView/>，<GridView/>之類來應(yīng)用吧，雖嗣魅如許也可以，但如許出現(xiàn)出來的畫面就很難看了，哪
個用戶會高興看呢，反正我是不高興看。
在這里問題就來了，不但請求數(shù)據(jù)能綁定到位，功能也到位，界面也總得美化美化吧。


好了進(jìn)入正題了：
這些數(shù)據(jù)出現(xiàn)控件的基石是誰呢？當(dāng)然是ItemsControl。
換句話說像FlipView,ListView這些控件都是持續(xù)了ItemsControl的。所以在此通透地懂得下ItemsControl控件，學(xué)
會如何自定義ItemsControl控件，去美化它，那么持續(xù)自它的FlipView，ListView等控件就知道怎么設(shè)置了


ItemsControl和其他數(shù)據(jù)顯示控件的差別：
a.ItemsControl瑯綾腔有內(nèi)置的ScrollViewer控件，所以如許就導(dǎo)致下面例子中第一個ItemsControl中部分?jǐn)?shù)據(jù)未顯示
出來(當(dāng)然要顯示出來，加個ScrollViewer控件即可，如許就可以滑動看到所有的ItemsControl瑯綾擎的數(shù)據(jù)了)
b.FlipView，ListView等數(shù)據(jù)顯示控件的可視化構(gòu)造樹瑯綾擎都封裝了ScrollViewer，簡言之在這些控件中不管你加多
少器械，都可以經(jīng)由過程高低滑動看到的而無需另加ScrollViewer
(這個也就奠定了后來實現(xiàn)ListBox控件滑動到底部數(shù)據(jù)主動加載的需求了)


好了，開端專說ItemsControl吧，記住以下幾點即可：

a.ItemsControl.Template自定義ItemsControl控件的樣式
  個中要用ItemsPresenter來竽暌箍現(xiàn)ItemsControl的Items(不是Item)
  具體表示的構(gòu)造：ItemsControl=>ItemsControl.Template=>ControlTemplate
b.ItemsControl.ItemContainerStyle用來修改或者設(shè)置ItemsControl的Item的樣式的(不是Items)
  具體表示的構(gòu)造：ItemsControl=>ItemsControl.ItemContainerStyle=>Style=><setter property="" value=http://www.sjsjw.com/100/000250MYM027556/"">
        
c.以下兩個來竽暌箍現(xiàn)數(shù)據(jù)的，前者直接在ItemsControl中添加；后者經(jīng)由過程自定義子數(shù)據(jù)模板來給ItemsControl添加數(shù)據(jù)
  (一般是自定義數(shù)據(jù)模板DataTemplate，然后后臺綁定命據(jù))
    模式一：ItemsControl.Items
    模式二：ItemsControl.ItemTemplate
  常見表示的構(gòu)造：ItemsControl=>ItemsControl.ItemTemplate=>DataTemplate
終于可以貼代碼了：(這邊我沒有寫經(jīng)由過程后臺綁定命據(jù)來竽暌箍現(xiàn)的方法，因為和直接寫數(shù)據(jù)都差不多)

<Page
    x:Class="TestUnion.ItemsControlDemo"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:TestUnion"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>
        <!--自定義ItemsControl控件的樣式，-->
        <!--個中要用ItemsPresenter來竽暌箍現(xiàn)ItemsControl的Items(不是Item)-->
        <!--ItemsControl.Template-->
        <!--  具體表示的構(gòu)造：ItemsControl=>ItemsControl.Template=>ControlTemplate  -->

        <!--這個則是用來修改或者設(shè)置ItemsControl的Item的樣式的(不是Items)-->
        <!--ItemsControl.ItemContainerStyle-->
        <!--  具體表示的構(gòu)造：ItemsControl=>ItemsControl.ItemContainerStyle=>Style=><setter property="" value=http://www.sjsjw.com/100/000250MYM027556/"">  -->
        
        
        
        
        
        
        
        
            
                
                    
                    
                    
                        
                            
                        
                    
                    
                    
                
                
                    
                        
                            
                            
                        
                    
                
            

            
                
                    
                    
                    
                        
                            
                        
                    
                    
                    
                    
                
                
                    
                            
                                
                                    
                                    
                                
                            
                    
                
            
        
    

運行截圖：
初始界面：
[img]http://img.blog.csdn.net/20150104210941531
第二張滾動下面一個ItemsControl(膳綾擎一個ItemControl滾不了，因為每家ScrollViewer)
這邊我還特意截圖截到了ScrollViewer的右側(cè)滾動條：
[img]http://img.blog.csdn.net/20150104211106090
好了，大年夜家本身可以嘗嘗，玩出本身的自定義吧。
実に　おもしろい