Win10 UWP Intro to controls and events

最后更新于:2022-04-01 20:23:43

这篇翻译,如果有不对可以发邮箱 为创建页面,可以通过按钮,TextBox输入,组合框来显示数据,获得用户输入。添加一个控件可以使用三个关键步骤: * 添加一个控件到界面 * 设置控件属性,高度,宽度,颜色 * 添加控件的事件 ## 添加控件 可以使用以下任意方式添加控件 * 使用界面直接拖控件,Blend直接在工具箱把控件拖到界面  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763751a798.png) 点击Button,拖动Button界面  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763756acb9.jpg) * 用Xaml编辑`` * 代码添加控件 在visual studio可以使用工具箱、Xaml编辑器、设计器,属性窗口 * 工具箱  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707637583e47.png) * Xaml编辑器  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763759d466.jpg) * 设计器  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076375be48c.jpg) * 属性窗口  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076375dce72.jpg) 工具箱显示很多可以用在软件的控件,可以拖动控件到界面,可以双击控件,控件就会自动添加到软件。 双击TextBox ~~~ ~~~ ## 命名控件 为了在代码改变控件,可以给控件名字,`x:Name`后面写控件名称,控件名称不能重复,不能数字开头 可以使用属性来命名控件 点击控件,在属性可以看到  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076376006d9.jpg) 在名称写上控件名 ## 设置控件属性 可以在属性选择控件属性  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076376006d9.jpg) 可以编辑Xaml写控件  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707637620763.jpg) 如果你设置了一个你不要,可以重设属性  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707637634e43.png)  点击重新设置 设置颜色可以使用下面的颜色表  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076376494ca.png) 在Xaml写Visual studio在你按下一个键就会提示 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763765e451.png) ## 控件事件 每个控件都有很多事件,可以使用Xaml,属性创建事件,创建事件的方法是事件处理,参见:[https://msdn.microsoft.com/windows/uwp/xaml-platform/events-and-routed-events-overview](https://msdn.microsoft.com/windows/uwp/xaml-platform/events-and-routed-events-overview)  创建事件可以在属性  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707637675a0f.png)  选择事件,写名称,按回车,就会到cs,事件处理第一个参数是发送者,引用对象,第二个是事件数据  我们创建一个Click ~~~ private void Button_Click(object sender, Windows.UI.Xaml.RoutedEventArgs e) { Button button=sender as Button;//sender 发送者 } ~~~ 如果有给按钮名称,可以在代码  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707637688062.png) 原文:[https://msdn.microsoft.com/windows/uwp/controls-and-patterns/controls-and-events-intro](https://msdn.microsoft.com/windows/uwp/controls-and-patterns/controls-and-events-intro)
';