#26 複製這隻兔子 — 顏文字遊戲

UILabel Attributed iOS富文本的研習(hw#6–3)

在前二篇我們研究 NSAttributedString 和 NSMutableAttributedString，了解如何在 UILabel 裡加 emoji 和圖片。

#24 UILabel.attributedText 、NSAttributedString、AttributedString 研究

#25 NSMutableAttributedString、NSTextAttachment 研究

再來就可以著手換掉兔子手上的圖案了。

操作的影片：

更換免子手上的 emoji，更換三個喜歡的圖片。

螢幕截圖：

預想圖

想達成這樣的效果，就是圖文交互穿插，紅色愛心的地方可以更換成圖片 。

設計控制項。

Text Field

可以更換上面免子手上的東西

Segmented Control & Scroll View

Segmented Control 可以切換要更換那一個位置的圖片，下方的 Scroll View 可以選擇想更換的圖片，左右滑可以切換更多的圖片。

分享鍵

右上的分享鍵，可以把 UILabel 的內容轉成圖片分享到其他程式，如Line、Gmail等等。

分享的圖片會像這樣。

storyboard:

程式參考了學姐的程式設計，裡面有很多程式技巧，有興趣可以參考一下。

作業#40 — 複製這隻兔子

GitHub - JasonHungApp/phw06-3-attString

參考：

#171 複製這隻兔子 — 顏文字遊戲

作業#40 — 複製這隻兔子

Views without any layout constraints may clip their content or overlap other views