Custom Frame in MAUI for corner radius

Bhuwan 721

How to create custom frame in MAUI for corner radius same like Xamarin Forms Reference Below link code.

https://stackoverflow.com/questions/57790260/xamarin-frame-only-have-a-single-rounded-corner

1 answer

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 76,391 Reputation points Microsoft Vendor

2022-08-25T05:26:33.417+00:00
Hello,

You can use Border to achieve a single rounded corner in MAUI, please set CornerRadius like following code

<Border.StrokeShape> <RoundRectangle CornerRadius="0,0,0,40" /> </Border.StrokeShape>

Best Regards,

Leon Lu

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.
Please sign in to rate this answer.

1 person found this answer helpful.
Bhuwan 721 Reputation points

2022-08-25T08:20:37.877+00:00

Hi @Leon Lu (Shanghai Wicresoft Co,.Ltd.)

as per suggested i am trying and it's working as per but when using stroke inside community toolkit popup then it's look below screenshot

Extra gray color is displaying.

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 76,391 Reputation points Microsoft Vendor

2022-08-26T02:55:19.24+00:00

Please add Color="Transparent" to the <toolkit:Popup> tag like following code.

<toolkit:Popup xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit" x:Class="MauiApp1.SimplePopup" Color="Transparent" >
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

Custom Frame in MAUI for corner radius

1 answer

Your answer