Custom Frame in MAUI for corner radius

Question

Custom Frame in MAUI for corner radius

Bhuwan 886

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

Your answer

Answer 1

Anonymous

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.

Bhuwan 886 Reputation points

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

Hi @Anonymous

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.

Anonymous

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"  
               >

Share via

Custom Frame in MAUI for corner radius

1 answer

Your answer