OpacityMask.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="313.6" Width="317.6"
        x:Class="AvaloniaUI.OpacityMask"
        Title="OpacityMask">
    <Window.Background>
        <ImageBrush Source="avares://AvaloniaUI/Resources/Images/grandpiano.jpg"></ImageBrush>
    </Window.Background>

    <Grid Margin="10,50">
        <Button Background="Purple" FontSize="14" FontWeight="Bold">
            <Button.OpacityMask>
                <LinearGradientBrush StartPoint="0,0" EndPoint="100%,0%">
                    <GradientStop Offset="0" Color="Black"></GradientStop>
                    <GradientStop Offset="1" Color="Transparent"></GradientStop>
                </LinearGradientBrush>
            </Button.OpacityMask>
            <Button.Content>A Partially Transparent Button</Button.Content>
        </Button>
    </Grid>
</Window>

OpacityMask.axaml.cs代码

using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;

namespace AvaloniaUI;

public partial class OpacityMask : Window
{
    public OpacityMask()
    {
        InitializeComponent();
    }
}

运行效果

image

 

posted on 2025-09-05 09:48  dalgleish  阅读(15)  评论(0)    收藏  举报