csharpc-sharpdotnetxamlavaloniauicross-platformcross-platform-xamlavaloniaguimulti-platformuser-interfacedotnetcore
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
2.7 KiB
48 lines
2.7 KiB
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
x:Class="ControlCatalog.Pages.ViewboxPage">
|
|
|
|
<Grid RowDefinitions="Auto,*,*">
|
|
<StackPanel Orientation="Vertical" Spacing="4">
|
|
<TextBlock Classes="h2">A control used to scale single child.</TextBlock>
|
|
</StackPanel>
|
|
|
|
<Grid Grid.Row="1" ColumnDefinitions="*,Auto" HorizontalAlignment="Center" Margin="0,10,0,0">
|
|
|
|
<Border HorizontalAlignment="Center" Grid.Column="0" BorderThickness="1" BorderBrush="Orange" Width="200" Height="200">
|
|
<Border VerticalAlignment="Center" HorizontalAlignment="Center" Grid.Column="0" BorderThickness="1" BorderBrush="CornflowerBlue" Width="{Binding #WidthSlider.Value}" Height="{Binding #HeightSlider.Value}" >
|
|
<Viewbox
|
|
Stretch="{Binding #StretchSelector.SelectedItem.Content, FallbackValue={x:Static Stretch.Uniform}}"
|
|
StretchDirection="{Binding #StretchDirectionSelector.SelectedItem.Content, FallbackValue={x:Static StretchDirection.Both}}">
|
|
<Ellipse Width="50" Height="50" Fill="CornflowerBlue" />
|
|
</Viewbox>
|
|
</Border>
|
|
</Border>
|
|
|
|
<StackPanel HorizontalAlignment="Left" Orientation="Vertical" Grid.Column="1" Margin="8,0,0,0" Width="150">
|
|
<TextBlock Text="Width" />
|
|
<Slider Minimum="10" Maximum="200" Value="100" x:Name="WidthSlider" TickFrequency="25" TickPlacement="TopLeft" />
|
|
<TextBlock Text="Height" />
|
|
<Slider Minimum="10" Maximum="200" Value="100" x:Name="HeightSlider" TickFrequency="25" TickPlacement="TopLeft" />
|
|
<TextBlock Text="Stretch" />
|
|
<ComboBox x:Name="StretchSelector" HorizontalAlignment="Stretch" SelectedIndex="0" Margin="0,0,0,2" >
|
|
<ComboBox.Items>
|
|
<ComboBoxItem Content="{x:Static Stretch.Uniform}"/>
|
|
<ComboBoxItem Content="{x:Static Stretch.UniformToFill}"/>
|
|
<ComboBoxItem Content="{x:Static Stretch.Fill}"/>
|
|
<ComboBoxItem Content="{x:Static Stretch.None}"/>
|
|
</ComboBox.Items>
|
|
</ComboBox>
|
|
<TextBlock Text="Stretch Direction" />
|
|
<ComboBox x:Name="StretchDirectionSelector" SelectedIndex="0" HorizontalAlignment="Stretch" >
|
|
<ComboBox.Items>
|
|
<ComboBoxItem Content="{x:Static StretchDirection.Both}"/>
|
|
<ComboBoxItem Content="{x:Static StretchDirection.DownOnly}"/>
|
|
<ComboBoxItem Content="{x:Static StretchDirection.UpOnly}"/>
|
|
</ComboBox.Items>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
</Grid>
|
|
</UserControl>
|
|
|