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

      运行效果图如下: 

         

  • 相关阅读:
    网站的内容安全策略(CSP)
    javascript学习日记--eval、prompt
    【java每日一学】Applet类详解
    JavaScript 闭包应用-打印所有li元素的内容
    JavaScript 闭包应用-计算打车价格
    JavaScript 闭包应用-点击li输出索引号
    JavaScript jQuery 任务清单 ToDoList
    JavaScript 面向对象TAB栏切换
    JavaScript 常见移动端网页特效
    JavaScript 移动端轮播图
  • 原文地址:https://www.cnblogs.com/chengxingliang/p/2698954.html
Copyright © 2020-2023  润新知