How to bind Stacklayout with MVVM

Question

I want to bind my Stacklayout's items using Viewmodel i have already declared all the variables and properties and all within my view model so i am mentioning here my code please tell how i'll do this.

This is my XAML Code:

And this is my OffersListView.xaml code

My ViewModel Code is:

public int BannerId
        {
            get
            {
                return HomeItems.BannerId;
            }
            set
            {
                HomeItems.BannerId = value;
                OnPropertyChanged();
            }
        }

And here i am binding value in my Home.xamal.cs page. Scrollview contains all items which i am trying to bind using MVVM

private void SetItemSource()
        {
            m_homeViewModel = new ObservableCollection();
            scrollview.BindingContext = m_homeViewModel;
        }

Now when i am BImage="{Binding BannerUri}" going to bind BannerUri using Viewmodel then it is throwing an exception the exception is:

No property, bindable property, or event found for 'BImage', or mismatching type between value and property.

This is my Offerlistview xaml code:

================================================================================

===============================================================================

This is my Offerlistview.xaml.cs

================================================================================

 public ImageSource ImageGIF
        {
            get { return imageFront.Source; }
            set { imageFront.Source = value; }
        }

        public ImageSource BImage
        {
            get { return imageBehind.Source; }
            set { imageBehind.Source = value; }
        }

===============================================================================

I think no one has it's answer

Roubachof · Accepted Answer

You need to create bindable properties in your custom control code-behind and bind them to your inner views.

OffersListview code behind:

public partial class OffersListview
{
    public static readonly BindableProperty ImageGifSourceProperty = BindableProperty.Create(
        nameof(ImageGifSource),
        typeof(string),
        typeof(OffersListview));

    public static readonly BindableProperty BannerSourceProperty = BindableProperty.Create(
        nameof(BannerSource),
        typeof(string),
        typeof(OffersListview));

    public string ImageGifSource
    {
        get => (string)GetValue(ImageGifSourceProperty);
        set => SetValue(ImageGifSourceProperty, value);
    }

    public string BannerSource
    {
        get => (string)GetValue(BannerSourceProperty);
        set => SetValue(BannerSourceProperty, value);
    }
}

OffersListView xaml:



    ...

    

    
    ...

How to bind Stacklayout with MVVM

Answers (1)

Related Questions