133 lines
6.6 KiB
XML
133 lines
6.6 KiB
XML
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:hc="https://handyorg.github.io/handycontrol"
|
|
x:Class="HandyControlDemo.UserControl.WaterfallPanelDemo">
|
|
<Grid Margin="32">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition/>
|
|
</Grid.RowDefinitions>
|
|
<NumericUpDown x:Name="UpDownGroups"
|
|
HorizontalAlignment="Center"
|
|
Value="2"
|
|
Minimum="1"
|
|
Maximum="3"
|
|
Width="200"
|
|
Theme="{StaticResource NumericUpDownExtend}"
|
|
hc:TitleElement.Title="Groups"
|
|
hc:TitleElement.TitleWidth="50"
|
|
hc:TitleElement.TitlePlacement="Left"/>
|
|
<hc:UniformSpacingPanel Grid.Row="1"
|
|
Spacing="16"
|
|
ChildWrapping="Wrap"
|
|
Margin="0,16,0,0">
|
|
<ScrollViewer MaxHeight="300">
|
|
<hc:WaterfallPanel VerticalAlignment="Center"
|
|
Width="300"
|
|
Groups="{Binding #UpDownGroups.Value}">
|
|
<Border Height="100"
|
|
Background="{DynamicResource PrimaryBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Height="140"
|
|
Background="{DynamicResource DangerBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Height="100"
|
|
Background="{DynamicResource SuccessBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Height="170"
|
|
Background="{DynamicResource InfoBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Height="100"
|
|
Background="{DynamicResource WarningBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
</hc:WaterfallPanel>
|
|
</ScrollViewer>
|
|
<ScrollViewer HorizontalScrollBarVisibility="Auto"
|
|
VerticalScrollBarVisibility="Hidden"
|
|
hc:ScrollViewerAttach.Orientation="Horizontal"
|
|
MaxWidth="300">
|
|
<hc:WaterfallPanel VerticalAlignment="Center"
|
|
Height="300"
|
|
Orientation="Vertical"
|
|
Groups="{Binding #UpDownGroups.Value}">
|
|
<Border Width="100"
|
|
Background="{DynamicResource PrimaryBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Width="140"
|
|
Background="{DynamicResource DangerBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Width="100"
|
|
Background="{DynamicResource SuccessBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Width="170"
|
|
Background="{DynamicResource InfoBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
<Border Width="100"
|
|
Background="{DynamicResource WarningBrush}"
|
|
Effect="{StaticResource EffectShadow1}"
|
|
Margin="5">
|
|
<TextBlock Text="Content"
|
|
VerticalAlignment="Center"
|
|
HorizontalAlignment="Center"
|
|
Foreground="White"/>
|
|
</Border>
|
|
</hc:WaterfallPanel>
|
|
</ScrollViewer>
|
|
</hc:UniformSpacingPanel>
|
|
</Grid>
|
|
</UserControl>
|