如何将ObservableCollection正确绑定到Custom Control属性？

Question

I have created a Custom Control with some properties to bind, in my case just to make visible or not the control itself and the other one to pass a previous populated ObservableCollection to create the control content.

First one works perfectly but the ObservableCollection is not being correctly bound even if I added it in the XAML.

This is what I got when I try to iterate it inside queue control after making it visible:

https://i.imgur.com/dddFoWu.png

What I'm doing wrong?

Thanks in advance.

This is my property:

public static readonly BindableProperty ContractsListProperty = BindableProperty.Create(nameof(ContractList), typeof(ObservableCollection<object>), typeof(PrivacyControl), new ObservableCollection<object>(), BindingMode.TwoWay, propertyChanged: ContractListPropertyChangedDelegate);

public ObservableCollection<object> ContractList 
{
            get => 
(ObservableCollection<object>)GetValue(ContractsListProperty);
            set => SetValue(ContractsListProperty, value);
}

This is my control in XAML:

<controls:PrivacyControl IsPrivacyVisible="{Binding IsPrivacyStackVisible}" ContractList="{Binding CardsAndLoansList}" />

EDITED:

This is my VM where I check and add Cards/Loans to the ObservableCollection<object> , "CardsAndLoans" is also initialized in the ctor.

private ObservableCollection<object> cardsAndLoansList;
public ObservableCollection<object> CardsAndLoansList
{
get => cardsAndLoansList;
set { cardsAndLoansList = value; RaisePropertyChanged(); }
}

private async Task InitUserInfoAndPrivacy()
{
            CardsAndLoansList.Clear();

            await InitUserInformation();

            var hasLoans = GlobalSettings.Loans.NotNullOrEmpty();
            if (hasLoans)
            {
                foreach (var loan in GlobalSettings.Loans)
                    CardsAndLoansList.Add(loan);
            }

            ExampleList = CardsAndLoansList.ToList(); //<=== This is from an another try with List<obj>. 

            IsPrivacyStackVisible = UserData.ContractList.NotNullOrEmpty() || hasLoans;
}

Answer 1

There seems to be a typo. The BindableProperty is called ContractsListProperty and the property itself is called ContractList (missing an s). Change this to ContractsList and it should work (the BindableProperty name has to be the name of the property + "Property")

Hope this helps

Answer 2

You need to give a name to your custom control and then add the source reference to the binding properties in the Xaml. For example,

top xaml tag should have name,

<ContentView
xmlns:forms="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.Core" xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="Sample.Controls.List"
         x:Name="listControl">

and then when binding the property, add the source reference like below,

<ListView  IsVisible="{Binding IsPrivacyVisible, Source={x:Reference listControl}}" ItemSource="{Binding ContractList, Source={x:Reference listControl}}" >