外観のカスタマイズ

Xuni Calendar は、カレンダーの外観をカスタマイズするためのさまざまな組み込みプロパティを備えています。これらのプロパティを使用して、カレンダーの背景色、テキスト色、ヘッダー色、フォントサイズ、ヘッダーのフォントサイズ、選択範囲の背景色などを設定できます。

次の図は、これらのプロパティを設定してカスタマイズされた Xuni Calendar です。

次のコード例は、Java および C# でこれらのプロパティを設定する方法を示します。この例では、「クイックスタート」で作成したサンプルを使用します。

Java
C#

Java	コードのコピー
calendar.setBackgroundColor(Color.WHITE); calendar.setTextColor(Color.BLACK); calendar.setDayBorderColor(Color.parseColor("#ABD0ED")); calendar.setDayBorderWidth(1); calendar.setFontSize(16f); calendar.setBorderColor(Color.BLACK); calendar.setBorderWidth(4); calendar.setDayOfWeekBackgroundColor(Color.parseColor("#FCC989")); calendar.setDayOfWeekTextColor(Color.BLACK); calendar.setDayOfWeekFormat("d"); calendar.setDayOfWeekFontSize(21); calendar.setHeaderBackgroundColor(Color.parseColor("#B1DCB6")); calendar.setHeaderTextColor(Color.BLACK); calendar.setHeaderFontSize(21f); calendar.setSelectionBackgroundColor(Color.RED);

Java

コードのコピー

calendar.setBackgroundColor(Color.WHITE);
calendar.setTextColor(Color.BLACK);
calendar.setDayBorderColor(Color.parseColor("#ABD0ED"));
calendar.setDayBorderWidth(1);
calendar.setFontSize(16f);
calendar.setBorderColor(Color.BLACK);
calendar.setBorderWidth(4);
        
calendar.setDayOfWeekBackgroundColor(Color.parseColor("#FCC989"));
calendar.setDayOfWeekTextColor(Color.BLACK);
calendar.setDayOfWeekFormat("d");
calendar.setDayOfWeekFontSize(21);
        
calendar.setHeaderBackgroundColor(Color.parseColor("#B1DCB6"));
calendar.setHeaderTextColor(Color.BLACK);
calendar.setHeaderFontSize(21f);
calendar.setSelectionBackgroundColor(Color.RED);

C#	コードのコピー
calendar.SetBackgroundColor(Color.White); calendar.TextColor = Color.Black; calendar.DayBorderColor = Color.ParseColor("#ABD0ED"); calendar.DayBorderWidth = 1; calendar.FontSize = 16; calendar.BorderColor = Color.Black; calendar.BorderWidth = 4; calendar.DayOfWeekBackgroundColor = Color.ParseColor("#FCC989"); calendar.DayOfWeekTextColor = Color.Gray; calendar.DayOfWeekFormat = "d"; calendar.DayOfWeekFontSize = 21; calendar.HeaderBackgroundColor = Color.ParseColor("#B1DCB6"); calendar.HeaderTextColor = Color.White; calendar.HeaderFontSize = 21f; calendar.SelectionBackgroundColor = Color.Red;

コードのコピー

calendar.SetBackgroundColor(Color.White);
calendar.TextColor = Color.Black;
calendar.DayBorderColor = Color.ParseColor("#ABD0ED");
calendar.DayBorderWidth = 1;
calendar.FontSize = 16;
calendar.BorderColor = Color.Black;
calendar.BorderWidth = 4;

calendar.DayOfWeekBackgroundColor = Color.ParseColor("#FCC989");
calendar.DayOfWeekTextColor = Color.Gray;
calendar.DayOfWeekFormat = "d";
calendar.DayOfWeekFontSize = 21;

calendar.HeaderBackgroundColor = Color.ParseColor("#B1DCB6");
calendar.HeaderTextColor = Color.White;
calendar.HeaderFontSize = 21f;
calendar.SelectionBackgroundColor = Color.Red;