C# Avalonia 12- Drawing - Gradients

Gradients.axaml代码

<Window 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"Height="587" Width="347"x:Class="AvaloniaUI.Gradients"Title="Gradients"><Grid Margin="5" RowDefinitions="auto,auto,auto,auto,auto" ColumnDefinitions="*,auto"><Rectangle Width="150" Height="100" Margin="5"><Rectangle.Fill><LinearGradientBrush ><GradientStop Color="Blue" Offset="0"/><GradientStop Color="White" Offset="1" /></LinearGradientBrush></Rectangle.Fill></Rectangle><TextBlock Grid.Column="1" VerticalAlignment="Center" Margin="5">Diagonal Linear Gradient</TextBlock><Rectangle Width="150" Height="100" Margin="5" Grid.Row="1"><Rectangle.Fill><LinearGradientBrush><GradientStop Color="Blue" Offset="0"/><GradientStop Color="White" Offset="0.5" /></LinearGradientBrush></Rectangle.Fill></Rectangle><TextBlock Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" Margin="5">With 0.5 Offset for White</TextBlock><Rectangle Width="150" Height="100" Grid.Row="2" Margin="5"><Rectangle.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="0%,100%"><GradientStop Color="Blue" Offset="0"/><GradientStop Color="White" Offset="1" /></LinearGradientBrush></Rectangle.Fill></Rectangle><TextBlock Grid.Row="2" Grid.Column="1" VerticalAlignment="Center" Margin="5">Horizontal Linear Gradient</TextBlock><Rectangle Width="150" Height="100" Grid.Row="3" Margin="5"><Rectangle.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="0%,50%" SpreadMethod="Reflect"><GradientStop Color="Blue" Offset="0"/><GradientStop Color="White" Offset="1" /></LinearGradientBrush></Rectangle.Fill></Rectangle><TextBlock Grid.Row="3" Grid.Column="1" VerticalAlignment="Center" Margin="5">Reflected Gradient</TextBlock><Rectangle Width="150" Height="100" Grid.Row="4" Margin="5"><Rectangle.Fill><LinearGradientBrush StartPoint="0,0" EndPoint="100%,100%"><GradientStop Color="Yellow" Offset="0.0" /><GradientStop Color="Red" Offset="0.25" /><GradientStop Color="Blue" Offset="0.75" /><GradientStop Color="LimeGreen" Offset="1.0" /></LinearGradientBrush></Rectangle.Fill></Rectangle><TextBlock Grid.Row="4" Grid.Column="1" VerticalAlignment="Center" Margin="5">Multicolored Gradient</TextBlock></Grid>
</Window>

Gradients.axaml.cs代码

using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;namespace AvaloniaUI;public partial class Gradients : Window
{public Gradients(){InitializeComponent();}
}

运行效果