Curve Design in .NET MAUI XAML

Question

Jassim Al Rahma 1,616

Hi, How can I make the below curve design in .NET MAUI XAML? Screenshot 2023-04-16 at 5.22.09 PM

Thanks, Jassim

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2023-04-17T02:10:29.1966667+00:00
To investigate further, could you please provide the following information?

Could you please indicate which part of the diagram you would like to achieve the curve design?

What platform does your program run on? Your prompt reply will be highly appreciated.
Jassim Al Rahma 1,616 Reputation points

2023-04-17T10:21:31.4966667+00:00

Sorry it's this part 👇 and I want to make it XAML's Path
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2023-04-18T08:05:36.8166667+00:00
For questions about how to draw curves in MAUI, you could refer to the Create a BezierSegment to Create a PolyBezierSegment section of this official document: Geometries.

In addition, since this part is in the background in the first image and overlaps some of the buttons, you could also implement it using the Background property. Please refer to the following code:

<VerticalStackLayout> <VerticalStackLayout.Background> <RadialGradientBrush Center="1.3,-0.1"> <GradientStop Color="Pink" Offset="1" /> <GradientStop Color="White" Offset="1.0" /> </RadialGradientBrush> </VerticalStackLayout.Background> </VerticalStackLayout>

Your answer

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2023-04-17T02:10:29.1966667+00:00

To investigate further, could you please provide the following information?

Could you please indicate which part of the diagram you would like to achieve the curve design?

What platform does your program run on? Your prompt reply will be highly appreciated.
Jassim Al Rahma 1,616 Reputation points

2023-04-17T10:21:31.4966667+00:00

Sorry it's this part 👇 and I want to make it XAML's Path
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,126 Reputation points Microsoft External Staff

2023-04-18T08:05:36.8166667+00:00

For questions about how to draw curves in MAUI, you could refer to the Create a BezierSegment to Create a PolyBezierSegment section of this official document: Geometries.

In addition, since this part is in the background in the first image and overlaps some of the buttons, you could also implement it using the Background property. Please refer to the following code:

<VerticalStackLayout> <VerticalStackLayout.Background> <RadialGradientBrush Center="1.3,-0.1"> <GradientStop Color="Pink" Offset="1" /> <GradientStop Color="White" Offset="1.0" /> </RadialGradientBrush> </VerticalStackLayout.Background> </VerticalStackLayout>