開源項目-WaterMark

前言

這裏引用應用描述裏的一句話:

妻子作微商很辛苦因此想作個軟件來緩解她的壓力,因而誕生了這個軟件.在她的鼓勵下把這個軟件上線到Appstroe上,但願能幫助到大家

本項目代碼所有開源,只刪除了LeanCloud相關的id和key,若是我之後不當心把key和id push上去了各位小夥伴必定要提醒我哈...

這個項目是業餘時間瞎敲出來的...不少代碼都是本身一邊嘗試一邊敲出來的...因此你們能夠挑重點看

我準備把WaterMark 和之後其餘的開源項目寫成一個系列的博客,每次更新版本都會把遇到的難點和坑點總結出來..喜歡的話你們能夠收藏,關注支持一下

但願本篇博客能幫助菜鳥瞭解iOS項目開發中的常識

歡迎你們一塊兒討論正確的開發姿式

跪求大神帶我飛!

(在下英文渣,請各位老爺觀看時利用腦內runtime 把不對的單詞替換成對的單詞...哈哈哈,我會好好背單詞的!)

項目地址:github.com/Lafree317/W…

AppStroe:itunes.apple.com/WebObjects/…

迴歸正題

目前功能:

• 原尺寸/縮略圖 添加水印
• 水印緩存
• 水印編輯

架構

項目文件結構

項目中如今集成的第三方開源庫有:

• Pod
  • LeanCloud Swift-alpha版(坑): 用於反饋數據的雲存儲
  • MBProgressHUD 1.0 :提示控件 每一個項目必備
  • RxSwift和RxCocoa: 如今代碼中尚未用到,到時候寫登錄的時候準備這個寫響應式
  • SnapKit: Swift版的Messary 炒雞好用
• Vendors
  • ShowString 我司小哥改裝的一個提示框,優勢在於提示的時候還能夠對頁面進行UI交互
  • TZImagePickerController 一個1000+star圖片選擇庫,這個開發者很熱心發issues很快就會回覆你並解決問題
  • IGLDropDownMenu 一個下拉抽屜式動畫,使用起來很是方便
  • ZEViewKit 我本身封裝的一些小控件,準備再贊一些一塊兒上傳到Pod中
  • Scenes裏有一個ZEVC是準備之後全部開源項目中公用的反饋和登錄界面

項目架構採用最基本的MVC

由於不是公司項目喜歡本身瞎搞一些東西因此一些被我改畸形了 這裏詳細說一下:

我發現Swfit的Extension太過強大因而將Model層和View層都用extension來代替了,如feedBackController的代碼就被我改爲:

• Controller

  class ZEFeedBackContoller: UIViewController,UITextFieldDelegate,UIScrollViewDelegate {
    // 各類屬性
  
    override func viewDidLoad() {
        super.viewDidLoad()
  
        setUI()
    }複製代碼

• Model

  extension ZEFeedBackContoller {
    // model方法
    func sendFeedBack(){
    }
  }複製代碼

• View

  extension ZEFeedBackContoller {
    // 添加UI
    func setUI(){
    }複製代碼

首先強調一點...這是我本身胡亂嘗試敲出來的...沒有看過相似代碼..因此不推薦在正常項目中使用,只是講一下本身的思路但願能幫助到你

這樣作的好處我以爲有幾點

• 代碼都爲C的代碼,不存在跨類調用方法和取值(高內聚?)
• 上下兩個控制器傳值調用的時候也更方便一些(低耦合?)
• C代碼不多,只把主要的方法C中,若是想擴展相應功能或修改bug能夠直接找到位置去進行操做

我以爲很差的地方

• 代碼較爲混亂,不適合多人開發?
• 具體功能重用性差,不利於其餘項目使用

我一直本身摸索學習Swift,尚未找到它正確的開發姿式,但願你們能教我正確的開發姿式

項目中還有一小部分面向協議

如給UIView添加一個滑動手勢,這裏應該若是優化一下應該 extenion到具體類 而不是直接給UIView添加..

protocol ViewGestureRecognizer{


}
extension UIView:ViewGestureRecognizer{
    func addPan(){
        self.userInteractionEnabled = true
        let pan = UIPanGestureRecognizer(target: self, action: #selector(pan(_:)))
        self.addGestureRecognizer(pan)
    }
    func pan(pan:UIPanGestureRecognizer){
        let point = pan.translationInView(self)
        self.transform = CGAffineTransformTranslate(self.transform, point.x, point.y)
        pan.setTranslation(.zero, inView: self)
    }
}複製代碼

一些細節

水印的繪製是由EditModel這個類實現的

原理就是利用UIGraphics 的 UIImage context 先按照圖片尺寸繪製出背景圖片,而後把label一個一個的繪製到圖片上 最後導出一張繪製好的圖片保存到相冊中

/** 添加水印 */
    func save(){
        guard let image = imageView.image else{
            return
        }
        weak var weakSelf = self
        guard let wself = weakSelf else{
            return
        }
        ZEHud.sharedInstance.showHud()
        dispatch_async(dispatch_queue_create("addLabel",nil)) {
            UIGraphicsBeginImageContext(image.size)// 開始繪製
            image.drawInRect(CGRect(origin: CGPoint.zero, size: image.size))
            for label in wself.labelArr { // 添加多個水印
                let rect = wself.imageView.convertRect(label.frame, fromView: nil)
                let reScale = 1/wself.imageView.scale
                let labelRect = CGRectMake((rect.origin.x)*reScale, (rect.origin.y*reScale), rect.size.width*reScale, rect.height*reScale)
                label.model.text.drawInRect(labelRect, withAttributes:label.model.getAttributes(1/wself.imageView.scale))
            }
            let imageA = UIGraphicsGetImageFromCurrentImageContext()// 獲取圖片
            UIGraphicsEndImageContext()// 結束繪製
            UIImageWriteToSavedPhotosAlbum(imageA, self, nil, nil)// 保存
            dispatch_async(dispatch_get_main_queue(), {
                ZEHud.sharedInstance.hideHud()
                ShowString.sharedManager().showStringView("保存成功")
                wself.imageView.image = imageA
                wself.assets.removeAtIndex(wself.index)
                wself.changeImage(wself.index)
                if weakSelf!.assets.count == 0 {
                    weakSelf?.performSelector(#selector(weakSelf?.nodataPop), withObject: nil, afterDelay: 0.75)
                    }
            })
        }
    }複製代碼

項目中水印是由WaterMark這個類來實現的,由於偷懶因此直接繼承自UILabel(獲取尺寸的時候回方便一些),而後在Label下面添加了一個TextField,來進行文字編輯.

// 經過傳入的bool進行label的文字變換
    func changeEidtType(type:Bool){
        if type == true {
            self.textField.font = self.font
            self.textField.text = self.text
            self.textField.becomeFirstResponder()
        }else{
            textField.endEditing(true)
            let dic = model.getAttributes(1)
            let att = NSAttributedString(string: self.textField.text!, attributes: dic)
            self.attributedText = att
        }
        textField.hidden = !type
        viewChange()
    }複製代碼

每次編輯水印的步驟我設計成 長按Label -> 彈出EditView -> 每一次操做都作相應的處理(緩存,改變Label的狀態)

label的樣式是由NSMutableAttributedString這個類來實現的,這個類能夠直接用在繪製裏

難點

Label和ImageView的比例計算

我給ImageView的class聲明瞭一個scale屬性,調用這個屬性就會計算出比例的變量

繪製Label的時候就按照1/scale的比例逆推回原大小進行繪製

class EditImageView: UIImageView {
    var scale:CGFloat {
        get{
            return frame.width / image!.size.width
        }
    }
    override init(frame: CGRect) {
        super.init(frame: frame)
    }
    func setNewImage(newImage:UIImage){
        image = newImage
        self.frame.size.width = screenWidth
        frame = CGRectMake(0, 0, screenWidth, newImage.size.height * scale)
    }
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}複製代碼

水印的本地緩存

緩存格式:

顏色緩存是一個坑...若是用系統自帶的顏色直接緩存的話會有問題,由於width black gary 和其餘顏色的屬性是不同的,這三類顏色只有黑色和透明度而其餘顏色都是RGB 不能進行統一處理

因而我就本身歸檔了一個顏色數組(查系統的色值還挺麻煩的..)

let titleColorArr:Array<[String:[String:CGFloat]]> = [
    ["黑色":["red":0,"green":0,"blue":0,"alpha":1]],
    ["灰色":["red":102,"green":102,"blue":102,"alpha":1]],
    ["白色":["red":255,"green":255,"blue":255,"alpha":1]],
    ["透明":["red":255,"green":255,"blue":255,"alpha":0]],
    ...
]複製代碼

而後聲明瞭兩個方法,一個是字典轉顏色,一個是顏色轉字典

class ColorFile {
    static func colorToDic(color:UIColor) -> [String:CGFloat] {
        let components = CGColorGetComponents(color.CGColor)
        let r = components[0]
        let g = components[1]
        let b = components[2]
        let a = components[3]
        return ["red":r,"green":g,"blue":b,"alpha":a]
    }
    static func dicToColor(dic:[String:CGFloat]) -> UIColor {
        let r = dic["red"]!
        let g = dic["green"]!
        let b = dic["blue"]!
        let a = dic["alpha"]!
        return UIColor(red: r, green: g, blue: b, alpha:a)
    }
}複製代碼

寫入緩存的時機是LabelModel每個屬性改變的時候

var italic:Bool = false{
        willSet{
            self.italic = newValue
            setUD(self.italic, key:italicUDK)
        }
    }
    var underLine:Bool = false{
        willSet{
            self.underLine = newValue
            setUD(self.underLine, key:underLineUDK)
        }
    }

    func setUD(value:AnyObject?,key:String){
        NSUserDefaults.standardUserDefaults().setObject(value, forKey: key)
        NSUserDefaults.standardUserDefaults().synchronize()// 同步數據
    }
    func getUD(key:String) -> AnyObject? {
        return NSUserDefaults.standardUserDefaults().objectForKey(key)
    }複製代碼

labelModel初始化的時候就會取緩存,若是沒取到就會給一個默認值

init(){
        if  let text =  getUD(textUDK) as? String {
            self.text = text
        }else{
            text = "這是第一個水印"
        }
}複製代碼

當ImageView被拖拽放大時 相對 Label的筆記變化

這個還未解決,在上線前已經禁止掉了ImageView的手勢

每次imageView大小變化的時候用Label按照scale逆推回去就會發現比例不對,不能按照原比例繪製,求大神幫忙..

坑

歡迎來到吐槽時間...

LeanCloud-Swift-SDK就是一個坑啊...代碼難懂不說竟然只支持iOS9.1以上版本...相信這一條就讓99%的項目不許備引用了吧...

而後他們竟然還在info.plist裏面的short boundle version裏面寫英文!握草我頭一次碰見打包時候這個Error類型,爲此我還特地記了一條筆記....

推薦

推薦一個AppIcon快速生成插件,能夠用Package Manager直接下載或者直接去git->github.com/kaphacius/I…

使用方法:打開Assets->右鍵選中AppIcon->選中Make An App Icon -> 選擇圖片 -> 成功!

如今審覈時各個型號的手機能夠共用一套簡介圖片了(可能不是最近才改的,一直是另一個小哥負責打包的 @辛勤的另一個小哥)

結尾語

如今項目剛剛提交了審覈,審覈經過了再把appstore連接貼上...

我都是想起哪裏說哪裏...可能有些難懂,若是有不懂的地方能夠在評論裏和我說我會及時修改文章的

睡覺明早起來再改錯別字...