How to create top corner radius in maui?

Question

set a top-left-corner-radius and a top-right-corner-ridus?

Answer 1

Hello,

If you want to implement this effect in MAUI, you need to wrap it with Border, please refer to the following documents and examples:

• Create a Border

<Border Stroke="#C49B33"
        StrokeThickness="4"
        Background="#2B0B98"
        Padding="16,8"
        HorizontalOptions="Center">
    <Border.StrokeShape>
        <RoundRectangle CornerRadius="10,10,0,0" /> // Use this setting to set the radius in the upper-left and upper-right corners
    </Border.StrokeShape>
    <Label Text=".NET MAUI"
           TextColor="Red"
           FontSize="18"
           FontAttributes="Bold" />
</Border>

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.