FSCalendar使用介绍(三) - 订制外观

FSCalendar具有高度的可定制性:

  • FSCalendarAppearance:用于全局外观属性的定制。
  • FSCalendarDelegateAppearance:针对某天外观属性的定制。

外观分类

  • 文字颜色
  • 字体
  • 背景、边框、事件圆点
  • 其他

文字颜色

  • FSCalendarAppearance
FSCalendar使用介绍(三) - 订制外观_第1张图片
  • FSCalendarDelegateAppearance
FSCalendar使用介绍(三) - 订制外观_第2张图片

字体

FSCalendar使用介绍(三) - 订制外观_第3张图片

单元格中的字体大小默认是自适应的,需要先关闭自适应。否则字体尺寸不会发生改变

calendar.appearance.adjustsFontSizeToFitContentSize = NO; // 关闭文字尺寸自适应

背景、边框、事件圆点

  • FSCalendarAppearance
FSCalendar使用介绍(三) - 订制外观_第4张图片
  • FSCalendarDelegateAppearance
FSCalendar使用介绍(三) - 订制外观_第5张图片

其他属性

// 1.0=圆,0.0=正方形,0.0-1.0之间的值为圆角
@property (assign, nonatomic) CGFloat borderRadius;

**例: **

calendar.appearance.borderRadius = 0; // 设置正方形单元格

或实现FSCalendarDelegateAppearance-calendar:appearance:borderRadiusForDate:方法

效果:

FSCalendar使用介绍(三) - 订制外观_第6张图片
@property (assign, nonatomic) FSCalendarCaseOptions caseOptions;

// 定义
typedef NS_OPTIONS(NSUInteger, FSCalendarCaseOptions) {
    // 月文字
    FSCalendarCaseOptionsHeaderUsesDefaultCase      = 0, // June 2016
    FSCalendarCaseOptionsHeaderUsesUpperCase        = 1, // JUNE 2016
    
    // 周文字
    FSCalendarCaseOptionsWeekdayUsesDefaultCase     = 0 << 4, // Sun、Mon、Tue、Wed、Thu、Fri、Sat; 周日、周一、周二、周三、周四、周五、周六
    FSCalendarCaseOptionsWeekdayUsesUpperCase       = 1 << 4, // SUN、MON、TUE、WED、THU、FRI、SAT; 周日、周一、周二、周三、周四、周五、周六
    FSCalendarCaseOptionsWeekdayUsesSingleUpperCase = 2 << 4, // S、M、T、W、T、F、S; 日、一、二、三、四、五、六
};

例:

calendar.appearance.caseOptions = FSCalendarCaseOptionsHeaderUsesUpperCase | FSCalendarCaseOptionsWeekdayUsesUpperCase;

效果:

FSCalendar使用介绍(三) - 订制外观_第7张图片
@property (strong, nonatomic) NSString *headerDateFormat;

代表显示的月份格式。

例:

calendar.appearance.headerDateFormat = @"yyyy年MM月";

效果:

FSCalendar使用介绍(三) - 订制外观_第8张图片
/**
 * The alpha value of month label staying on the fringes.
 */
@property (assign, nonatomic) CGFloat  headerMinimumDissolvedAlpha;

这个属性控制‘上个月’和‘下个月’标签在静止时刻的透明度。

例:

FSCalendar使用介绍(三) - 订制外观_第9张图片

calendar.appearance.headerMinimumDissolvedAlpha = 0;

效果:

FSCalendar使用介绍(三) - 订制外观_第10张图片

项目主页: https://github.com/WenchaoD/FSCalendar

QQ支持群: 323861692
FSCalendar使用介绍(三) - 订制外观_第11张图片

你可能感兴趣的:(FSCalendar使用介绍(三) - 订制外观)