misc: XAML Styler.

This commit is contained in:
Zhang Dian
2023-09-18 21:05:23 +08:00
parent 24b41638bf
commit e2eae39715

View File

@@ -1,49 +1,50 @@
<UserControl xmlns="https://github.com/avaloniaui" <UserControl x:Class="Ursa.Demo.Pages.ElasticWrapPanelDemo"
xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:u="https://irihi.tech/ursa" xmlns:u="https://irihi.tech/ursa"
xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels" xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels"
d:DesignHeight="450"
d:DesignWidth="800"
x:CompileBindings="True" x:CompileBindings="True"
x:DataType="viewModels:ElasticWrapPanelDemoViewModel" x:DataType="viewModels:ElasticWrapPanelDemoViewModel"
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" mc:Ignorable="d">
x:Class="Ursa.Demo.Pages.ElasticWrapPanelDemo">
<DockPanel> <DockPanel>
<StackPanel DockPanel.Dock="Top" x:Name="ControlBar"> <StackPanel x:Name="ControlBar" DockPanel.Dock="Top">
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<TextBlock Text="Orientation" /> <TextBlock Text="Orientation" />
<ComboBox ItemsSource="{Binding Orientations}" <ComboBox ItemsSource="{Binding Orientations}" SelectedItem="{Binding SelectedOrientation}" />
SelectedItem="{Binding SelectedOrientation}" />
<TextBlock Text="HorizontalScrollBar" /> <TextBlock Text="HorizontalScrollBar" />
<ComboBox ItemsSource="{Binding HScrollBarVisibilities}" <ComboBox ItemsSource="{Binding HScrollBarVisibilities}" SelectedItem="{Binding HorizontalVisibility}" />
SelectedItem="{Binding HorizontalVisibility}" />
<TextBlock Text="VerticalScrollBar" /> <TextBlock Text="VerticalScrollBar" />
<ComboBox ItemsSource="{Binding VScrollBarVisibilities}" <ComboBox ItemsSource="{Binding VScrollBarVisibilities}" SelectedItem="{Binding VerticalVisibility}" />
SelectedItem="{Binding VerticalVisibility}" />
</StackPanel> </StackPanel>
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<CheckBox IsChecked="{Binding IsFillHorizontal}" <CheckBox Content="IsFillHorizontal" IsChecked="{Binding IsFillHorizontal}" />
Content="IsFillHorizontal" />
<TextBlock Text="ItemWidth" /> <TextBlock Text="ItemWidth" />
<NumericUpDown Value="{Binding ItemWidth}" <NumericUpDown Increment="1"
Increment="1" Minimum="0" Maximum="1000" /> Maximum="1000"
Minimum="0"
Value="{Binding ItemWidth}" />
</StackPanel> </StackPanel>
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<CheckBox IsChecked="{Binding IsFillVertical}" <CheckBox Content="IsFillVertical" IsChecked="{Binding IsFillVertical}" />
Content="IsFillVertical" />
<TextBlock Text="ItemHeight" /> <TextBlock Text="ItemHeight" />
<NumericUpDown Value="{Binding ItemHeight}" <NumericUpDown Increment="1"
Increment="1" Minimum="0" Maximum="1000" /> Maximum="1000"
Minimum="0"
Value="{Binding ItemHeight}" />
</StackPanel> </StackPanel>
<StackPanel.Styles> <StackPanel.Styles>
<Style Selector="StackPanel#ControlBar > StackPanel > TextBlock"> <Style Selector="StackPanel#ControlBar &gt; StackPanel &gt; TextBlock">
<Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="Margin" Value="10 0" /> <Setter Property="Margin" Value="10 0" />
</Style> </Style>
<Style Selector="StackPanel#ControlBar > StackPanel > TextBox, NumericUpDown"> <Style Selector="StackPanel#ControlBar &gt; StackPanel &gt; TextBox, NumericUpDown">
<Setter Property="Width" Value="100" /> <Setter Property="Width" Value="100" />
</Style> </Style>
<Style Selector="StackPanel#ControlBar > StackPanel > ComboBox"> <Style Selector="StackPanel#ControlBar &gt; StackPanel &gt; ComboBox">
<Setter Property="Width" Value="130" /> <Setter Property="Width" Value="130" />
</Style> </Style>
</StackPanel.Styles> </StackPanel.Styles>
@@ -53,12 +54,11 @@
<TabItem Header="Flat"> <TabItem Header="Flat">
<TabControl> <TabControl>
<TabItem Header="Common"> <TabItem Header="Common">
<u:ElasticWrapPanel <u:ElasticWrapPanel IsFillHorizontal="{Binding IsFillHorizontal}"
IsFillHorizontal="{Binding IsFillHorizontal}" IsFillVertical="{Binding IsFillVertical}"
IsFillVertical="{Binding IsFillVertical}" ItemHeight="{Binding ItemHeight}"
ItemWidth="{Binding ItemWidth}" ItemWidth="{Binding ItemWidth}"
ItemHeight="{Binding ItemHeight}" Orientation="{Binding SelectedOrientation}">
Orientation="{Binding SelectedOrientation}">
<Border Background="{DynamicResource SemiRed5Color}" /> <Border Background="{DynamicResource SemiRed5Color}" />
<Border Background="{DynamicResource SemiPink5Color}" /> <Border Background="{DynamicResource SemiPink5Color}" />
<Border Background="{DynamicResource SemiPurple5Color}" /> <Border Background="{DynamicResource SemiPurple5Color}" />
@@ -79,13 +79,12 @@
</TabItem> </TabItem>
<TabItem Header="Grid Auto"> <TabItem Header="Grid Auto">
<Grid RowDefinitions="auto,*"> <Grid RowDefinitions="auto,*">
<u:ElasticWrapPanel <u:ElasticWrapPanel Grid.Row="0"
Grid.Row="0" IsFillHorizontal="{Binding IsFillHorizontal}"
IsFillHorizontal="{Binding IsFillHorizontal}" IsFillVertical="{Binding IsFillVertical}"
IsFillVertical="{Binding IsFillVertical}" ItemHeight="{Binding ItemHeight}"
ItemWidth="{Binding ItemWidth}" ItemWidth="{Binding ItemWidth}"
ItemHeight="{Binding ItemHeight}" Orientation="{Binding SelectedOrientation}">
Orientation="{Binding SelectedOrientation}">
<Border Background="{DynamicResource SemiRed5Color}" /> <Border Background="{DynamicResource SemiRed5Color}" />
<Border Background="{DynamicResource SemiPink5Color}" /> <Border Background="{DynamicResource SemiPink5Color}" />
<Border Background="{DynamicResource SemiPurple5Color}" /> <Border Background="{DynamicResource SemiPurple5Color}" />
@@ -104,26 +103,23 @@
<Border Background="{DynamicResource SemiGrey5Color}" /> <Border Background="{DynamicResource SemiGrey5Color}" />
</u:ElasticWrapPanel> </u:ElasticWrapPanel>
<Border Grid.Row="1" <Border Grid.Row="1"
BorderThickness="1" Margin="0,4"
BorderBrush="{DynamicResource SemiGrey9Color}" BorderBrush="{DynamicResource SemiGrey9Color}"
Margin="0,4"> BorderThickness="1">
<TextBlock Text="This is blank" /> <TextBlock Text="This is blank" />
</Border> </Border>
</Grid> </Grid>
</TabItem> </TabItem>
<TabItem Header="ScrollViewer"> <TabItem Header="ScrollViewer">
<Border BorderThickness="1" <Border Margin="0,4"
BorderBrush="{DynamicResource SemiGrey9Color}" BorderBrush="{DynamicResource SemiGrey9Color}"
Margin="0,4"> BorderThickness="1">
<ScrollViewer <ScrollViewer HorizontalScrollBarVisibility="{Binding HorizontalVisibility}" VerticalScrollBarVisibility="{Binding VerticalVisibility}">
HorizontalScrollBarVisibility="{Binding HorizontalVisibility}" <u:ElasticWrapPanel IsFillHorizontal="{Binding IsFillHorizontal}"
VerticalScrollBarVisibility="{Binding VerticalVisibility}"> IsFillVertical="{Binding IsFillVertical}"
<u:ElasticWrapPanel ItemHeight="{Binding ItemHeight}"
IsFillHorizontal="{Binding IsFillHorizontal}" ItemWidth="{Binding ItemWidth}"
IsFillVertical="{Binding IsFillVertical}" Orientation="{Binding SelectedOrientation}">
ItemWidth="{Binding ItemWidth}"
ItemHeight="{Binding ItemHeight}"
Orientation="{Binding SelectedOrientation}">
<Border Background="{DynamicResource SemiRed5Color}" /> <Border Background="{DynamicResource SemiRed5Color}" />
<Border Background="{DynamicResource SemiPink5Color}" /> <Border Background="{DynamicResource SemiPink5Color}" />
<Border Background="{DynamicResource SemiPurple5Color}" /> <Border Background="{DynamicResource SemiPurple5Color}" />
@@ -149,30 +145,28 @@
<TabItem Header="FixToRB"> <TabItem Header="FixToRB">
<DockPanel> <DockPanel>
<StackPanel DockPanel.Dock="Top" x:Name="ControlBar2"> <StackPanel x:Name="ControlBar2" DockPanel.Dock="Top">
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<TextBlock Text="Control Width" /> <TextBlock Text="Control Width" />
<TextBox Text="{Binding ItemSelfWidth}" /> <TextBox Text="{Binding ItemSelfWidth}" />
<TextBlock Text="Control Height" /> <TextBlock Text="Control Height" />
<TextBox Text="{Binding ItemSelfHeight}" /> <TextBox Text="{Binding ItemSelfHeight}" />
</StackPanel> </StackPanel>
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<TextBlock Text="Horizontal Alignment" /> <TextBlock Text="Horizontal Alignment" />
<ComboBox SelectedItem="{Binding CmbHAlign}" <ComboBox ItemsSource="{Binding CmbHAligns}" SelectedItem="{Binding CmbHAlign}" />
ItemsSource="{Binding CmbHAligns}" />
<TextBlock Text="Vertical Alignment" /> <TextBlock Text="Vertical Alignment" />
<ComboBox SelectedItem="{Binding CmbVAlign}" <ComboBox ItemsSource="{Binding CmbVAligns}" SelectedItem="{Binding CmbVAlign}" />
ItemsSource="{Binding CmbVAligns}" />
</StackPanel> </StackPanel>
<StackPanel.Styles> <StackPanel.Styles>
<Style Selector="StackPanel#ControlBar2 > StackPanel > TextBlock"> <Style Selector="StackPanel#ControlBar2 &gt; StackPanel &gt; TextBlock">
<Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="Margin" Value="10 0" /> <Setter Property="Margin" Value="10 0" />
</Style> </Style>
<Style Selector="StackPanel#ControlBar2 > StackPanel > TextBox, NumericUpDown"> <Style Selector="StackPanel#ControlBar2 &gt; StackPanel &gt; TextBox, NumericUpDown">
<Setter Property="Width" Value="100" /> <Setter Property="Width" Value="100" />
</Style> </Style>
<Style Selector="StackPanel#ControlBar2 > StackPanel > ComboBox"> <Style Selector="StackPanel#ControlBar2 &gt; StackPanel &gt; ComboBox">
<Setter Property="Width" Value="130" /> <Setter Property="Width" Value="130" />
</Style> </Style>
</StackPanel.Styles> </StackPanel.Styles>
@@ -181,105 +175,100 @@
<TabControl> <TabControl>
<TabItem Header="Single"> <TabItem Header="Single">
<StackPanel> <StackPanel>
<ScrollViewer <ScrollViewer HorizontalScrollBarVisibility="{Binding HorizontalVisibility}" VerticalScrollBarVisibility="{Binding VerticalVisibility}">
HorizontalScrollBarVisibility="{Binding HorizontalVisibility}"
VerticalScrollBarVisibility="{Binding VerticalVisibility}">
<DockPanel> <DockPanel>
<Label DockPanel.Dock="Top" <Label Background="{DynamicResource SemiPurple2Color}"
Content="WrapPanel" Content="WrapPanel"
Background="{DynamicResource SemiPurple2Color}" /> DockPanel.Dock="Top" />
<WrapPanel ItemWidth="{Binding ItemWidth}" <WrapPanel ItemHeight="{Binding ItemHeight}"
ItemHeight="{Binding ItemHeight}" ItemWidth="{Binding ItemWidth}"
Orientation="{Binding SelectedOrientation}"> Orientation="{Binding SelectedOrientation}">
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 1" />
<TextBlock Text="Content 1" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 2" />
<TextBlock Text="Content 2" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 3" />
<TextBlock Text="Content 3" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 4" />
<TextBlock Text="Content 4" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 5" />
<TextBlock Text="Content 5" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 6" />
<TextBlock Text="Content 6" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<UniformGrid Rows="1" Margin="5,0" MinWidth="200" <UniformGrid MinWidth="200"
u:ElasticWrapPanel.FixToRB="True" Margin="5,0"
HorizontalAlignment="{Binding CmbHAlign}" HorizontalAlignment="{Binding CmbHAlign}"
VerticalAlignment="{Binding CmbVAlign}"> VerticalAlignment="{Binding CmbVAlign}"
<Button Content="Search" MinHeight="20" Margin="1" /> u:ElasticWrapPanel.FixToRB="True"
<Button Content="Export" MinHeight="20" Margin="1" /> Rows="1">
<Button MinHeight="20"
Margin="1"
Content="Search" />
<Button MinHeight="20"
Margin="1"
Content="Export" />
</UniformGrid> </UniformGrid>
</WrapPanel> </WrapPanel>
</DockPanel> </DockPanel>
</ScrollViewer> </ScrollViewer>
<ScrollViewer <ScrollViewer HorizontalScrollBarVisibility="{Binding HorizontalVisibility}" VerticalScrollBarVisibility="{Binding VerticalVisibility}">
HorizontalScrollBarVisibility="{Binding HorizontalVisibility}"
VerticalScrollBarVisibility="{Binding VerticalVisibility}">
<DockPanel> <DockPanel>
<Label DockPanel.Dock="Top" <Label Background="{DynamicResource SemiGreen2Color}"
Content="ElasticWrapPanel" Content="ElasticWrapPanel"
Background="{DynamicResource SemiGreen2Color}" /> DockPanel.Dock="Top" />
<u:ElasticWrapPanel <u:ElasticWrapPanel IsFillHorizontal="{Binding IsFillHorizontal}"
IsFillHorizontal="{Binding IsFillHorizontal}" IsFillVertical="{Binding IsFillVertical}"
IsFillVertical="{Binding IsFillVertical}" ItemHeight="{Binding ItemHeight}"
ItemWidth="{Binding ItemWidth}" ItemWidth="{Binding ItemWidth}"
ItemHeight="{Binding ItemHeight}" Orientation="{Binding SelectedOrientation}">
Orientation="{Binding SelectedOrientation}"> <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
<DockPanel Width="{Binding ItemSelfWidth}" <TextBlock VerticalAlignment="Center" Text="Content 1" />
Height="{Binding ItemSelfHeight}">
<TextBlock Text="Content 1" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 2" />
<TextBlock Text="Content 2" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 3" />
<TextBlock Text="Content 3" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 4" />
<TextBlock Text="Content 4" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 5" />
<TextBlock Text="Content 5" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 6" />
<TextBlock Text="Content 6" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<UniformGrid Rows="1" Margin="5,0" MinWidth="200" <UniformGrid MinWidth="200"
u:ElasticWrapPanel.FixToRB="True" Margin="5,0"
HorizontalAlignment="{Binding CmbHAlign}" HorizontalAlignment="{Binding CmbHAlign}"
VerticalAlignment="{Binding CmbVAlign}"> VerticalAlignment="{Binding CmbVAlign}"
<Button Content="Search" MinHeight="20" Margin="1" /> u:ElasticWrapPanel.FixToRB="True"
<Button Content="Export" MinHeight="20" Margin="1" /> Rows="1">
<Button MinHeight="20"
Margin="1"
Content="Search" />
<Button MinHeight="20"
Margin="1"
Content="Export" />
</UniformGrid> </UniformGrid>
</u:ElasticWrapPanel> </u:ElasticWrapPanel>
</DockPanel> </DockPanel>
@@ -288,180 +277,174 @@
</TabItem> </TabItem>
<TabItem Header="Multiply"> <TabItem Header="Multiply">
<StackPanel> <StackPanel>
<ScrollViewer <ScrollViewer HorizontalScrollBarVisibility="{Binding HorizontalVisibility}" VerticalScrollBarVisibility="{Binding VerticalVisibility}">
HorizontalScrollBarVisibility="{Binding HorizontalVisibility}"
VerticalScrollBarVisibility="{Binding VerticalVisibility}">
<DockPanel> <DockPanel>
<Label <Label Background="{DynamicResource SemiPurple2Color}"
DockPanel.Dock="Top" Content="WrapPanel"
Content="WrapPanel" DockPanel.Dock="Top" />
Background="{DynamicResource SemiPurple2Color}" /> <WrapPanel ItemHeight="{Binding ItemHeight}"
<WrapPanel ItemWidth="{Binding ItemWidth}" ItemWidth="{Binding ItemWidth}"
ItemHeight="{Binding ItemHeight}"
Orientation="{Binding SelectedOrientation}"> Orientation="{Binding SelectedOrientation}">
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 1" />
<TextBlock Text="Content 1" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 2" />
<TextBlock Text="Content 2" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 3" />
<TextBlock Text="Content 3" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 4" />
<TextBlock Text="Content 4" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 5" />
<TextBlock Text="Content 5" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 6" />
<TextBlock Text="Content 6" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<UniformGrid Rows="1" Margin="5,0" MinWidth="200" <UniformGrid MinWidth="200"
u:ElasticWrapPanel.FixToRB="True" Margin="5,0"
HorizontalAlignment="{Binding CmbHAlign}" HorizontalAlignment="{Binding CmbHAlign}"
VerticalAlignment="{Binding CmbVAlign}"> VerticalAlignment="{Binding CmbVAlign}"
<Button Content="Search" MinHeight="20" Margin="1" /> u:ElasticWrapPanel.FixToRB="True"
<Button Content="Export" MinHeight="20" Margin="1" /> Rows="1">
<Button MinHeight="20"
Margin="1"
Content="Search" />
<Button MinHeight="20"
Margin="1"
Content="Export" />
</UniformGrid> </UniformGrid>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 1" />
<TextBlock Text="Content 1" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 2" />
<TextBlock Text="Content 2" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 3" />
<TextBlock Text="Content 3" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 4" />
<TextBlock Text="Content 4" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 5" />
<TextBlock Text="Content 5" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 6" />
<TextBlock Text="Content 6" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<UniformGrid Rows="1" Margin="5,0" MinWidth="200" <UniformGrid MinWidth="200"
u:ElasticWrapPanel.FixToRB="True" Margin="5,0"
HorizontalAlignment="{Binding CmbHAlign}" HorizontalAlignment="{Binding CmbHAlign}"
VerticalAlignment="{Binding CmbVAlign}"> VerticalAlignment="{Binding CmbVAlign}"
<Button Content="Search" MinHeight="20" Margin="1" /> u:ElasticWrapPanel.FixToRB="True"
<Button Content="Export" MinHeight="20" Margin="1" /> Rows="1">
<Button MinHeight="20"
Margin="1"
Content="Search" />
<Button MinHeight="20"
Margin="1"
Content="Export" />
</UniformGrid> </UniformGrid>
</WrapPanel> </WrapPanel>
</DockPanel> </DockPanel>
</ScrollViewer> </ScrollViewer>
<ScrollViewer <ScrollViewer HorizontalScrollBarVisibility="{Binding HorizontalVisibility}" VerticalScrollBarVisibility="{Binding VerticalVisibility}">
HorizontalScrollBarVisibility="{Binding HorizontalVisibility}"
VerticalScrollBarVisibility="{Binding VerticalVisibility}">
<DockPanel> <DockPanel>
<Label DockPanel.Dock="Top" <Label Background="{DynamicResource SemiGreen2Color}"
Content="ElasticWrapPanel" Content="ElasticWrapPanel"
Background="{DynamicResource SemiGreen2Color}" /> DockPanel.Dock="Top" />
<u:ElasticWrapPanel <u:ElasticWrapPanel IsFillHorizontal="{Binding IsFillHorizontal}"
IsFillHorizontal="{Binding IsFillHorizontal}" IsFillVertical="{Binding IsFillVertical}"
IsFillVertical="{Binding IsFillVertical}" ItemHeight="{Binding ItemHeight}"
ItemWidth="{Binding ItemWidth}" ItemWidth="{Binding ItemWidth}"
ItemHeight="{Binding ItemHeight}" Orientation="{Binding SelectedOrientation}">
Orientation="{Binding SelectedOrientation}"> <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
<DockPanel Width="{Binding ItemSelfWidth}" <TextBlock VerticalAlignment="Center" Text="Content 1" />
Height="{Binding ItemSelfHeight}">
<TextBlock Text="Content 1" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 2" />
<TextBlock Text="Content 2" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 3" />
<TextBlock Text="Content 3" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 4" />
<TextBlock Text="Content 4" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 5" />
<TextBlock Text="Content 5" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 6" />
<TextBlock Text="Content 6" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<UniformGrid Rows="1" Margin="5,0" MinWidth="200" <UniformGrid MinWidth="200"
u:ElasticWrapPanel.FixToRB="True" Margin="5,0"
HorizontalAlignment="{Binding CmbHAlign}" HorizontalAlignment="{Binding CmbHAlign}"
VerticalAlignment="{Binding CmbVAlign}"> VerticalAlignment="{Binding CmbVAlign}"
<Button Content="Search" MinHeight="20" Margin="1" /> u:ElasticWrapPanel.FixToRB="True"
<Button Content="Export" MinHeight="20" Margin="1" /> Rows="1">
<Button MinHeight="20"
Margin="1"
Content="Search" />
<Button MinHeight="20"
Margin="1"
Content="Export" />
</UniformGrid> </UniformGrid>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 1" />
<TextBlock Text="Content 1" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 2" />
<TextBlock Text="Content 2" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 3" />
<TextBlock Text="Content 3" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 4" />
<TextBlock Text="Content 4" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 5" />
<TextBlock Text="Content 5" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<DockPanel Width="{Binding ItemSelfWidth}" <DockPanel Width="{Binding ItemSelfWidth}" Height="{Binding ItemSelfHeight}">
Height="{Binding ItemSelfHeight}"> <TextBlock VerticalAlignment="Center" Text="Content 6" />
<TextBlock Text="Content 6" VerticalAlignment="Center" />
<TextBox MinHeight="20" /> <TextBox MinHeight="20" />
</DockPanel> </DockPanel>
<UniformGrid Rows="1" Margin="5,0" MinWidth="200" <UniformGrid MinWidth="200"
u:ElasticWrapPanel.FixToRB="True" Margin="5,0"
HorizontalAlignment="{Binding CmbHAlign}" HorizontalAlignment="{Binding CmbHAlign}"
VerticalAlignment="{Binding CmbVAlign}"> VerticalAlignment="{Binding CmbVAlign}"
<Button Content="Search" MinHeight="20" Margin="1" /> u:ElasticWrapPanel.FixToRB="True"
<Button Content="Export" MinHeight="20" Margin="1" /> Rows="1">
<Button MinHeight="20"
Margin="1"
Content="Search" />
<Button MinHeight="20"
Margin="1"
Content="Export" />
</UniformGrid> </UniformGrid>
</u:ElasticWrapPanel> </u:ElasticWrapPanel>
</DockPanel> </DockPanel>