学习Swift有一个月了，动手写一个UIView吧。
所有源代码在最后，直接用就可以了，第一次写Swift，和C#，Java还是有区别的
（博客园可以考虑在代码插入中添加Swift的着色了）
1 函数准备。Swift的日历函数，随着版本的变化，变动很大。
//MARK: - Calendar
//按照苹果的习惯，周日放在第一位
let weekdayForDisplay = ["周日","周一","周二","周三","周四","周五","周六"]
//获取周 周日：1 － 周六：7
func getWeekDay(year:Int,month:Int,day:Int) ->Int{
let dateFormatter:NSDateFormatter = NSDateFormatter();
dateFormatter.dateFormat = "yyyy/MM/dd";
let date:NSDate? = dateFormatter.dateFromString(String(format:"%04d/%02d/%02d",year,month,day));
if date != nil {
let calendar:NSCalendar = NSCalendar.currentCalendar()
let dateComp:NSDateComponents = calendar.components(NSCalendarUnit.NSWeekdayCalendarUnit, fromDate: date!)
return dateComp.weekday;
}
return 0;
}
//这个月的最后一天
//先获得下个月的第一天，然后在此基础上减去24小时
//注意这里的时间Debug的时候是UTC
func getLastDay(var year:Int,var month:Int) -> Int?{
let dateFormatter:NSDateFormatter = NSDateFormatter();
dateFormatter.dateFormat = "yyyy/MM/dd";
if month == 12 {
month = 0
year++
}
let targetDate:NSDate? = dateFormatter.dateFromString(String(format:"%04d/%02d/01",year,month+1));
if targetDate != nil {
let orgDate = NSDate(timeInterval:(24*60*60)*(-1), sinceDate: targetDate!)
let str:String = dateFormatter.stringFromDate(orgDate)
return Int((str as NSString).componentsSeparatedByString("/").last!);
}
return nil;
}
下面是NSDateCompents的一个坑，Swift 1 和 Swift 2 写法不一样
let today = NSDate()
let calendar = NSCalendar(identifier: NSGregorianCalendar)
let comps:NSDateComponents = calendar!.components([NSCalendarUnit.Year,NSCalendarUnit.Month,NSCalendarUnit.Day], fromDate: today)
Swift 2 OptionSetType ，比较一下OC和Swift的写法
Objective-C
unsigned unitFlags = NSCalendarUnitYear
| NSCalendarUnitMonth
| NSCalendarUnitDay
| NSCalendarUnitWeekday
| NSCalendarUnitHour
| NSCalendarUnitMinute
| NSCalendarUnitSecond;
Swift
2.0
let unitFlags: NSCalendarUnit = [
.Year,
.Month,
.Day,
.Weekday,
.Hour,
.Minute,
.Second ]
Swift
1.2
let unitFlags: NSCalendarUnit =
.CalendarUnitYear
| .CalendarUnitMonth
| .CalendarUnitDay
| .CalendarUnitWeekday
| .CalendarUnitHour
| .CalendarUnitMinute
| .CalendarUnitSecond
Swift2.0 的语法和1.2有区别
OptionSetType
2.接下来就是绘图，绘图就是各种被塞尔曲线
重点如下
如何居中
let paragraph = NSMutableParagraphStyle()
paragraph.alignment = NSTextAlignment.Center
let text = NSMutableAttributedString(string: weekdayForDisplay[i],attributes: [NSParagraphStyleAttributeName: paragraph])
let CellRect = CGRect(x: leftside , y:padding + mergin, width: WeekdayColumnWidth, height: RowHeight)
text.drawInRect(CellRect)
红字粗体
text.addAttribute(NSForegroundColorAttributeName, value: UIColor.redColor(),range:NSMakeRange(0,text.length))
text.addAttribute(NSFontAttributeName, value: UIFont.boldSystemFontOfSize(NSDefaultFontSize),range:NSMakeRange(0,text.length))
3.接下来是如何捕获点击事件
由于是全手工绘制日历的格子，所以，就用OnTouchBegan事件的属性获得点击位置，根据位置得知被按下的区域隶属于哪个日子。
//记录每天的格子的Rect
var DayRect = [Int:CGRect]()
override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
let SignleTouch = touches.first!
let Touchpoint = SignleTouch.locationInView(self)
let pick = getDayByTouchPoint(Touchpoint)
print("TouchPoint : X = \(Touchpoint.x) Y = \(Touchpoint.y) Day: \(pick)")
if pick != 0 {self.PickedDay = pick }
}
//根据触摸点获取日期
func getDayByTouchPoint(touchpoint:CGPoint) -> Int {
for day in DayRect{
if day.1.contains(touchpoint){
return day.0
}
}
return 0
}
最终效果如下图，可以实现点击选择日期。整个代码，8个小时可以完成。
现在的问题是，如果选择的日子变化了，我不知道怎么告诉上层的 ViewController，SelectDateChanged。
如果可以的话，最好能够出现 ActionConnection，可以拖曳连线，将Action和代码绑定。谁知道怎么做吗？
//
// CalendarView.swift
// PlanAndTarget
//
// Created by scs on 15/10/13.
// Copyright © 2015年 scs. All rights reserved.
//
import UIKit
@IBDesignable
class CalendarView: UIView {
//MARK: - Inspectable
@IBInspectable
var CurrentYear : Int = 2015{
didSet{
if self.CurrentYear < 0 {
self.CurrentYear = 2015
}
setNeedsDisplay()
}
}
@IBInspectable
var CurrentMonth : Int = 10 {
didSet{
if self.CurrentMonth < 0 || self.CurrentMonth > 12 {
self.CurrentMonth = 1
}
setNeedsDisplay()
}
}
@IBInspectable
var padding : CGFloat = 4 {
didSet{
if (self.padding > 50 ) {
self.padding = 50
}
setNeedsDisplay()
}
}
@IBInspectable
var mergin : CGFloat = 4 {
didSet{
if (self.mergin > 50 ) {
self.mergin = 50
}
setNeedsDisplay()
}
}
@IBInspectable
var RowHeight : CGFloat = 20{
didSet{
if (self.RowHeight > 100 ) {
self.RowHeight = 100
}
setNeedsDisplay()
}
}
@IBInspectable
var PickedDay : Int = 1 {
didSet{
if (self.PickedDay < 0){
self.PickedDay = 1
}
let lastDay = getLastDay( CurrentYear, month: CurrentMonth)
if (self.PickedDay > lastDay!){
self.PickedDay = lastDay!
}
setNeedsDisplay()
}
}
//MARK: - Calendar
//按照苹果的习惯，周日放在第一位
let weekdayForDisplay = ["周日","周一","周二","周三","周四","周五","周六"]
//获取周 周日：1 － 周六：7
func getWeekDay(year:Int,month:Int,day:Int) ->Int{
let dateFormatter:NSDateFormatter = NSDateFormatter();
dateFormatter.dateFormat = "yyyy/MM/dd";
let date:NSDate? = dateFormatter.dateFromString(String(format:"%04d/%02d/%02d",year,month,day));
if date != nil {
let calendar:NSCalendar = NSCalendar.currentCalendar()
let dateComp:NSDateComponents = calendar.components(NSCalendarUnit.NSWeekdayCalendarUnit, fromDate: date!)
return dateComp.weekday;
}
return 0;
}
//这个月的最后一天
//先获得下个月的第一天，然后在此基础上减去24小时
//注意这里的时间Debug的时候是UTC
func getLastDay(var year:Int,var month:Int) -> Int?{
let dateFormatter:NSDateFormatter = NSDateFormatter();
dateFormatter.dateFormat = "yyyy/MM/dd";
if month == 12 {
month = 0
year++
}
let targetDate:NSDate? = dateFormatter.dateFromString(String(format:"%04d/%02d/01",year,month+1));
if targetDate != nil {
let orgDate = NSDate(timeInterval:(24*60*60)*(-1), sinceDate: targetDate!)
let str:String = dateFormatter.stringFromDate(orgDate)
return Int((str as NSString).componentsSeparatedByString("/").last!);
}
return nil;
}
//MARK: - Event
//记录每天的格子的Rect
var DayRect = [Int:CGRect]()
override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
let SignleTouch = touches.first!
let Touchpoint = SignleTouch.locationInView(self)
let pick = getDayByTouchPoint(Touchpoint)
print("TouchPoint : X = \(Touchpoint.x) Y = \(Touchpoint.y) Day: \(pick)")
if pick != 0 {self.PickedDay = pick }
}
//根据触摸点获取日期
func getDayByTouchPoint(touchpoint:CGPoint) -> Int {
for day in DayRect{
if day.1.contains(touchpoint){
return day.0
}
}
return 0
}
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
override func drawRect(rect: CGRect) {
let paragraph = NSMutableParagraphStyle()
paragraph.alignment = NSTextAlignment.Center
//查资料可知默认字体为12
let NSDefaultFontSize : CGFloat = 12;
//绘制表头
let UseableWidth :CGFloat = rect.width - (padding + mergin) * 2;
let WeekdayColumnWidth : CGFloat = UseableWidth / 7
var leftside : CGFloat = padding + mergin
for i in 0...6{
let text = NSMutableAttributedString(string: weekdayForDisplay[i],attributes: [NSParagraphStyleAttributeName: paragraph])
let CellRect = CGRect(x: leftside , y:padding + mergin, width: WeekdayColumnWidth, height: RowHeight)
text.drawInRect(CellRect)
leftside += WeekdayColumnWidth
}
//绘制当月每天
var rowCount = 1;
leftside = padding + mergin
let today = NSDate()
let calendar = NSCalendar(identifier: NSGregorianCalendar)
let comps:NSDateComponents = calendar!.components([NSCalendarUnit.Year,NSCalendarUnit.Month,NSCalendarUnit.Day], fromDate: today)
//Clear
DayRect.removeAll()
for day in 1...getLastDay(CurrentYear,month:CurrentMonth)!{
let weekday = getWeekDay(CurrentYear, month: CurrentMonth, day: day)
let text = NSMutableAttributedString(string: String(day), attributes: [NSParagraphStyleAttributeName: paragraph])
let LeftTopX = leftside + CGFloat(weekday - 1) * WeekdayColumnWidth
let LeftTopY = padding + mergin + RowHeight * CGFloat(rowCount)
let CellRect :CGRect = CGRect(x: LeftTopX, y: LeftTopY, width: WeekdayColumnWidth, height: RowHeight)
if (PickedDay == day){
//选中的日子，UI效果
let PickRectPath = UIBezierPath(roundedRect: CellRect, cornerRadius: RowHeight/2)
UIColor.blueColor().colorWithAlphaComponent(0.3).setFill()
PickRectPath.fill()
}
if (comps.year == CurrentYear && comps.month == CurrentMonth && comps.day == day){
text.addAttribute(NSForegroundColorAttributeName, value: UIColor.redColor(),range:NSMakeRange(0,text.length))
text.addAttribute(NSFontAttributeName, value: UIFont.boldSystemFontOfSize(NSDefaultFontSize),range:NSMakeRange(0,text.length))
}
text.drawInRect(CellRect)
DayRect[day] = CellRect
//绘制了周日之后，需要新的一行
if weekday == 7 { rowCount++ }
}
//绘制外框
let path : UIBezierPath = UIBezierPath(rect: CGRect(x: padding, y: padding, width: rect.width - padding * 2 , height: padding + mergin + RowHeight * CGFloat(rowCount - 1) + 10 ))
path.stroke()
//path = UIBezierPath(rect: CGRect(x: padding + mergin, y: padding + mergin, width: rect.width - (padding + mergin) * 2 , height: rect.height - (padding + mergin) * 2))
//path.stroke()
print("LastDay Of 2015/10 : \(getLastDay(CurrentYear, month: CurrentMonth))" )
print("2015/10/18 : \(weekdayForDisplay[getWeekDay(CurrentYear, month: CurrentMonth, day: 18) - 1] )" )
print("Calendar Size Height: \(rect.height) Width: \(rect.width)" )
}
}
时间： 2024-12-12 23:01:50