Swift 4: Auto Layout Progammatically(part.2)

王彤
Tung's iOS
Published in
3 min readJul 14, 2018

接續上一篇,這篇要解決畫面打橫以後畫面會跑掉的狀況。

沒看過Part.1的,連結在此https://medium.com/tungs-ios/swift-4-auto-layout-progammatically-part-1-236dff5e2f20

做法其實就是把圖片丟進一個View裡,所以直接產生一個UIView,請看圖中41~50行,52~55行就不需要了。

編譯與執行後會得到下面的結果:

接著把圖片丟進topImageContainerView,然後調整一下圖片的auto layout,請看52~55行。

最後就是把topImageContainerView的顏色改回來(42行),順便把toyImageView的contentMode調成scaleAspectFit(16行),這樣圖片的比例就不會跑掉了,我還改了descriptionTextView的topAnchor(63行)。

編譯與執行後會得到下列結果:

接下來我修改了descriptionTextView。

attributes這個參數可以直接修改字型、字體大小。
NSMutableAttributedString後面可以append其他的NSMutableAttributedString,所以就能夠同時在一個textView裡面有多種格式的字串!
\n代表空行,\n\n\n就是空三行。

編譯與執行後會得到以下結果:

To be Continued⋯⋯

--

--