原文:UWP入门(三) -- StackPanel与Grid的区别 ##1．Grid 下布局 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <StackPanel> <TextBlock>First</TextBlock> <TextBlock>Second</TextBlock> <TextBlock>T…

这篇文章主要是翻译了ScottGu博客的文章:Silverlight Tutorial Part 2: Using Layout Management.虽然是翻译,但通过笔记记录,我发现对这三个布局控件有了更深刻的了解. Silverlight提供了非常灵活的布局管理系统,让程序员和美工可以非常方便的控制控件的位置.布局管理系统提供了两种布局方式:绝对定位和相对定位.这两种定位方式其实和HTML的两种定位方式是一样的.在Silverlight 2 beta1中内置了三种最常用的布局控件:Canv…

系列文章 UWP入门教程1——UWP的前世今生 如上文所说的,布局面板根据可用的屏幕空间,指定界面元素的大小和位置.例如StackPanel 会水平或垂直排列界面元素.Grid 布局与CSS 中的表格控件类似,可将各元素按单元排列. 新提供的 RelativePanel 即相对布局,各个元素之间存在相对关系,可用来创建自适应界面.当用户设备发生变化时,用户界面也会重新排列重新组织,而有了RelativePanel就省去了界面元素重新排列. 如图所示,无论用户使用哪种设备,蓝色按钮始终放在文本框右…

原文:UWP入门(十二)--数据绑定用法 主要几个元素: Template DataTemplate ItemSource 数据绑定是一个数据提取的方法,能使数据和UI上的控件紧密相连,下面的Demo是这样的: 有许多书的集合,书 类中有图片.标题.作者和ID,把它成现在GridView 控件上,每次点击GridView 的时候动态显示书本信息 github 代码 效果图: 原理图: 1. Template 为GridView 创建一个Template,决定每个独立的图书对象如何呈现在屏幕上 <…

原文:UWP入门(八)--几个简单的控件 每天看几个,要不聊几天我就可以看完啦,加油! 看效果 1. CheckBox <TextBlock Grid.Row="0" Text="CheckBox" VerticalAlignment="Center" /> <StackPanel Grid.Column="1" Margin="20,10,0,10" Orientation="…

原文:UWP入门(五)--控件模板 通过在 XAML 框架中创建控件模板,你可以自定义控件的可视结构和可视行为(eg:勾选框的三种状态). 控件有多个属性,如 Background.Foreground 以及 FontFamily,可以设置这些属性以指定控件外观的多个方面. 但是可以通过设置这些属性所做的更改有限. 你可以通过使用 ControlTemplate 类创建模板来指定其他自定义. 我们在此处介绍如何创建 ControlTemplate 以自定义 CheckBox 控件的外观. 核心A…

原文:UWP入门(四)--设置控件样式 官方定义:可以使用 XAML 框架通过多种方式自定义应用的外观. 通过样式可以设置控件属性,并重复使用这些设置,以便保持多个控件具有一致的外观. 可分享至不同elements的资源中 创建可重用的style,并且这一资源可以分享至整单页面.多页面.整个 app,甚至不同的app? how to keep up with style in different app (pre-build theme) 预建主题 2. 直接看简单的Demo <Page.Res…

原文:UWP入门(二) -- 基础笔记 不错的UWP入门视频,1092417123,欢迎交流 UWP-04 - What i XMAL? XAML - XML Syntax(语法) ,create instance of Classes that define the UI by setting properties(属性). UWP-05 - Understanding Type Converters Type Converters - Convert literal(字面的) strings…

原文:UWP入门(一) -- 先写几个简单控件简单熟悉下(别看这个) 1. MainPage.xmal <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Pivot x:Name="rootPivot" Title="Pivot Title"> <PivotItem Header="Pivot Item 1&qu…

本节讲述布局,顺带加点样式给大家看看~单纯学布局,肯定是枯燥的~哈哈 那如上界面,该如何设计呢? 1.一些布局元素经常用到.Grid StackPanel Canvas WrapPanel等.如上这种布局,在子元素数量未知的情况下,我们应该使用WrapPanel或者StackPanel来布局,子元素会自己换行. 2.然后每一行的元素中,第一个要居左,第二个要居中,第三个要居要.这个应该通过Grid来布局,添加三列,然后对应的元素在每列中设置水平方向. 下面是代码: 1.界面: <Window x…