自适应XAML布局经验总结 （二） 局部布局设计模式1

本系列对实际项目中的XAML布局场景进行总结，给出了较优化的自适应布局解决方案，希望对大家有所帮助。

下面开始介绍局部布局设计模式。

1. 工具栏模式

适用于工具栏，标题等的布局。

此块布局区域外层使用Grid，然后分为两行或三行，标题或工具栏区域为Auto，主要内容区域为*。如果是标题，使用TextBlock，设置文字的字体和字号，还有Margin，把此行撑开。如果是工具栏，可放置一个横向的StackPanel，右对齐，其中放置多个按钮，通过设置按钮的Content，Margin和Padding，把此行撑开。Content可以是文字，也可以是图标或图标加文字。

<Window x:Class="BlendDemo.DP1"    ="http://schemas.microsoft.com/get='_blank'>winfx/2006/xaml/presentation"    ="http://schemas.microsoft.com/winfx/2006/xaml"    ="http://schemas.microsoft.com/expression/blend/2008"    ="http://schemas.open    mc:Ignorable="d"    Title="工具栏模式" Height="300" Width="400">  <Grid>    <Grid.RowDefinitions>      <RowDefinition Height="Auto"/>      <RowDefinition/>    </Grid.RowDefinitions>    <Border Background="LightCyan">      <TextBlock Margin="5" Text="此处为标题" TextTrimming="WordEllipsis"/>    </Border>    <Grid Grid.Row="1" Background="AliceBlue"/>  </Grid></Window>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：自适应XAML布局经验总结 （二） 局部布局设计模式1

关键词：设计模式