iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0

XAML發音賊某是我學習C#時第一個學習的語言
對你沒聽錯,不是先學習C#語言而是先學習賊某
我主管最先教我的是如何刻畫介面,在此先感謝主管洪大耐心教導

XAML

什麼是XAML呢?簡單來說XAML是一種描述介面的語言
想像一下你要用描述的方式來畫一張圖
比如:我要將畫面十字切割成四份後,左上左下放圖,右上右下顯示文字

上述是使用中文,那WPF使用的語言就是XAML啦!

在刻畫介面時最好先準備草稿,這樣相對容易分析XAML要怎麼寫
以上圖為例:
要先將畫面無情切割->Grid
塞圖到指定位置->Image
在指定位置建立文字方塊及輸入指定的文字->Textblock

Grid

控制項Grid可以將版面進行分割並提通使用者動態調整各區塊大小

  • 定義Row跟Column分割容器
  • 定義Height/Width調整區塊高度/寬度
<Grid>                                        //Grid開頭
    <Grid.RowDefinitions >                    //定義列有幾個區塊,此例為兩個
        <RowDefinition Height="300" />        //Height定義此區塊高度   
        <RowDefinition />                     //默認高度為Auto   
    </Grid.RowDefinitions>                   
    <Grid.ColumnDefinitions >                 //定義欄有幾個區塊,此例為三個
        <ColumnDefinition Width="200" />      //欄1
        <ColumnDefinition />                  //欄2
        <ColumnDefinition />                  //欄3
    </Grid.ColumnDefinitions>
</Grid>                                       //Grid結尾

畫面上看到的就會是這樣,整個畫面是高450寬800
欄被分為3個區塊分別是區塊1寬200,區塊2跟區塊3去均分800-200也就是300
列被分為2個區塊分別是區塊1高300,區塊2為450-300=150


上一篇
前言
下一篇
XAML入門-2
系列文
自我挑戰雜記18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言