[Bug] [UWP, iOS] Can't set transparent color on selected template item in CollectionView

[themronion]

Description

Can't set transparent color on selected template item in CollectionView on iOS. Other colors work. As i found the issue with "selected" state in UWP is being resolved so maybe this is only an iOS issue

Steps to Reproduce

1. Try the code from official sample docs: click
2. Set background color to Transparent
3. See that the color is not being changed to transparent on iOS (uwp).

Expected Behavior

Color is being set to Transparent on all platforms

Actual Behavior

Color is not being set to Transparent on iOs (uwp)

Workaround

Set background color as property of binded observablecollection item

[jsuarezruiz]

@themronion Do you mean modify the background color using the Selected VisualState?

[themronion]

@jsuarezruiz yeap

[themronion]

Any progress here?

[jsuarezruiz]

I have done some tests on Android, iOS and UWP. The behavior seems the same on all platforms:

• If a background color is set using the Selected state, the selection color is modified.
• If the Selected state is not used, by default, a selection color is applied.
• If a transparent color is applied in the Selected state, the behavior is the same as in the previous point.

Android

Using:

<VisualState x:Name="Selected">
     <VisualState.Setters>
          <Setter Property="BackgroundColor" 
               Value="Transparent" />
     </VisualState.Setters>
</VisualState>

Using transparent:

UWP

The expected behavior would be not to apply any selected color (avoid the native selection color)?

[themronion]

Yes, on android i managed somehow to avoid the selection color in a selected collection view item. As i now realized this wasn't because i was setting a transparent color in the vsm. But how then to acheive not a gray background (on ios) on a selected collection view item, but a transparent one? Using custom renderers i did the trick with a listview, but how to write a renderer to remove the selection color in a collection view in ios a have no idea. I thought i would acheive that with VSM, but no... maybe you can give me a tip?

[jthun]

Hi,

This still seems to be an issue in XF 5.0.0.2083.

This code makes the selected frame transparent on Android, but an ugly gray on iOS. Are there other ways to achieve a transparent background on the selected item in a CollectionView for iOS?

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup Name="CommonStates">
        <VisualState Name="Normal">
            <VisualState.Setters>
                <Setter Property="BackgroundColor" Value="Transparent" />
            </VisualState.Setters>
        </VisualState>
        <VisualState Name="Selected">
            <VisualState.Setters>
                <Setter Property="BackgroundColor" Value="Transparent" />
            </VisualState.Setters>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>`

[jthun]

@samhouts, @hartez, can you please provide on update? Is this being worked on?