how to display different content for each view in carouselview xamarin.forms

Question

here is my initial code

this looks like every page would have the same content but I need to add a button in only the last and control its behaviors Microsoft has just added a carouselview as a feature and I am new to this anyone can help me

Leon Lu · Accepted Answer

Solution 1:If you want to use other different layouts for each view in carouselview xamarin.forms, I advice you to use DataTemplateSelector to achieve it.

First of all, you can create two DataTemplate for your CarouselView(You can create lots of DataTemplates, If you want to do).

then create an DataTemplateSelector, you can depend an property to show which DataTemple layout. For example, If Location is Eurp, I set it to OtherMonkey DataTemple, others set America DataTemple.

public class MonkeyDataTemplateSelector : DataTemplateSelector
    {
        public DataTemplate AmericanMonkey { get; set; }
        public DataTemplate OtherMonkey { get; set; }

        protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
        {
            return ((Monkey)item).Location.Contains("Eurp") ? OtherMonkey  : AmericanMonkey;
        }
    }

Solution 2 Agree with Jason, you can use IsVisible for button, binding an property with ButtonIsVisable like following code.

Then add ButtonIsVisable Property in your Model.

   public class Monkey
    {
        public string Name { get; set; }
        public string Location { get; set; }
        public string Details { get; set; }
        public bool ButtonIsVisable { get; set; }
    }

In the ViewModel, you can control the Button if is visable or not.

   public class MyViewModel
    {
        public ObservableCollection Monkeys { get; set; }
        public MyViewModel()
        {
            Monkeys =new ObservableCollection();
            Monkeys.Add(new Monkey() { ButtonIsVisable=false, Details="Details1", Location="Usa", Name="Test1" });
            Monkeys.Add(new Monkey() { ButtonIsVisable = false, Details = "Details2", Location = "Asia", Name = "Test2" });
            Monkeys.Add(new Monkey() { ButtonIsVisable = true, Details = "Details3", Location = "Eurp", Name = "Test3" });
        }

    }

In the layout add the button.

Here is layout background code.

   public MainPage()
        {
            InitializeComponent();
            this.BindingContext = new MyViewModel();
        }

Here is running GIF.

how to display different content for each view in carouselview xamarin.forms

Answers (1)

Related Questions