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.
100 lines
3.9 KiB
100 lines
3.9 KiB
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
|
|
x:Class="ControlCatalog.Pages.AcrylicPage">
|
|
<Border Padding="20" HorizontalAlignment="Center">
|
|
<StackPanel Spacing="20">
|
|
<Slider Name="TintOpacitySlider" Minimum="0" Maximum="1" Value="1" />
|
|
|
|
<StackPanel Orientation="Horizontal" Spacing="20">
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="#FF0000"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
TintLuminosityOpacity="{Binding #TintLuminositySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="#00FF00"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="#000000"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
</StackPanel>
|
|
|
|
<StackPanel Orientation="Horizontal" Spacing="20">
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="#0000FF"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="#FFFF00"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="#000000"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
</StackPanel>
|
|
|
|
<StackPanel Orientation="Horizontal" Spacing="20">
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="Black"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="#3c3c3c"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
|
|
<Border Height="200" Width="200" CornerRadius="5" BoxShadow="2 2 16 0 Black">
|
|
<Border.Background>
|
|
<ExperimentalAcrylicBrush
|
|
TintColor="White"
|
|
TintOpacity="{Binding #TintOpacitySlider.Value}"
|
|
BackgroundSource="Digger" />
|
|
</Border.Background>
|
|
</Border>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
</UserControl>
|
|
|