xamarin-forms-scheduler-examples/CS/CustomAppearance/Scheduler_CustomAppearance/MainPage.xaml at 22.1.3+ · DevExpress-Examples/xamarin-forms-scheduler-examples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:dxsch="http://schemas.devexpress.com/xamarin/2014/forms/scheduler"
             x:Class="Scheduler_CustomAppearance.MainPage"
             xmlns:local="clr-namespace:Scheduler_CustomAppearance">
    <ContentPage.BindingContext>
        <local:ReceptionDeskViewModel/>
    </ContentPage.BindingContext>

    <ContentPage.Resources>
        <ResourceDictionary>
            <dxsch:TextStyle x:Key="redText" Color="red"/>
        </ResourceDictionary>
    </ContentPage.Resources>

    <dxsch:WorkWeekView>
        <dxsch:WorkWeekView.DataStorage>
            <dxsch:SchedulerDataStorage>
                <dxsch:SchedulerDataStorage.DataSource>
                    <dxsch:DataSource AppointmentsSource="{Binding MedicalAppointments}">
                        <dxsch:DataSource.AppointmentMappings>
                            <dxsch:AppointmentMappings
                                    Id="Id"
                                    Start="StartTime"
                                    End="EndTime"
                                    Subject="Subject"
                                    LabelId="LabelId"
                                    Location="Location"/>
                        </dxsch:DataSource.AppointmentMappings>
                    </dxsch:DataSource>
                </dxsch:SchedulerDataStorage.DataSource>
            </dxsch:SchedulerDataStorage>
        </dxsch:WorkWeekView.DataStorage>
        <!--Customize the date header appearance.-->
        <dxsch:WorkWeekView.HeaderItemStyle>
            <dxsch:DayViewHeaderItemStyle BackgroundColor="#dce0ec"
                                          TodayDayNumberBackgroundColor="#fff7c2"
                                          TodayDayNumberTextStyle="{StaticResource redText}"
                                          TodayWeekDayTextStyle="{StaticResource redText}"/>
        </dxsch:WorkWeekView.HeaderItemStyle>

        <!--Customize the time ruler appearance.-->
        <dxsch:WorkWeekView.TimeRulerCellStyle>
            <dxsch:TimeRulerCellStyle BackgroundColor="#dce0ec"
                                      IntervalTickColor="#8e9bbc" IntervalTickLength="15"
                                      SlotTickColor="#8e9bbc" SlotTickLength="7"/>
        </dxsch:WorkWeekView.TimeRulerCellStyle>
        <dxsch:WorkWeekView.TimeRulerHeaderStyle>
            <dxsch:TimeRulerHeaderStyle BackgroundColor="#dce0ec"/>
        </dxsch:WorkWeekView.TimeRulerHeaderStyle>

        <!--Customize the all-day area appearance.-->
        <dxsch:WorkWeekView.AllDayCellStyle>
            <dxsch:AllDayAreaCellStyle BackgroundColor="#f1f1f1"
                                       TodayBackgroundColor="#fff7c2"/>
        </dxsch:WorkWeekView.AllDayCellStyle>

        <!--Customize the cell appearance.-->
        <dxsch:WorkWeekView.CellStyle>
            <dxsch:DayViewCellStyle WorkTimeBackgroundColor="White"
                                    BackgroundColor="#f1f1f1"
                                    TodayBackgroundColor="#fff7c2"
                                    BorderColor="#bdbdbd"
                                    SlotBorderColor="#e1e1e1">
                <dxsch:DayViewCellStyle.Customizer>
                    <local:WorkWeekViewCellCustomizer/>
                </dxsch:DayViewCellStyle.Customizer>
            </dxsch:DayViewCellStyle>
        </dxsch:WorkWeekView.CellStyle>
    </dxsch:WorkWeekView>

</ContentPage>