天天看點

iOS開發UI篇—Quartz2D使用(圖檔剪切)

一、使用quartz2d完成圖檔剪切

1.把圖檔顯示在自定義的view中

先把圖檔繪制到view上。按照原始大小,把圖檔繪制到一個點上。

代碼:

顯示:

iOS開發UI篇—Quartz2D使用(圖檔剪切)

2.剪切圖檔讓圖檔圓形展示

思路:先畫一個圓,讓圖檔顯示在圓的内部,超出的部分不顯示。

iOS開發UI篇—Quartz2D使用(圖檔剪切)
iOS開發UI篇—Quartz2D使用(圖檔剪切)

注意:顯示的範圍隻限于指定的剪切範圍,無論往上下文中繪制什麼東西,隻要超出了這個範圍的都不會顯示。

iOS開發UI篇—Quartz2D使用(圖檔剪切)
iOS開發UI篇—Quartz2D使用(圖檔剪切)
iOS開發UI篇—Quartz2D使用(圖檔剪切)

3.剪切圖檔讓圖檔三角形展示

iOS開發UI篇—Quartz2D使用(圖檔剪切)
iOS開發UI篇—Quartz2D使用(圖檔剪切)
iOS開發UI篇—Quartz2D使用(圖檔剪切)

繼續閱讀