Skip to main content
2 de 2
mayor explicación
Nicolas Oñate
  • 3.3k
  • 2
  • 24
  • 43

Content View me retorna un elemento en negro

Estoy tratando de crear una plantilla para usar múltiples veces en una vista, esta plantilla es:

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MYPROJECT.Resources.ViewElements.UserCard"
             x:Name="this">
    <Frame 
        BindingContext="{Binding Source={RelativeSource TemplatedParent}}"
        BackgroundColor="{Binding CardColor, FallbackValue='White'}"
        BorderColor="{Binding BorderColor, FallbackValue='White'}" >
        <Grid>
            <Frame BorderColor="{Binding BorderColorFrame, FallbackValue='White'}"
                   BackgroundColor="{Binding IconBackgroundColor , FallbackValue='White'}">
                <Image>
                    <Image.Source>
                        <FontImageSource FontFamily="FontSolid" Glyph="{Binding IconImageSource}" />
                    </Image.Source>
                </Image>
            </Frame>
            <Label Text="{Binding CardTitle, FallbackValue='Card Title'}"/>
            <BoxView BackgroundColor="{Binding BorderColorBox, FallbackValue='White'}"/>
            <Label Text="{Binding CardDescription, FallbackValue='Card description text.'}"/>
        </Grid>
    </Frame>
</ContentView>

Realizo un binding de la siguiente manera:

public partial class UserCard : ContentView
{
    public static readonly BindableProperty CardTitleProperty = BindableProperty.Create(nameof(CardTitle), typeof(string), typeof(UserCard), string.Empty);
    public static readonly BindableProperty CardColorProperty = BindableProperty.Create(nameof(CardColor), typeof(Brush), typeof(UserCard), Brush.Green);
    public static readonly BindableProperty BorderColorProperty = BindableProperty.Create(nameof(BorderColor), typeof(Brush), typeof(UserCard), Brush.Green);
    public static readonly BindableProperty IconBackgroundColorProperty = BindableProperty.Create(nameof(IconBackgroundColor), typeof(Brush), typeof(UserCard), Brush.Green);
    public static readonly BindableProperty BorderColorFrameProperty = BindableProperty.Create(nameof(BorderColorFrame), typeof(Brush), typeof(UserCard), Brush.Green);
    public static readonly BindableProperty BorderColorBoxProperty = BindableProperty.Create(nameof(BorderColorBox), typeof(Brush), typeof(UserCard), Brush.Green);
    public static readonly BindableProperty IconImageSourceProperty = BindableProperty.Create(nameof(IconImageSource), typeof(string), typeof(UserCard), string.Empty);
    public static readonly BindableProperty CardDescriptionProperty = BindableProperty.Create(nameof(CardDescription), typeof(string), typeof(UserCard), string.Empty);
    
    public string CardTitle {
        get => (string)GetValue(UserCard.CardTitleProperty);
        set => SetValue(UserCard.CardTitleProperty, value);
    }
    public Brush CardColor {
        get => (Brush)GetValue(UserCard.CardColorProperty);
        set => SetValue(UserCard.CardColorProperty, value);
    }
    public Brush BorderColor {
        get => (Brush)GetValue(UserCard.BorderColorProperty);
        set => SetValue(UserCard.BorderColorProperty, value);
    }
    public Brush BorderColorFrame
    {
        get => (Brush)GetValue(UserCard.BorderColorFrameProperty);
        set => SetValue(UserCard.BorderColorFrameProperty, value);
    }

    public Brush BorderColorBox
    {
        get => (Brush)GetValue(UserCard.BorderColorBoxProperty);
        set => SetValue(UserCard.BorderColorBoxProperty, value);
    }

    public Brush IconBackgroundColor {
        get => (Brush)GetValue(UserCard.IconBackgroundColorProperty);
        set => SetValue(UserCard.IconBackgroundColorProperty, value);
    }
    public string IconImageSource {
        get => (string)GetValue(UserCard.IconImageSourceProperty);
        set => SetValue(UserCard.IconImageSourceProperty, value);
    }
    public string CardDescription {
        get => (string)GetValue(UserCard.IconImageSourceProperty);
        set => SetValue(UserCard.IconImageSourceProperty, value);
    }
    public UserCard()
    {
        InitializeComponent();
    }
}

Y lo invoco en la vista principal a modo de prueba así:

UserCard userCard = new UserCard() {
            CardColor = Brush.Red,
            BorderColor = Brush.Yellow,
            IconBackgroundColor = Brush.Green,
            BorderColorFrame = Brush.Green,
            BorderColorBox = Brush.Green,
            IconImageSource = "&#xf533"
        };

container.Add(userCard);

El resultado que obtengo es un elemento de fondo negro, pero como se observa en el código yo jamás le pongo nada en negro, en la depuración accede a los setter con los valores que establezco en la vista principal, ¿Qué es lo que me sucede?

introducir la descripción de la imagen aquí


Edición: He descubierto que si quitamos el BoxView el negro desaparece y muestra todos los demás elementos, pero con los valores por defecto, es decir, no me recoge en mi declaración ninguna propiedad.

Nicolas Oñate
  • 3.3k
  • 2
  • 24
  • 43