zhaoyushun1999/Semi.Avalonia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add color block into ScrollViewerDemo.

Browse Source
This commit is contained in:
Zhang Dian 2023-07-11 17:40:57 +08:00
parent b19a576dc9
commit ad3aac5978
1 changed files with 66 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
demo/Semi.Avalonia.Demo/Pages/ScrollViewerDemo.axaml
View File

@ -7,16 +7,37 @@
d:DesignHeight="450" d:DesignHeight="450"
d:DesignWidth="800" d:DesignWidth="800"
mc:Ignorable="d"> mc:Ignorable="d">
<StackPanel> <ScrollViewer>
<StackPanel HorizontalAlignment="Left" Spacing="20">
<ScrollViewer <ScrollViewer
Width="200" Width="200"
Height="200" Height="200"
Margin="10" Margin="10"
HorizontalScrollBarVisibility="Auto"> HorizontalScrollBarVisibility="Auto">
<Grid RowDefinitions="Auto,Auto"
ColumnDefinitions="Auto,Auto"
Width="300" Height="300">
<Rectangle <Rectangle
Width="300" Grid.Row="0" Grid.Column="0"
Height="300" Width="150"
Height="150"
Fill="{DynamicResource SemiYellow2}" /> Fill="{DynamicResource SemiYellow2}" />
<Rectangle
Grid.Row="0" Grid.Column="1"
Width="150"
Height="150"
Fill="{DynamicResource SemiBlue2}" />
<Rectangle
Grid.Row="1" Grid.Column="0"
Width="150"
Height="150"
Fill="{DynamicResource SemiPink2}" />
<Rectangle
Grid.Row="1" Grid.Column="1"
Width="150"
Height="150"
Fill="{DynamicResource SemiGreen2}" />
</Grid>
</ScrollViewer> </ScrollViewer>
<ScrollViewer <ScrollViewer
Width="200" Width="200"
@ -24,10 +45,31 @@
Margin="10" Margin="10"
HorizontalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto"
Theme="{DynamicResource StaticScrollViewer}"> Theme="{DynamicResource StaticScrollViewer}">
<Grid RowDefinitions="Auto,Auto"
ColumnDefinitions="Auto,Auto"
Width="300" Height="300">
<Rectangle <Rectangle
Width="300" Grid.Row="0" Grid.Column="0"
Height="300" Width="150"
Height="150"
Fill="{DynamicResource SemiYellow2}" /> Fill="{DynamicResource SemiYellow2}" />
<Rectangle
Grid.Row="0" Grid.Column="1"
Width="150"
Height="150"
Fill="{DynamicResource SemiBlue2}" />
<Rectangle
Grid.Row="1" Grid.Column="0"
Width="150"
Height="150"
Fill="{DynamicResource SemiPink2}" />
<Rectangle
Grid.Row="1" Grid.Column="1"
Width="150"
Height="150"
Fill="{DynamicResource SemiGreen2}" />
</Grid>
</ScrollViewer> </ScrollViewer>
</StackPanel> </StackPanel>
</ScrollViewer>
</UserControl> </UserControl>