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屬性(左上右下)修改元素之間的相對距離。


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