.NET MAUI 中的 Shell 背景渐变

Question

知道如何为 Shell 提供渐变背景吗？

我尝试在 Shell 背景上定义 LinearGradientBrush，但这不起作用。

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

    <Shell.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <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>
    </Shell.Background>

    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
        <!--  FlyoutItem contents here -->
    </FlyoutItem>

</Shell>

Answer 1

我已经确认这是为

Shell.Background

设置渐变时的已知问题，请参阅 Shell.Background - Gradient does not work #10445，您可以按照该线程进行操作。

幸运的是，您可以单独设置渐变背景。如果您有“外壳”弹出窗口，则可以为“外壳”弹出项目设置渐变背景：

<Shell.FlyoutBackground>
      <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <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>
</Shell.FlyoutBackground>

另外，如果要将

ShellContent

背景设置为渐变背景，可以将渐变背景添加到 ContentPage 的背景属性中。

<ContentPage.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <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>
</ContentPage.Background>

希望这有帮助！