《Learning iOS UI Development》- 讀書筆記

《Learning iOS UI Development》的讀書筆記

今天無意間看到了這本書: 《Learning iOS UI Development》

翻看了一下覺得還行，雖然只有將近200頁，基本上都是概括的東西，所以就當做查缺補漏吧，順便記錄一些閱讀的筆記，可能會簡單了點。知識點有個索引印象比較好，到時候真的遇見了查找起來也比較快。就像 HashMap .

一、UI Fundamentals

1、當一個視圖添加到父視圖上面的時候，會調用 didMoveToSuperview ，父視圖的方法會被攔截 didAddSubview

2、 layoutSubviews 在子視圖添加或者移除、控件的大小被改變的時候被調用。

3、iOS在屏幕顯示視圖上面做了重要的優化。View不是連續的繪制。系統會為每一個顯示的視圖元素創建一個快照，直到視圖不需要更新前，當前的快照會一直顯示。 視圖然后被重繪，更新新的視圖快照。這樣就用了非常巧妙的方式避免智能手機上資源的浪費，達到最優化

4、 setNeedsDisplay 和 setNeedsDisplayInRect ,兩個函數被調用，作用是通知系統重新繪制新的內容。在下一個runloop期間，系統把view重新繪制。

兩者的區別是， setNeedsDisplay 是把整個視圖重新繪制。 setNeedsDisplayInRect 是重新繪制視圖的一部分

setNeedsDisplay 調用的時候， drawRect 方法會被執行

5、 loadView : 視圖被創建分配到 view 屬性上，取決于控制器創建的時候，一個視圖可以被sb或者xib文件創建。 不要去復寫這個方法，除非你不用IB去實現

二、UI Components Overview

1、iOS8之后使用label計算動態高度的時候需要設置 preferredMaxLayoutWidth 屬性，表示默認最大寬度。

在某些情況下(設置了 preferredMaxLayoutWidth ), string的內容并不一定能適應整一個label。

可以設置 adjustsFontSizeToFitWidth 屬性，設置一個font size減少string的可顯示區域。

minimumScaleFactor . 設置顯示的比例，((for example, a font with size 24 and a minimum scale factor of 0.5 can be reduced up to a minimum value of 12))

2、UIStepper、UIProgressView

3、 imageWithRenderingMode 設置 rendering mode ,

• AlwaysOriginal 渲染原始圖
• AlwaysTemplate : 忽略color information 渲染

三、AutoLayout

1、修改控件的約束值后，需要調用 setNeedsUpdateConstraints 方法

四、Layer and Animation

隱式動畫

最簡單的方法是改變 animatable 屬性，在runtime的時候改變值。 創建了animation附屬在layer,在下一次重繪的時候執行

CATransaction.begin()
CATransaction.setValue(kCFBooleanTrue, forKey:
kCATransactionDisableActions)
layer.backgroundColor = UIColor.redColor().CGColor
CATransaction.commit()

 animation.fillMode = kCAFillModeForwards
   animation.removedOnCompletion = false

// Set the model
  roundedLayer.position.x = 150


  // Perform the animation
  let animation = CABasicAnimation(keyPath: "position.x")
  animation.fromValue = 60
  animation.toValue = 150
  animation.duration = 0.5
  roundedLayer.addAnimation(animation, forKey: "Move")

func removeColorsAnimation(){
      roundedLayer.backgroundColor =
             roundedLayer.presentationLayer().backgroundColor
      roundedLayer.removeAnimationForKey("Colors")
  }