Windows 8实用窍门系列:1.使用Xaml+C#开发第一个Metro Style应用程序 推荐
2012-09-28 11:51
856 查看
首先我们需要安装Windows 8以及VS2012,下载地址:http://msdn.microsoft.com/zh-CN/windows/apps/br229516/
然后我们打开VS2012,选择Windows Metro Style,然后选择创建Blank App项目如下图:
其新建完成的项目结构如下:
我们拖动一个按钮和ListBox到界面中,设置按钮事件以及ListBox的DataTemplate,如下Xaml代码:
其Xaml.cs文件如下:
ListBox绑定的数据源代码如下:
运行效果图如下:
然后我们打开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; } }
运行效果图如下:
相关文章推荐
- Windows 8实用窍门系列:1.使用Xaml+C#开发第一个Metro Style应用程序
- Windows 8技巧:Xaml+C#开发第一个Metro Style应用程序的使用
- Windows 8实用窍门系列:2.Windows 8开发知识储备
- Windows 8实用窍门系列:10.Windows 8的基本变换和矩阵变换以及AppBar应用程序栏
- ACCP学习旅程之-----使用C#开发数据库应用程序(第四章 第一个Windows程序)
- 使用Python开发Android应用程序:第二节 第一个有实用价值的应用
- Windows 8实用窍门系列:18.windows 8开发模拟器和windows 8程序中关联文件类型
- Windows 8实用窍门系列:20.Windows 8中的GridView使用(二)和DataTemplateSelector
- Windows 8实用窍门系列:9.Windows 8中使用FlipView
- Windows Store apps开发[33]Part 1:使用Grid App (XAML)模板创建第一个Windows 8 app
- 用C#开发第一个WINDOWS应用程序
- Windows 8实用窍门系列:3.第一个拆分布局应用程序修改Logo
- C#使用Xamarin开发Android应用程序 -- 系列文章
- Windows 8实用窍门系列:2.Windows 8开发知识储备
- Windows Store apps开发[18]Metro Revealed Building Windows 8 apps with XAML and C#中文翻译全部汇总
- Xamarin iOS开发实战第1章使用C#编写第一个iOS应用程序
- Xamarin iOS开发实战第1章使用C#编写第一个iOS应用程序
- [毕业生的商业软件开发之路]开发第一个Windows应用程序 推荐
- 70-316 使用Microsoft Visual C# .NET and Microsoft Visual Studio .NET 开发及实现基于Windows的应用程序 考点整理
- Windows 8实用窍门系列:2.Windows 8开发知识储备