基于账单类型的项目集合视图背景颜色的风格化 转换器XML

您可以使用 Converter 将类型转换为颜色。

转换器

 public class TypeToColorConverter : IValueConverter
    {
        public object Convert(object value,Type targetType,object parameter,CultureInfo culturE)
        {
            var type = value as String;
            if (type == "xxx")
            {
                return Color.Green;
            }                
            else if(type == "aaa")
            {
                return Color.Purple;
            }

            return Color.White;
        }


        public object ConvertBACk(object value,CultureInfo culturE)
        {
            return "";
        }

    }

XML

  <ContentPage.resources>
        <resourceDictionary>
            <local:TypeToColorConverter  x:Key="c" />
        </resourceDictionary>
    </ContentPage.resources>


 
 <DataTemplate>
       <StackLayout Padding="10" BACkgroundColor="{Binding type,Converter={Staticresource c}}">

#Regarding Syling of the collection view BACkground colour of items based on Bill type
We have checked the reported query from our end. we would like to inform you that you can achieve your requirements of custom agenda view with collectionview. Please refer to the following code snippet for your reference.

Code snippet
<ContentPage.resources>
        <resourceDictionary>
            <local:datetiR_32_11845@eToStringConverter x:Key="StringConverter"/>
        </resourceDictionary>
    </ContentPage.resources>
    <ContentPage.behaviors>
        <local:CalendarBehavior/>
    </ContentPage.behaviors>
  <StackLayout Padding="0,30,0">
   <syncfusion:SfCalendar x:Name="Calendar" ShowInlineEvents="false" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/>
        <CollectionView x:Name="ListView">
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <Grid BACkgroundColor="{Binding Color}">
                            <Grid.columnDefinitions>
                                <columnDefinition Width="Auto"/>
                                <columnDefinition Width="*"/>
                            </Grid.columnDefinitions>
                            <StackLayout Orientation="Vertical" Grid.column="0">
                                <Label Text = "{Binding StartTime,Converter={Staticresource StringConverter}}" FontSize="14" />
                                <Label Text="{Binding EndTime,Converter={Staticresource StringConverter}}" FontSize="14"/>
                            </StackLayout>
                            <StackLayout Orientation="Vertical" Padding="40,0" Grid.column="1">
                                <Label Text = "{Binding Subject}" FontSize="20" FontAttributes="Bold" />
                            </StackLayout>
                        </Grid>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
    </StackLayout>
</ContentPage>

Behavior Class
public class CalendarBehavior : Behavior<ContentPage>
    {
        private SfCalendar calendar;
        CollectionView listView;
        private CalendarEventCollection calendarInlineEvents;
        private ObservableCollection<String> meeTingSubjectCollection;
        private ObservableCollection<Color> colorCollection;
        public CalendarBehavior()
        {
            calendarInlineEvents = new CalendarEventCollection();
            this.AddAppointmentDetails();
            this.AddAppointments();
        }

        protected override void OnAttachedTo(ContentPage bindablE)
        {
            var page = bindable as Page;
            calendar = page.FindByName<SfCalendar>("Calendar");
            listView = page.FindByName<CollectionView>("ListView");
            calendar.SELEctionChanged += Calendar_SELEctionChanged;
            listView.Itemssource = GetSELEctedDateAppointments(datetiR_32_11845@e.Now.DatE);
            // SetTing Datasource for 3 Months.
            calendar.Datasource = calendarInlineEvents;
            base.onAttachedTo(bindablE);
        }

        protected override void OnDetachingFrom(ContentPage bindablE)
        {
            calendar.SELEctionChanged -= Calendar_SELEctionChanged;
            base.onDetachingFrom(bindablE);
        }

        /// <sumMary>
        /// Calendars the SELEction changed.
        /// </sumMary>
        /// <param name="sender">Sender.</param>
        /// <param name="e">E.</param>
        void Calendar_SELEctionChanged(object sender,Syncfusion.SfCalendar.XForms.SELEctionChangedEventArgs E)
        {
            // SetTing Itemsource for ListView based on appointment SELEction
            listView.Itemssource = GetSELEctedDateAppointments(calendar.SELEctedDatE);
        }

        /// <sumMary>
        /// Gets the SELEcted date appointments.
        /// </sumMary>
        /// <returns>The SELEcted date appointments.</returns>
        /// <param name="date">Date.</param>
        public CalendarEventCollection GetSELEctedDateAppointments(datetiR_32_11845@e? datE)
        {
            CalendarEventCollection SELEctedDateAppointments = new CalendarEventCollection();
            for (int i = 0; i < calendarInlineEvents.Count; i++)
            {
                datetiR_32_11845@e startDate = calendarInlineEvents[i].StartTime;

                if (date.Value.Day == startDate.Day && date.Value.Month == startDate.Month && date.Value.Year == startDate.Year)
                {
                    SELEctedDateAppointments.Add(calendarInlineEvents[i]);
                }
            }
            return SELEctedDateAppointments;
        }

        /// <sumMary>
        /// Adds the appointment details.
        /// </sumMary>
        private void AddAppointmentDetails()
        {
            meeTingSubjectCollection = new ObservableCollection<String>();
            meeTingSubjectCollection.Add("General MeeTing");
            meeTingSubjectCollection.Add("Plan Execution");
            meeTingSubjectCollection.Add("Project Plan");
            meeTingSubjectCollection.Add("ConsulTing");
            meeTingSubjectCollection.Add("Support");
            meeTingSubjectCollection.Add("Development MeeTing");
            meeTingSubjectCollection.Add("Scrum");
            meeTingSubjectCollection.Add("Project Completion");
            meeTingSubjectCollection.Add("Release updates");
            meeTingSubjectCollection.Add("PerfoRMANce check");

            colorCollection = new ObservableCollection<Color>();
            colorCollection.Add(Color.FromHex("#FFA2C139"));
            colorCollection.Add(Color.FromHex("#FFD80073"));
            colorCollection.Add(Color.FromHex("#FF1BA1E2"));
            colorCollection.Add(Color.FromHex("#FFE671B8"));
            colorCollection.Add(Color.FromHex("#FFF09609"));
            colorCollection.Add(Color.FromHex("#FF339933"));
            colorCollection.Add(Color.FromHex("#FF00ABA9"));
            colorCollection.Add(Color.FromHex("#FFE671B8"));
            colorCollection.Add(Color.FromHex("#FF1BA1E2"));
            colorCollection.Add(Color.FromHex("#FFD80073"));
            colorCollection.Add(Color.FromHex("#FFA2C139"));
            colorCollection.Add(Color.FromHex("#FFA2C139"));
            colorCollection.Add(Color.FromHex("#FFD80073"));
            colorCollection.Add(Color.FromHex("#FF339933"));
            colorCollection.Add(Color.FromHex("#FFE671B8"));
            colorCollection.Add(Color.FromHex("#FF00ABA9"));
        }

        /// <sumMary>
        /// Adds the appointments.
        /// </sumMary>
        private void AddAppointments()
        {
            var today = datetiR_32_11845@e.Now.Date;
            var random = new Random();
            for (int month = -1; month < 2; month++)
            {
                for (int day = -5; day < 5; day++)
                {
                    for (int count = 0; count < 2; count++)
                    {
                        var appointment = new CalendarInlineEvent();
                        appointment.Subject = meeTingSubjectCollection[random.Next(7)];
                        appointment.Color = colorCollection[random.Next(10)];
                        appointment.StartTime = today.AddMonths(month).AddDays(random.Next(1,28)).AddHours(random.Next(9,18));
                        appointment.EndTime = appointment.StartTime.AddHours(2);
                        this.calendarInlineEvents.Add(appointment);
                    }
                }
            }
        }
    }

    /// <sumMary>
    /// Date time to String converter.
    /// </sumMary>
    public class datetiR_32_11845@eToStringConverter : IValueConverter
    {
        object IValueConverter.Convert(object value,CultureInfo culturE)
        {
            datetiR_32_11845@e datetiR_32_11845@e = Convert.TodatetiR_32_11845@e(value);
            return datetiR_32_11845@e.ToString("hh:mm tt");
        }

        object IValueConverter.ConvertBACk(object value,CultureInfo culturE)
        {
            throw new NotImplementedException();
        }
    }

We hope this Helps. Please let us know if you have any concern.

Regards,SaiGanesh Sakthivel