Windows 8技巧：Xaml+C#开发第一个Metro Style应用程序的使用

183 阅读 0 评论 121 点赞

我是靠谱客的博主平常小熊猫，最近开发中收集的这篇文章主要介绍Windows 8技巧：Xaml+C#开发第一个Metro Style应用程序的使用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

首先我们需要安装Windows 8以及VS2012，下载地址：http://msdn.microsoft.com/zh-CN/windows/apps/br229516/

　　然后我们打开VS2012，选择Windows Metro Style，然后选择创建Blank App项目如下图：

　　其新建完成的项目结构如下：

　我们拖动一个按钮和ListBox到界面中，设置按钮事件以及ListBox的DataTemplate，如下Xaml代码：

复制代码

代码如下:

其Xaml.cs文件如下：

复制代码

代码如下:

/// <summary>
/// An empty page that can be used on its own or navigated to within a Frame.
/// </summary>
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
listbox1.ItemsSource = ItemModel.GetItem();
button1.Content = "Windows 8按钮";
} /// <summary>
/// Invoked when this page is about to be displayed in a Frame.
/// </summary>
/// <param name="e">Event data that describes how this page was reached. The Parameter
/// property is typically used to configure the page.</param>
protected override void OnNavigatedTo(NavigationEventArgs e)
{
} private void button1_Click(object sender, RoutedEventArgs e)
{
this.button1.Content = this.button1.Content + "1";
}
}

ListBox绑定的数据源代码如下：

复制代码

代码如下:

public class ItemModel
{
public string ItemName { get; set; } public string ItemValue { get; set; } public static List<ItemModel> GetItem()
{
List<ItemModel> list = new List<ItemModel>();
list.Add(new ItemModel() { ItemName = "北京", ItemValue = "010" });
list.Add(new ItemModel() { ItemName = "上海", ItemValue = "020" });
list.Add(new ItemModel() { ItemName = "成都", ItemValue = "028" });
return list;
}
}

运行效果图如下：