Win10 UWP Intro to controls and events

这篇翻译,如果有不对可以发邮箱

为创建页面,可以通过按钮,TextBox输入,组合框来显示数据,获得用户输入。添加一个控件可以使用三个关键步骤:

  • 添加一个控件到界面
  • 设置控件属性,高度,宽度,颜色
  • 添加控件的事件

添加控件

可以使用以下任意方式添加控件

  • 使用界面直接拖控件,Blend直接在工具箱把控件拖到界面

    点击Button,拖动Button界面

  • 用Xaml编辑<Button Content="确定"></Button>
  • 代码添加控件

在visual studio可以使用工具箱、Xaml编辑器、设计器,属性窗口

  • 工具箱

  • Xaml编辑器

  • 设计器

  • 属性窗口

工具箱显示很多可以用在软件的控件,可以拖动控件到界面,可以双击控件,控件就会自动添加到软件。

双击TextBox

<TextBox x:Name="textBox" TextWrapping="Wrap" Text="TextBox"/>

命名控件

为了在代码改变控件,可以给控件名字,x:Name后面写控件名称,控件名称不能重复,不能数字开头

可以使用属性来命名控件

点击控件,在属性可以看到

在名称写上控件名

设置控件属性

可以在属性选择控件属性

可以编辑Xaml写控件

如果你设置了一个你不要,可以重设属性

点击重新设置

设置颜色可以使用下面的颜色表

在Xaml写Visual studio在你按下一个键就会提示

控件事件

每个控件都有很多事件,可以使用Xaml,属性创建事件,创建事件的方法是事件处理,参见:https://msdn.microsoft.com/windows/uwp/xaml-platform/events-and-routed-events-overview

创建事件可以在属性

选择事件,写名称,按回车,就会到cs,事件处理第一个参数是发送者,引用对象,第二个是事件数据

我们创建一个Click

        private void Button_Click(object sender, Windows.UI.Xaml.RoutedEventArgs e)
        {
            Button button=sender as Button;//sender 发送者
        }

如果有给按钮名称,可以在代码

原文:https://msdn.microsoft.com/windows/uwp/controls-and-patterns/controls-and-events-intro

时间: 2024-07-29 03:29:57

Win10 UWP Intro to controls and events的相关文章

Win10 UWP开发系列——开源控件库:UWPCommunityToolkit

原文:Win10 UWP开发系列--开源控件库:UWPCommunityToolkit 在开发应用的过程中,不可避免的会使用第三方类库.之前用过一个WinRTXamlToolkit.UWP,现在微软官方发布了一个新的开源控件库—— UWPCommunityToolkit 项目代码托管在Github上:https://github.com/Microsoft/UWPCommunityToolkit 包括以下几个类库: 都可以很方便的从Nuget上安装. NuGet Package Name des

Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App

安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Cordova,Cordova只负责实现JavaScript调用原生代码的功能,是一个壳,而壳里具体用什么样式,在H

Win10 UWP开发系列:实现Master/Detail布局

在开发XX新闻的过程中,UI部分使用了Master/Detail(大纲/细节)布局样式.Win10系统中的邮件App就是这种样式,左侧一个列表,右侧是详情页面.关于这种 样式的说明可参看MSDN文档:https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/dn997765.aspx 样式如下: 在微软官方的Sample里,有这种样式的代码示例,下载地址:https://github.com/Microsoft/Windows-univ

Win10 UWP系列:关于错误 0x80073CF9及一个小bug的解决

原文:Win10 UWP系列:关于错误 0x80073CF9及一个小bug的解决 最近一直在开发XX的uwp版本,也是边摸索边做,最近遇到几个比较奇怪的问题,记录于此. 1.项目可用部署到PC,但无法部署到手机,提示以下错误: 错误 : DEP0001 : 意外错误: Install failed. Please contact your software vendor. (Exception from HRESULT: 0x80073CF9 为了方便开发,我将常用的类库引用好.默认的几个页面做

Win10 UWP开发系列:解决Win10不同版本的Style差异导致的兼容性问题

原文:Win10 UWP开发系列:解决Win10不同版本的Style差异导致的兼容性问题 最近在开发一个项目时,遇到了一个奇怪的问题,项目依赖的最低版本是10586,目标版本是14393,开发完毕发布到商店后,很多用户报无法正常加载页面.经查,有问题的都是Win10 10586版本. 我上篇博客中写到的自定义的AppBar控件,也存在这个问题,10586会报错. 为此特意下载了10586的SDK调试.错误显示,一个样式找不到,名为ListViewItemBackground.因为开发的时候是基于

Win10 UWP系列:更新UWP时注意的问题——TargetDeviceFamily

原文:Win10 UWP系列:更新UWP时注意的问题--TargetDeviceFamily 前几天把CurrencyExchanger提交到微软参加Master认证,结果没有通过,反馈了一些错误,看来微软检查还是比较仔细的. 错误主要有: Visual feedback helps users recognize whether their interactions with your application are detected, interpreted, and handled as

【Win10 UWP】后台任务与动态磁贴

动态磁贴(Live Tile)是WP系统的大亮点之一,一直以来受到广大用户的喜爱.这一讲主要研究如何在UWP应用里通过后台任务添加和使用动态磁贴功能. 从WP7到Win8,再到Win10 UWP,磁贴模板不断进行调整和优化,目前磁贴模板已经发展到第三代,一般称之为“Adaptive Tile Templates”. 在运用UWP动态磁贴之前,请先了解一下自适应磁贴的语法规则.关于自适应磁贴模板的语法规则,请详读这篇文章:http://blogs.msdn.com/b/tiles_and_toas

win10 uwp 读取保存WriteableBitmap 、BitmapImage

我们在UWP,经常使用的图片,数据结构就是 BitmapImage 和 WriteableBitmap.关于 BitmapImage 和 WriteableBitmap 区别,我就不在这里说.主要说的是 BitmapImage 和 WriteableBitmap .二进制 byte 的互转. 我们先写一个简单的xaml <Image x:Name="Img" Height="200" Width="200" HorizontalAlignm

win10 UWP 剪贴板 Clipboard

win10 UWP 剪贴板 Clipboard使用Windows.ApplicationModel.DataTransfer.Clipboard 设置文本 DataPackage dataPackage = new DataPackage(); dataPackage.SetText("文本"); Clipboard.SetContent(dp); 获取文本 检查剪贴板包含文本 DataPackageView con = Windows.ApplicationModel.DataTra