DayViewHeaderItemStyle.TextSpacing Property

Gets or sets the distance between week day text and day number text of headers.

Namespace: DevExpress.XamarinForms.Scheduler

Assembly: DevExpress.XamarinForms.Scheduler.dll

NuGet Package: DevExpress.XamarinForms.Scheduler

Declaration

public double TextSpacing { get; set; }

Property Value

Type	Description
Double	The distance between week day text and day number text, in density independent pixels.

Example

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

XAML

<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>

C#

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.
IDayViewHeaderItemCustomizer	The interface that should implement a class that modifies appearance settings of individual Day View header items.
IDayViewHeaderItemCustomizer.Customize(DayViewHeaderItemViewModel)	Modifies appearance settings of an individual Day View header item.
DayViewHeaderItemViewModel	The storage for appearance settings values of an individual Day View header item‘s representation.