Windows 8開發入門（十九） Windows 8中的GridView使用(一)

在本文中我們將講述初步使用GridView以展示各種資訊。

首先我們看看GridView的重要屬性：

SelectionMode：設定選擇模式（None，Single,Multiple）

IsItemClickEnabled:是否允許有 選擇項點擊事件

ItemsSource：資料項目的資料來源

ItemTemplate：資料項目的展示模板

SelectedItem：選擇項的內容

然後我們看看如何使用GridView.

1.首先設定資料來源實體 類以及資料來源提供源。

public class DataModel    {        public string txtTitle { get; set; }            public string txtContent { get; set; }            public string ImageUrl { get; set; }    }    public class DataGroupModel    {        public string GroupTitle { get; set; }        public ObservableCollection<DataModel> ItemContent { get; set; }        }    public class ViewModelData    {        public ViewModelData()        {            Sourcedata = GetDataGroup();        }        private ObservableCollection<DataGroupModel> _Sourcedata;            public ObservableCollection<DataGroupModel> Sourcedata        {            get { return _Sourcedata; }            set { _Sourcedata = value; }        }        public ObservableCollection<DataGroupModel> GetDataGroup()        {            return new ObservableCollection<DataGroupModel>(){                new DataGroupModel(){ GroupTitle="玄幻小說",                     ItemContent=new ObservableCollection<DataModel>(){                        new DataModel(){ txtTitle="盤龍",txtContent="大小的血睛鬃毛獅，力大無窮的紫睛金毛猿，毀天滅地的九頭蛇皇，攜帶著毀滅雷電的恐怖雷龍……這裡無奇不有，這是一個廣博的魔幻世界。", ImageUrl="jpg/1017141.jpg" },                        new DataModel(){ txtTitle="縱橫輪迴",txtContent="李沐然，本為身懷諸子百家所長的大神通者，在收取世間最後一顆神雷珠之時和神雷珠一道重生異世。    神雷之力，刑罰天下", ImageUrl="jpg/1.jpg" },                        new DataModel(){ txtTitle="巫師世界",txtContent="穿越到異世界成為普通的小家族子弟，帶著具有分析能力的生物晶片開始強大之旅..... ", ImageUrl="jpg/2443169.jpg" },                        new DataModel(){ txtTitle="殺神",txtContent="在這個人吃人的瘋狂世界，神已無力回天，就讓我踏著漫天諸神的累累屍骨來普渡這芸芸眾生……", ImageUrl="jpg/1911245.jpg" }                    }                },                new DataGroupModel(){ GroupTitle="網遊小說",                     ItemContent=new ObservableCollection<DataModel>(){                        new DataModel(){ txtTitle="全職高手",txtContent="網遊榮耀中被譽為教科書層級的頂尖高手，因為種種原因遭到俱樂部的驅逐，離開職業圈的他寄身於一家網吧成了一個小小的網管， ", ImageUrl="jpg/1887208.jpg" },                        new DataModel(){ txtTitle="重生之賊行天下",txtContent="孤寂的行者，追逐陰影的腳步，這是盜賊的讚歌。 帶著一個一百八十級的大盜賊的記憶，回到了十年前，命運給聶言開了一個玩笑", ImageUrl="jpg/1693876.jpg" },                        new DataModel(){ txtTitle="琥珀之劍",txtContent="命運在我眼前分開成兩條互不相關筆直的線，一條通向火焰中熊熊燃燒的宮殿與城池，王國傾覆，大地承載苦難，生靈在這火中忍受煎熬", ImageUrl="jpg/1784765.jpg" },                        new DataModel(){ txtTitle="獨裁之劍",txtContent="來自銀耀天堂的智慧之光，自然之力的守護者， 這是阿克蒙斯神位德魯伊的王者傳奇。", ImageUrl="jpg/2172318.jpg" }                    }                }            };        }    }