|
<Page xmlns:UWPToolKit="using:Microsoft.Toolkit.Uwp.UI.Controls"
x:Class="Demo_Gridsplitter.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Demo_Gridsplitter"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="200"></ColumnDefinition>
<ColumnDefinition Width="22" x:Name="Gripper"></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Border Grid.Column="0" >
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFF5F6F2" Offset="0"/>
<GradientStop Color="#FFCCFF66" Offset="0.993"/>
</LinearGradientBrush>
</Border.Background>
</Border>
<Border Grid.Column="3" Background="Azure"></Border>
<TextBlock Grid.Column="0" FontSize="55" TextWrapping="Wrap"
Text="1this is very long text in cell 1
this is very long text in cell 1 this is very long text in cell 1 this is
very long text in cell 1">
</TextBlock>
<TextBlock Grid.Column="2" FontSize="55" TextWrapping="Wrap"
Text="2this is very long text in cell 2
this is very long text in cell 2 this is very long text in cell 2 this is
very long text in cell 1">
</TextBlock>
<!--Column
Grid Splitter-->
<controls:GridSplitter Grid.Column="1" Width="11"
ResizeBehavior="BasedOnAlignment"
ResizeDirection="Columns"
Background="Gray" Foreground="White" FontSize="13">
<controls:GridSplitter.Element>
<Grid Width="22">
<TextBlock HorizontalAlignment="Center" IsHitTestVisible="False" VerticalAlignment="Center"
Text="" Foreground="Black" FontFamily="Segoe MDL2 Assets"
>
</TextBlock>
</Grid>
</controls:GridSplitter.Element>
</controls:GridSplitter>
</Grid>
</Page>
|