[Bug] [Android] Frame IsClippedToBounds="True" not working in custom renderer

[eddie010]

Description

I needed to create an image that has 3 rounded corners. The standard frame only supports having all corners rounded. And this works; IsClippedToBounds is hereby respected.

I saw an example on how to do this with a custom renderer so that you can pass 4 values for CornerRadius with each value representing the corner radius for 1 of the corners. However when I see the result, IsClippedToBounds is no longer respected and the content of the frame shows as a square.

See the sample project for a very clear example of 3 scenarios.

• A standard frame with content and IsClippedToBouds="True"
• A custom frame without content and with 4 different CornerRadius values passed for each corner (also works)
• A custom frame with content and with 4 different CornerRadius values passed for each corner and IsClippedToBounds="True"

Steps to Reproduce

1. Create a custom renderer using the FrameRenderer from Xamarin.Forms.Platform.Android.AppCompat.FrameRenderer (So I can check if Control.Background is of type GradientDrawable and use SetCornerRadii() on the background)
2. In the custom frame class create an overload for CornerRadius so that you can give corner radius values for each corner
3. Put the custom frame on any page and give it some nice round corners
4. Set IsClippedToBounds to True
5. Insert some content filling up the whole frame
6. You'll see that IsClippedToBounds is not respected

Expected Behavior

Respecting IsClippedToBounds so that all 4 corners of the frame will have the given CornerRadius value and the content is clipped to that.

Actual Behavior

IsClippedToBounds is ignored and the content is shown as a square

Basic Information

• Version with issue: 5.0.0.1931
• Last known good version: -
• Platform Target Frameworks:
  • Android: 10.0
• Affected Devices: All Android devices
• IDE: Visual Studio for Windows

Environment

Show/Hide Visual Studio info

Microsoft Visual Studio Enterprise 2019
Version 16.8.4
VisualStudio.16.Release/16.8.4+30907.101
Microsoft .NET Framework
Version 4.8.04084

Installed Version: Enterprise

Visual C++ 2019   00433-90100-09474-AA006
Microsoft Visual C++ 2019

ASP.NET and Web Tools 2019   16.8.557.25636
ASP.NET and Web Tools 2019

ASP.NET Core Razor Language Services   16.1.0.2052803+84e121f1403378489b842e1797df2f3f5a49ac3c
Provides languages services for ASP.NET Core Razor.

ASP.NET Web Frameworks and Tools 2019   16.8.557.25636
For additional information, visit https://www.asp.net/

AspNetZeroRadTool Extension   1.0
AspNetZeroRadTool Visual Studio Extension Detailed Info

Azure App Service Tools v3.0.0   16.8.557.25636
Azure App Service Tools v3.0.0

Azure Functions and Web Jobs Tools   16.8.557.25636
Azure Functions and Web Jobs Tools

C# Tools   3.8.0-5.20604.10+9ed4b774d20940880de8df1ca8b07508aa01c8cd
C# components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

CodeRush for Roslyn   20.2.7.0
DevExpress CodeRush for Roslyn package.

CodeRush for Roslyn Tool Windows   20.2.7.0
DevExpress CodeRush for Roslyn Tool Windows package.

Common Azure Tools   1.10
Provides common services for use by Azure Mobile Services and Microsoft Azure Tools.

Extensibility Message Bus   1.2.6 (master@34d6af2)
Provides common messaging-based MEF services for loosely coupled Visual Studio extension components communication and integration.

IntelliCode Extension   1.0
IntelliCode Visual Studio Extension Detailed Info

Microsoft Azure Tools   2.9
Microsoft Azure Tools for Microsoft Visual Studio 2019 - v2.9.30924.1

Microsoft Continuous Delivery Tools for Visual Studio   0.4
Simplifying the configuration of Azure DevOps pipelines from within the Visual Studio IDE.

Microsoft JVM Debugger   1.0
Provides support for connecting the Visual Studio debugger to JDWP compatible Java Virtual Machines

Microsoft Library Manager   2.1.113+g422d40002e.RR
Install client-side libraries easily to any web project

Microsoft MI-Based Debugger   1.0
Provides support for connecting Visual Studio to MI compatible debuggers

Microsoft Visual C++ Wizards   1.0
Microsoft Visual C++ Wizards

Microsoft Visual Studio Tools for Containers   1.1
Develop, run, validate your ASP.NET Core applications in the target environment. F5 your application directly into a container with debugging, or CTRL + F5 to edit & refresh your app without having to rebuild the container.

Microsoft Visual Studio VC Package   1.0
Microsoft Visual Studio VC Package

Mono Debugging for Visual Studio   16.8.43 (00471f8)
Support for debugging Mono processes with Visual Studio.

NuGet Package Manager   5.8.1
NuGet Package Manager in Visual Studio. For more information about NuGet, visit https://docs.nuget.org/

Project System Tools   1.0
Tools for working with C#, VisualBasic, and F# projects.

ProjectServicesPackage Extension   1.0
ProjectServicesPackage Visual Studio Extension Detailed Info

Snapshot Debugging Extension   1.0
Snapshot Debugging Visual Studio Extension Detailed Info

SQL Server Data Tools   16.0.62012.31170
Microsoft SQL Server Data Tools

TypeScript Tools   16.0.21016.2001
TypeScript Tools for Microsoft Visual Studio

Visual Basic Tools   3.8.0-5.20604.10+9ed4b774d20940880de8df1ca8b07508aa01c8cd
Visual Basic components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

Visual F# Tools   16.8.0-beta.20507.4+da6be68280c89131cdba2045525b80890401defd
Microsoft Visual F# Tools

Visual Studio Code Debug Adapter Host Package   1.0
Interop layer for hosting Visual Studio Code debug adapters in Visual Studio

Visual Studio Container Tools Extensions   1.0
View, manage, and diagnose containers within Visual Studio.

Visual Studio Tools for Containers   1.0
Visual Studio Tools for Containers

VisualStudio.DeviceLog   1.0
Information about my package

VisualStudio.Foo   1.0
Information about my package

VisualStudio.Mac   1.0
Mac Extension for Visual Studio

Xamarin   16.8.000.261 (d16-8@bb99248)
Visual Studio extension to enable development for Xamarin.iOS and Xamarin.Android.

Xamarin Designer   16.8.0.507 (remotes/origin/d16-8@e87b24884)
Visual Studio extension to enable Xamarin Designer tools in Visual Studio.

Xamarin Templates   16.8.112 (86385a3)
Templates for building iOS, Android, and Windows apps with Xamarin and Xamarin.Forms.

Xamarin.Android SDK   11.1.0.26 (d16-8/a36ce73)
Xamarin.Android Reference Assemblies and MSBuild support.
    Mono: 5e9cb6d
    Java.Interop: xamarin/java.interop/d16-8@79d9533
    ProGuard: Guardsquare/proguard/proguard6.2.2@ebe9000
    SQLite: xamarin/sqlite/3.32.1@1a3276b
    Xamarin.Android Tools: xamarin/xamarin-android-tools/d16-8@2fb1cbc


Xamarin.iOS and Xamarin.Mac SDK   14.8.0.3 (c51fabee8)
Xamarin.iOS and Xamarin.Mac Reference Assemblies and MSBuild support.

Screenshots

Reproduction Link

AndroidFrameTest.zip

Workaround

I found a workaround by doing almost the exact same thing with a custom ContentView instead of a Frame. My example for this was the PancakeView Github repo.

[rachelkang]

Hi, @eddie010 - thanks for submitting this issue. Confirming that I'm able to reproduce it!

cc @jsuarezruiz

[olezhko]

any updates?