布局组件

<Container Direction="Column" Padding="4" Gap="3"
           Border="True" Background="Card" Radius="Lg"
           Align="Stretch" Justify="Start">
  ...
</Container>

<Row Gap="2" Align="Center" Wrap="True">
  <Button Text="A" />
  <Button Text="B" />
  <Button Text="C" />
</Row>

<Grid Columns="2" Gap="2" Padding="2">
  <Button Text="左上" />
  <Button Text="右上" />
  <Button Grid.Row="1" Grid.Column="0" Text="左下" />
  <Button Grid.Row="1" Grid.Column="1" Text="右下" />
</Grid>

<Button Grid.Row="1" Grid.Column="0" Text="A" />
<Button>
  <Grid.Row>1</Grid.Row>
  <Grid.Column>1</Grid.Column>
  <Button.Text>B</Button.Text>
</Button>

<Tabs Default="0">
  <TabItem Title="公告">
    <Text Value="公告内容" />
  </TabItem>
  <TabItem Title="快捷入口">
    <Grid Columns="2" Gap="2">
      <Button Text="启动" OnClick="Launch" />
      <Button Text="实例" OnClick="Navigate" To="Instances" />
    </Grid>
  </TabItem>
</Tabs>

<List Items="{Data.News.Items}" As="Item" Gap="2" EmptyText="暂无内容">
  <ListItem>
    <Text Value="{Item.Title}" />
  </ListItem>
</List>

<If Test="{State.Error}">
  <Text Value="加载失败" Color="Destructive" />
</If>

<Divider />
<Spacer Size="12" />

<Resources>
  <Resource Type="Page" Name="InfoPage">
    <Text Value="来自 Page" />
  </Resource>
</Resources>

<Container Content="{InfoPage}" />

<Text When="Size.Width &lt;= 1" Value="窄" />
<Grid When="Size.Width &gt;= 2" Columns="2">...</Grid>

<Triggers>
  <Trigger Event="Resize" Function="OnResize" />
</Triggers>

<Function Name="OnResize">
  <Function.Script><![CDATA[
    await Host.SetProperty("Title", "Visible", Size.Width > 1);
    await Host.SetProperty("InfoGrid", "Columns", Size.Width >= 3 ? 3 : 2);
    return {};
  ]]></Function.Script>
</Function>

<Row Gap="3">
  <Container Padding="3" Direction="Column">左侧</Container>
  <Container Padding="3" Direction="Column">右侧</Container>
</Row>

<Grid Columns="2" Gap="2">
  <Container Padding="3"><Text Value="A" /></Container>
  <Container Padding="3"><Text Value="B" /></Container>
</Grid>