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属性(左上右下)修改元素之间的相对距离。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章