c# - 框 View "LinearGradientBrush"

Question

如何在 xamarin forms 中实现与下面代码相同的渐变效果?

在 WPF 中的效果相同:

<Rectangle Width="200" Height="100">
  <Rectangle.Fill>
    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
      <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>

我的 Boxview 在 xamarin forms :

<BoxView WidthRequest="100" Grid.RowSpan="2">

</BoxView>

Answer 1

有不止一种方法可以做到这一点。您可以使用 SkiaSharp 来实现结果。否则，您可以编写自定义渲染器来执行相同的操作。

Refer to the Xamarin documentation here if you wish to use the SkiaSharp library.

如果您希望使用自定义渲染器来实现结果，请参阅以下链接。

Add Gradient background to layouts in Xamarin Forms visual studio

Horizontal And Vertical Gradient Color In Xamarin.Forms

有一个很棒的自定义控件 MagicGradients可用于做一些出色的渐变工作，如果您喜欢编写很少的代码，这将非常方便。

请引用以下链接:

GitHub source code - MagicGradients

NuGet Package - MagicGradients

There is also an excellent blog available for the same on how to use the control if you are a beginner.

我希望这有帮助。