xaml基础及页面布局

TextBox的Text属性表示文本,是String类型。

因为content只能是一个元素,因此如果想同时显示图片和文字,则需要使用布局容器把多个控件包起来,对外是一个控件。

可以直接使用contentControl,可以用来把资源中定义的控件显示出来。(contentPresenter效果一样)

xaml特点:

两种赋值方式:aaa=“vvv”和<Button.aaa>vvv</Button.aaa>第二种方式适合于比较复杂的属性值。

控件可见性的属性是Visibility属性,不是bool类型,是一个枚举类型:Visible表示可见、Collapsed表示收起来

属性编辑器中快速定位属性。

xaml使用TextBlock来表示只读文本。

页面布局:

页面布局指的就是子控件的大小、位置的控制,最简单的页面布局就是根据坐标、尺寸进行布局。缺点就是当页面发生尺寸变化、手机方向旋转等情况的时候页面可能会乱掉。

基本布局:有Canvas(绝对定位)、StackPanel(堆积面板)、Grid(表格布局)三种基本布局容器,放在布局容器中的控件按照布局容器的特点进行布局。

附:在app.xaml.cs中修改rootFrame.Navigate(typeof(mainPage))为首页。

Canvas:

子控件位置:Canvas.Left 和Canvas.Top(附加属性)。按坐标放置,可覆盖。

StackPanel:

子控件横向或纵向的排列,Orientation(Horizontal,Vertical默认值),不可以覆盖。

Grid:

需定义行和列

<Grid.RowDefinitions></Grid.RowDefinitions>里面定义<RowDefinition>标签

<Grid.ColumnDefinitions></Grid.ColumnDefinitions>里面定义<ColumnDefinition>标签

在行列定义标签中,可指定属性width、height值(Auto自动,0.3*(0.3倍),*剩余空间,30)

子控件的位置定义,Grid.Row和Grid.Column指定。Grid.RowSpan和Grid.ColumnSpan指定横跨行列数。

无论哪种布局都可以通过Margin属性(左上右下)修改元素之间的相对距离。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值