TimeRulerCellStyle Class

The storage for Day-based View’s time ruler cell appearance settings.

Namespace: DevExpress.XamarinForms.Scheduler

Assembly: DevExpress.XamarinForms.Scheduler.dll

Declaration

public class TimeRulerCellStyle :
    ItemStyle

Related API Members

The following members return TimeRulerCellStyle objects:

• DayViewBase.TimeRulerCellStyle

Remarks

The DayView, WorkWeekView and WeekView use this class to store time ruler cells’ settings. The style configures the following cell types:

1. TimeScaleInterval defines scale intervals into which the time ruler splits its time interval (the whole day or WorkTime only). Slots divide intervals into cells (2, 3). The TimeScaleSlotCount property specifies the number of slots within a scale interval.
2. Interval Time Ruler Cell - a cell that corresponds to the first slot in a scale interval.
3. Slot Time Ruler Cell - all other cells.

The View provides the following options that configure the cell’s appearance:

Example

This example demonstrates how to use the time ruler cell style and its customizer to modify the cell’s appearance.

XAML

<dxs:WorkWeekView.TimeRulerCellStyle>
    <dxs:TimeRulerCellStyle 
        TickThickness="2"
        IntervalTickLength="10"
        SlotTickLength="5"
        IntervalTickColor="#a0a0a0"
        SlotTickColor="#d0d0d0"
        BackgroundColor="#f0f0f0"
        ContentPadding="8"
        SlotLabelFormat="{}{0:hh:mm}"
        IntervalLabelFormat="{}{0:hh:mm}">
        <dxs:TimeRulerCellStyle.IntervalLabelTextStyle>
            <dxs:TextStyle Color="Black"/>
        </dxs:TimeRulerCellStyle.IntervalLabelTextStyle>
        <dxs:TimeRulerCellStyle.SlotLabelTextStyle>
            <dxs:TextStyle Color="Gray"/>
        </dxs:TimeRulerCellStyle.SlotLabelTextStyle>
        <dxs:TimeRulerCellStyle.Customizer>
            <views:TimeRulerCellCustomizer/>
        </dxs:TimeRulerCellStyle.Customizer>
    </dxs:TimeRulerCellStyle>
</dxs:WorkWeekView.TimeRulerCellStyle>

C#

class TimeRulerCellCustomizer : ITimeRulerCellCustomizer {
    public void Customize(TimeRulerCellViewModel timeRulerCell) {
        if (timeRulerCell.IsTimeDesignatorBoundary) {
            timeRulerCell.TextFormat = "{0:hh:mm tt}";
            timeRulerCell.BackgroundColor = Color.Orange;
        } 
    }
}

Symbol	Description
DayViewBase.TimeRulerCellStyle	Gets or sets appearance settings of time ruler cells.
TimeRulerCellStyle	The storage for Day-based View’s time ruler cell appearance settings.
TimeRulerCellStyle.Customizer	Gets or sets an object that manages an individual cell’s appearance settings.
ITimeRulerCellCustomizer	The interface that should implement a class that modifies appearance settings of individual time ruler cell.
ITimeRulerCellCustomizer.Customize(TimeRulerCellViewModel)	Modifies appearance settings of an individual time ruler cell.
TimeRulerCellViewModel	The storage for appearance settings values of an individual time ruler cell‘s representation.

Implements

INotifyPropertyChanged

Xamarin.Forms.IElementController

Inheritance

Object

Xamarin.Forms.BindableObject

Xamarin.Forms.Element

DevExpress.XamarinForms.Scheduler.Internal.SchedulerElement

ItemStyle

TimeRulerCellStyle