Bug 22794 - BoxView in RelativeLayout with a background doesn't render on Android
Summary: BoxView in RelativeLayout with a background doesn't render on Android
Status: VERIFIED FIXED
Alias: None
Product: Forms
Classification: Xamarin
Component: Forms ()
Version: 1.2.2
Hardware: Macintosh Mac OS
: Normal normal
Target Milestone: 1.3.3
Assignee: Bugzilla
URL:
Depends on:
Blocks:
 
Reported: 2014-09-09 15:41 UTC by Jakub Arnold
Modified: 2015-02-05 09:53 UTC (History)
5 users (show)

Tags:
Is this bug a regression?: ---
Last known good build:

Notice (2018-05-24): bugzilla.xamarin.com is now in read-only mode.

Please join us on Visual Studio Developer Community and in the Xamarin and Mono organizations on GitHub to continue tracking issues. Bugzilla will remain available for reference in read-only mode. We will continue to work on open Bugzilla bugs, copy them to the new locations as needed for follow-up, and add the new items under Related Links.

Our sincere thanks to everyone who has contributed on this bug tracker over the years. Thanks also for your understanding as we make these adjustments and improvements for the future.


Please create a new report on Developer Community or GitHub with your current version information, steps to reproduce, and relevant error messages or log files if you are hitting an issue that looks similar to this resolved bug and you do not yet see a matching new report.

Related Links:
Status:
VERIFIED FIXED

Description Jakub Arnold 2014-09-09 15:41:22 UTC
Here's a minimal example

    public class TransparencyPage : ContentPage
    {
        public TransparencyPage()
        {
            var layout = new RelativeLayout();

            var list = new ListView { ItemsSource = new[] { "hello", "xamarin", "forms" } };

            var modal = new BoxView { BackgroundColor = Color.FromRgba(0, 0, 0, 0.7) };

            layout.Children.Add(list, () => Bounds);
            layout.Children.Add(modal, () => Bounds);

            Content = layout;
        }
    }

On iOS the page renders as follows http://i.imgur.com/tBXsBTv.png but on Android the BoxView is invisible, see http://i.imgur.com/uk8E089.png. It doesn't matter what color is set, or if I add Height/WidthRequest, etc.
Comment 1 Rajneesh Kumar 2014-09-10 03:05:11 UTC
I have checked this issue and able to reproduce. To reproduce this issue I have followed the code provided in the bug description.

Stets to reproduce:

1. Create a Xamarin.Forms application in XS
    NewSolution=>C#=>Mobile Apps=>Blank App(Xamarin.Forms.Portable)
2. Add a file to shared project 
    RightClick=>Add=>NewFile=>Forms=>Forms ContentPage Xaml=>give filename and click 'New'
3. Go to Filename.cs page and paste the above code
4. Call the page in App.cs
5. Build the app and run on Simulator and Emulator vice versa
6. Observe the difference in background color



Screencast: http://www.screencast.com/t/4SUzPQVrb0cd

Environment Info:

=== Xamarin Studio ===

Version 5.3 (build 441)
Installation UUID: 011d70a5-dede-428b-ab04-ef451c2e539d
Runtime:
	Mono 3.8.0 ((no/45d0ba1)
	GTK+ 2.24.23 (Raleigh theme)

	Package version: 308000009

=== Apple Developer Tools ===

Xcode 5.1.1 (5085)
Build 5B1008

=== Xamarin.Mac ===

Version: 1.10.0.10 (Enterprise Edition)

=== Xamarin.Android ===

Version: 4.16.0 (Enterprise Edition)
Android SDK: /Users/MM/Desktop/android-sdk-macosx
	Supported Android versions:
		2.1    (API level 7)
		2.2    (API level 8)
		2.3    (API level 10)
		3.1    (API level 12)
		3.2    (API level 13)
		4.0    (API level 14)
		4.0.3  (API level 15)
		4.1    (API level 16)
		4.2    (API level 17)
		4.3    (API level 18)
		4.4    (API level 19)
		4.4.87 (API level 20)
		4.5    (API level 21)
Java SDK: /usr
java version "1.7.0_65"
Java(TM) SE Runtime Environment (build 1.7.0_65-b17)
Java HotSpot(TM) 64-Bit Server VM (build 24.65-b04, mixed mode)

=== Xamarin.iOS ===

Version: 7.4.0.108 (Enterprise Edition)
Hash: 77efa3f
Branch: 
Build date: 2014-08-26 07:59:55-0400

=== Build Information ===

Release ID: 503000441
Git revision: befb6aa1176d37a5f678f4274f340a0159091b7a
Build date: 2014-09-08 17:57:02-04
Xamarin addins: 6dc7c388e31fdfc8014689839d37de0d4622435c

=== Operating System ===

Mac OS X 10.9.4
Darwin MacMini.local 13.3.0 Darwin Kernel Version 13.3.0
    Tue Jun  3 21:27:35 PDT 2014
    root:xnu-2422.110.17~1/RELEASE_X86_64 x86_64
Comment 2 Jakub Arnold 2014-09-11 05:56:24 UTC
Just a bit of additional info. The same behavior also happens when using AbsoluteLayout, not just RelativeLayout.
Comment 3 Jason Smith [MSFT] 2015-02-05 06:23:21 UTC
Fixed
Comment 4 Rajneesh Kumar 2015-02-05 09:53:31 UTC
I have checked this issue with Xamarin.Forms Version: 1.3.3.6321-pre2. I observed that this issue is working fine, now BoxView in RelativeLayout with a background render properly on Android. Here is the screencast for the same: http://www.screencast.com/t/QW1dJaKCwC

This issue has been fixed, hence closing this issue.

Environment Info:

Xamarin.Forms Version: 1.3.3.6321-pre2

=== Xamarin Studio ===

Version 5.7.1 (build 17)
Installation UUID: 011d70a5-dede-428b-ab04-ef451c2e539d
Runtime:
	Mono 3.12.0 ((detached/a813491)
	GTK+ 2.24.23 (Raleigh theme)

	Package version: 312000068

=== Xamarin.Android ===

Version: 4.20.0.28 (Business Edition)
Android SDK: /Users/MM/Desktop/android-sdk-macosx
	Supported Android versions:
		2.1    (API level 7)
		2.2    (API level 8)
		2.3    (API level 10)
		3.1    (API level 12)
		4.0    (API level 14)
		4.0.3  (API level 15)
		4.1    (API level 16)
		4.2    (API level 17)
		4.3    (API level 18)
		4.4    (API level 19)
		4.4.87 (API level 20)
		5.0    (API level 21)
Java SDK: /usr
java version "1.7.0_65"
Java(TM) SE Runtime Environment (build 1.7.0_65-b17)
Java HotSpot(TM) 64-Bit Server VM (build 24.65-b04, mixed mode)

=== Apple Developer Tools ===

Xcode 6.1 (6604)
Build 6A1052d

=== Xamarin.iOS ===

Version: 8.6.1.20 (Business Edition)
Hash: 3b3ef43
Branch: 
Build date: 2015-01-24 09:42:21-0500

=== Xamarin.Mac ===

Version: 1.12.0.4 (Business Edition)

=== Build Information ===

Release ID: 507010017
Git revision: 0bc7d3550b6b088ac25b08dcf7bbe73bcc8658b3
Build date: 2015-02-03 19:43:29-05
Xamarin addins: f7b7d34419c9ec24501bfa7c658e80a6305613e0

=== Operating System ===

Mac OS X 10.9.5
Darwin MacMini.local 13.4.0 Darwin Kernel Version 13.4.0
    Sun Aug 17 19:50:11 PDT 2014
    root:xnu-2422.115.4~1/RELEASE_X86_64 x86_64