天天看點

iOS開發UI篇—Quartz2D使用(信紙條紋)

一、前導程式

建立一個項目,在主要制器檔案中實作以下幾行代碼,就能輕松的完成圖檔在視圖中的平鋪。

iOS開發UI篇—Quartz2D使用(信紙條紋)
iOS開發UI篇—Quartz2D使用(信紙條紋)

效果:

iOS開發UI篇—Quartz2D使用(信紙條紋)

二、實作信紙條紋的效果

利用上面的這種特性來做一個信紙的效果。

預設的view上沒有分割線,要在view上加上分割線有兩種方式:

(1)讓美工做一張專門用來做背景的圖檔,把圖檔設定為背景。缺點:信的長度不确定,是以背景圖檔的長度也難以确定。

(2)通過一張小的圖檔來建立一個顔色,平鋪實作背景效果。

第一步:生成一張以後用以平鋪的小圖檔。

畫矩形。

畫線條。

第二步:從上下文中取出圖檔設定為背景。黑乎乎一片?(其他地方時透明的,控制器的顔色,如果不設定那麼預設為黑色的)

實作代碼:

iOS開發UI篇—Quartz2D使用(信紙條紋)
iOS開發UI篇—Quartz2D使用(信紙條紋)
iOS開發UI篇—Quartz2D使用(信紙條紋)

三、應用場景

完成一個簡陋的電子書閱讀器

代碼:

iOS開發UI篇—Quartz2D使用(信紙條紋)
iOS開發UI篇—Quartz2D使用(信紙條紋)

storyboard中的界面布局

iOS開發UI篇—Quartz2D使用(信紙條紋)

實作的簡單效果:

iOS開發UI篇—Quartz2D使用(信紙條紋)
iOS開發UI篇—Quartz2D使用(信紙條紋)

繼續閱讀