DayViewHeaderItemViewModel Class

The storage for appearance settings values of an individual Day View header item‘s representation.

Namespace : DevExpress.XamarinForms.Scheduler

Assembly : DevExpress.XamarinForms.Scheduler.dll

NuGet Package : DevExpress.XamarinForms.Scheduler

Declaration

csharp

public class DayViewHeaderItemViewModel :
    HeaderItemViewModel

Remarks

The Scheduler View uses this class in the following occurrences:

BindingContext of a data template assigned to the DayViewBase.HeaderItemTemplate property stores this class’s instance.
The DayViewHeaderItemStyle.Customizer‘s Customize(DayViewHeaderItemViewModel) accepts this class’s instance as an argument.

This view model provides the following settings that you can customize:

Example

This example demonstrates how to use the day view header item style and its customizer to modify the header’s appearance.

XAML
C#

xml

<dxs:WorkWeekView.HeaderItemStyle>
    <dxs:DayViewHeaderItemStyle 
        BackgroundColor="Gray" 
        TodayDayNumberBackgroundColor="#FF8000" 
        TextSpacing="16"
        BorderThickness="2"
        BorderColor="#f0f0f0">
        <dxs:DayViewHeaderItemStyle.DayNumberTextStyle>
            <dxs:TextStyle Color="Black"/>
        </dxs:DayViewHeaderItemStyle.DayNumberTextStyle>
        <dxs:DayViewHeaderItemStyle.TodayDayNumberTextStyle>
            <dxs:TextStyle Color="White"/>
        </dxs:DayViewHeaderItemStyle.TodayDayNumberTextStyle>
        <dxs:DayViewHeaderItemStyle.WeekDayTextStyle>
            <dxs:TextStyle Color="Black"/>
        </dxs:DayViewHeaderItemStyle.WeekDayTextStyle>
        <dxs:DayViewHeaderItemStyle.TodayWeekDayTextStyle>
            <dxs:TextStyle Color="#FF8000"/>
        </dxs:DayViewHeaderItemStyle.TodayWeekDayTextStyle>
        <dxs:DayViewHeaderItemStyle.Customizer>
            <views:HeaderItemCustomizer/>
        </dxs:DayViewHeaderItemStyle.Customizer>
    </dxs:DayViewHeaderItemStyle>
</dxs:WorkWeekView.HeaderItemStyle>

csharp

class HeaderItemCustomizer : IDayViewHeaderItemCustomizer {
    public void Customize(DayViewHeaderItemViewModel header) {
        if (header.IsToday) {
            header.BackgroundColor = header.AlternateBackgroundColor;
            header.AlternateBackgroundColor = Color.White;
            Color tmp = header.DayNumberTextColor;
            header.DayNumberTextColor = header.WeekDayTextColor;
            header.WeekDayTextColor = tmp;
        }
    }
}

Symbol

Description

| | --- | --- | |

DayViewBase.HeaderItemStyle

Gets or sets appearance settings of header items.

| |

DayViewHeaderItemStyle

The storage for the Day-based View’s date header appearance settings.

| |

DayViewHeaderItemStyle.Customizer

Gets or sets an object that customizes the view models that provide data for headers.

| |