Windows 8实用窍门系列：1.使用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代码：

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"><Button Content="Button" Name="button1" HorizontalAlignment="Left" Margin="135,124,0,0" VerticalAlignment="Top" Click="button1_Click"/><ListBox HorizontalAlignment="Left" Name="listbox1" Height="100"Margin="135,187,0,0" VerticalAlignment="Top" Width="140"><ListBox.ItemTemplate><DataTemplate><TextBlock  Width="60" Text="{Binding ItemName}"/>                    </DataTemplate></ListBox.ItemTemplate></ListBox></Grid>

　　其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;}}

　　运行效果图如下：

转载于:https://www.cnblogs.com/chengxingliang/archive/2012/09/28/2698954.html

Windows 8实用窍门系列：1.使用Xaml+C#开发第一个Metro Style应用程序相关推荐

Windows 8实用窍门系列：10.Windows 8的基本变换和矩阵变换以及AppBar应用程序栏
在Windows 8中有几种基本变换和矩阵变换和Silverlight中的使用方法都是一样. 包括: RotateTransform:旋转变换 ScaleTransform:缩放变换 SkewTran ...
Windows 8实用窍门系列：16.Windows 8的右键菜单
在Windows 8中的控件中有TextBox等输入控件的ContextMenuOpening事件和Button等非输入控件的RightTapped事件. 本文中将讲述者两个事件的用法.这两个事件的 ...
Windows 8实用窍门系列：9.Windows 8中使用FlipView
FlipView控件类似于翻页控件,并且是现成的翻页按钮,你只需要为其增加数据项即可.本文讲述两种方式的FlipView项目和展示. 一:直接前台FlipViewItem <FlipView&g ...
Windows 8实用窍门系列：6.Windows 8中的Popup使用方式
在上一篇文章中我们将了替代Silverlight中MessageBox的MessageDialog控件,本篇文章将讲诉另外一种弹出提示窗口的控件Popup. 一.我们认识Popup控件的IsLight ...
Windows 8实用窍门系列：20.Windows 8中的GridView使用(二)和DataTemplateSelector
在本文中所讲述内容的实例仍然沿用于上篇文章,有什么疑惑可以参考上篇文章. 一 GroupStyle 在GridView控件中我们可以对数据进行分组显示,通过对GridView的GroupStyle进行 ...
Silverlight实用窍门系列：59.多个中心点联动多线的可拖动控件扩展为拓扑图
在本系列的第17篇文章中"Silverlight实用窍门系列:17.中心点联动多线的可拖动控件(绘制工程图.拓扑图基础) ",制作了基本的中心联动图标.有园友对此图的扩展不是很清晰 ...
Silverlight实用窍门系列：71.Silverlight的Style
此文章实例基于Silverlight实用窍门系列:68.Silverlight的资源字典ResourceDictionary,如有数据源疑问请参考该文章. 在Silverlight中的Style相当于 ...
Silverlight实用窍门系列：52.Silverlight中的MVVM框架极速入门(以MVVM Light Toolkit为例)...
在本文将以MVVM Light Toolkit为例讲解MVVM框架在现实中的使用入门,首先我们在http://mvvmlight.codeplex.com/下载它的MVVM框架下来.也可以通过 htt ...
Silverlight实用窍门系列：61.Silverlight中的Trigger触发器,自定义翻页触发器
在Silverlight应用程序和客户进行交互工作的时候可以不用写后台代码而通过Xaml代码来实现,在本文我们将学习了解Trigger触发器. Trigger触发器:引发动作的因素,比如鼠标点击.键盘 ...
Silverlight实用窍门系列：35.细解Silverlight冒泡路由事件和注册冒泡路由事件【附带实例源码】...
Silverlight中的事件分为普通事件和冒泡路由事件,它并没有包括WPF中的隧道路由事件,在本章中将详细讲解冒泡路由事件和如何注册一个冒泡路由事件. 一.细解冒泡路由事件冒泡路由事件可以比喻为: ...

Windows 8实用窍门系列：1.使用Xaml+C#开发第一个Metro Style应用程序

Windows 8实用窍门系列：1.使用Xaml+C#开发第一个Metro Style应用程序相关推荐

最新文章

热门文章