Изменить стиль CalendarView - PullRequest
Новая
       21

Изменить стиль CalendarView

11 голосов
/ 23 февраля 2012

Я пытаюсь добавить CalendarView в свое приложение, которое использует тему Theme.Light. Проблема в том, что номера дней в этом календаре отображаются белым, поэтому при использовании светлой темы их не видно.

Прямо сейчас у меня есть следующий код в моем файле макета XML: 

<CalendarView
    android:id="@+id/calendar1"
    android:layout_width="500dp"
    android:layout_height="300dp"/>

Я пытался использовать тему календаря следующим образом: 

<CalendarView
    android:id="@+id/calendar1"
    android:layout_width="500dp"
    android:layout_height="300dp"
    android:theme="@android:style/Theme.Light" />

Но это ничего не меняет. Я думаю, что я должен сделать что-то со свойством android: dateTextAppearance, поэтому я попробовал это: 

<CalendarView
    android:id="@+id/calendar1"
    android:layout_width="500dp"
    android:layout_height="300dp"
    android:dateTextAppearance="@android:style/TextAppearance.Large.Inverse" />

но он тоже ничего не делает.

Есть идеи?

Спасибо!

Ответы [ 2 ]

35 голосов
/ 26 марта 2012

В моем проекте я определил атрибут "android: calendarViewStyle" в моей теме. 

<style name="Theme.Custom" parent="@android:Theme">
  <item name="android:calendarViewStyle">@style/Widget.CalendarView.Custom</item>
</style>

<style name="Widget.CalendarView.Custom" parent="android:Widget.CalendarView">
    <item name="android:focusedMonthDateColor">@color/cs_textcolor</item>
    <item name="android:weekNumberColor">@color/red</item>
    <item name="android:weekDayTextAppearance">@style/TextAppearance.Medium</item>
    <item name="android:dateTextAppearance">@style/TextAppearance.Medium</item>
</style>

Возможны все стили:

  • @ attr ref android.R.styleable # CalendarView_showWeekNumber
  • @ attr ref android.R.styleable # CalendarView_firstDayOfWeek
  • @ attr ref android.R.styleable # CalendarView_minDate
  • @ attr ref android.R.styleable # CalendarView_maxDate
  • @ attr ref android.R.styleable # CalendarView_shownWeekCount
  • @ attr ref android.R.styleable # CalendarView_selectedWeekBackgroundColor
  • @ attr ref android.R.styleable # CalendarView_focusedMonthDateColor
  • @ attr ref android.R.styleable # CalendarView_unfocusedMonthDateColor
  • @ attr ref android.R.styleable # CalendarView_weekNumberColor
  • @ attr ref android.R.styleable # CalendarView_weekSeparatorLineColor
  • @ attr ref android.R.styleable # CalendarView_selectedDateVerticalBar
  • @ attr ref android.R.styleable # CalendarView_weekDayTextAppearance
  • @ attr ref android.R.styleable # CalendarView_dateTextAppearance

примечание: если showWeekNumber не работает как стиль xml, вы можете установить в коде setShowWeekNumber (true).

6 голосов
/ 10 мая 2017

У меня тоже было много проблем.Хотя и не идеально, и я не понял, как изменить каждый аспект, я подошел близко.Вот как я это сделал, в файле styles.xml проекта я добавил эти два стиля: 

<style name="CalenderViewCustom" parent="Theme.AppCompat">
    <item name="colorAccent">@color/white_30</item>
</style>

<style name="CalenderViewDateCustomText" parent="android:TextAppearance.DeviceDefault.Small">
    <item name="android:textColor">@color/white</item>
</style>

<style name="CalenderViewWeekCustomText" parent="android:TextAppearance.DeviceDefault.Small">
    <item name="android:textColor">@color/white_30</item>
</style>

Затем для CalendarView я ссылался на эти стили следующим образом: 

<CalendarView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:theme="@style/CalenderViewCustom"
    android:dateTextAppearance="@style/CalenderViewDateCustomText"
    android:weekDayTextAppearance="@style/CalenderViewWeekCustomText"/>

ВыМожно добавить другие типы цветов (основной / дополнительный) в CalenderViewCustom выше.

...