UWP ListView添加不同樣式

先看效果：

 使用ListView的ItemTemplateSelector

        <ListView
            IsItemClickEnabled="True"
            ItemContainerStyle="{StaticResource ListViewItemStyle1}"
            ItemTemplateSelector="{StaticResource HomeTemplateSelector}"
            ItemsSource="{x:Bind HomeTab.NewsList}"
            SelectionMode="None" />

1、定義一個 HomeTemplateSelector繼承DataTemplateSelector，

並定義兩個數據模板AdTemplate，NewsTemplate，代碼如下

 1     public class HomeDataTemplateSelector : DataTemplateSelector
 2     {
 3 
 4         public DataTemplate AdTemplate { get; set; }
 5         public DataTemplate NewsTemplate { get; set; }
 6 
 7         protected override DataTemplate SelectTemplateCore(object item, DependencyObject container)
 8         {
 9             var bean = item as ItemData;
10             if (1 == bean.ItemType)
11             {
12                 return AdTemplate;
13             }
14             else if (2 == bean.ItemType)
15             {
16                 return NewsTemplate;
17             }
18             return NewsTemplate;
19         }
20     }

2、定義一個ItemData的基類，添加ItemType欄位，區分不同類型的項數據，代碼如下

1     public class ItemData : ObservableObject
2     {
3         public string ItemTitle { get; set; }
4         public int ItemType { get; set; }
5     }

3、添加數據

namespace Demo.UWP.ViewModels
{
    public class HomeViewModel : MyViewModel
    {
        public string Title { get; set; }
        public ObservableCollection<ItemData> NewsList { get; set; }

        public HomeViewModel()
        {
            NewsList = new ObservableCollection<ItemData>
            {
                new AdBean() {Title = "aaa", ImgUrl = "ms-appx:///Assets/Main/8b59cca11a991187fcb2c1bd71b3345c220639.png", ItemType = 1},
                new AdBean() {Title = "aaa", ImgUrl = "ms-appx:///Assets/Main/8b59cca11a991187fcb2c1bd71b3345c220639.png", ItemType = 1},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用，建議6-7人使用，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2},
                new NewsBean() {Title = "東北小廚", SubTitle = "[豐莊]午市套餐C，建議6-7人使用", Price = "￥328", ItemType = 2}
            };

        }

        public override string ToString()
        {
            return "首頁";
        }
    }
}

<Page.Resources>
        <ResourceDictionary>
            <DataTemplate x:Key="AdTemplate" x:DataType="bean:AdBean">
                <local:AdItemView />
            </DataTemplate>
            <DataTemplate x:Key="NewsTemplate" x:DataType="bean:HomeBean">
                <local:NewsItemView />
            </DataTemplate>
            <dataTemplateSelectors:HomeDataTemplateSelector
                x:Key="HomeTemplateSelector"
                AdTemplate="{StaticResource AdTemplate}"
                NewsTemplate="{StaticResource NewsTemplate}" />
        </ResourceDictionary>
    </Page.Resources>
    <Grid>
        <ListView
            IsItemClickEnabled="True"
            ItemContainerStyle="{StaticResource ListViewItemStyle1}"
            ItemTemplateSelector="{StaticResource HomeTemplateSelector}"
            ItemsSource="{x:Bind HomeTab.NewsList}"
            SelectionMode="None" />
    </Grid>

 轉載請標明出處：http://www.cnblogs.com/xiaocaidev/p/7021541.html，本文出自：【xiaocaidev的博客】