原创 十四 iOS之 畫板

這次介紹一個比較複雜一些的小demo,一個簡潔的畫板,主要知識點是利用貝塞爾曲線–UIBezierPath這個類去實現手動畫線的操作,這個操作在很多app中電子簽名這個功能中都曾用到。 先看看示例圖,這個小畫板有哪些工能 1、基本

原创 四 iOS之圖層的定位點和錨點

position和archorPoint CALayer有兩個重要的屬性:position和archorPoint @property CGPoint position; 用來設置CALayer在父層中的位置 以父層的左上角爲

原创 三 iOS之 畫餅圖

這次繪製一個可隨機變換的餅圖 新建一個UIView — PieView 在 PieView.m 寫入 //做一個隨機數組 -(NSArray*)arrRandom { //數組中所有數的總和爲100 int to

原创 七 iOS之 矩陣操作(圖形上下文的平移、縮放、旋轉)

圖形上下文的位置、角度等也是可以變化的 創建一個UIView,“customView” customView.m #import "customView.h" @implementation customView - (

原创 十六 iOS之 酷炫彈幕(二)

這次基於上一次的demo做更復雜點的功能,原理是 通過加載我自己準備的plist文件裏的數據,生成一張張圖文混排的圖片,讓它們從屏幕上飄過,就達到了彈幕效果 效果圖:每次點擊屏幕就飄出一條彈幕 一 主要添加了一個plist文

原创 八 iOS之 圖片加水印

在一些app中常見到加水印的圖片,爲了防止別人盜圖,下面看看怎麼加上去的水印 如下圖,在圖片上繪製文字 新增一個UIImageView– “imageVCustom” ViewController.m #import "V

原创 十 iOS之 截屏

有的app中會需要有一個截屏的小功能,下面看看代碼怎麼寫 給UIImage添加一個類目,寫一個截屏的方法 /** 控件截屏 @param view 傳入的View @return 截屏圖片 */ + (UIImage *

原创 十二 iOS之 圖片擦除

如下圖,大家可能玩過一些類似這樣小遊戲,這個人的外邊的衣服可以擦掉,這就用到了繪圖中圖片擦除的技術,還有一些刮獎的功能,也是用到了這個技術,下面看看怎麼實現的 完整圖片 擦掉一部分的圖片 以我這個項目爲例,在項目中創建兩個i

原创 十五 iOS之 酷炫彈幕

介紹下彈幕的製作,原理是利用定時器驅動不斷重繪達到滾動彈幕的效果。這次的demo比較簡單,之後還會更新博文,介紹更復雜更完善的demo,請持續關注。 示例圖 主要功能:點擊屏幕就會從右側飄出一條彈幕(目前是一張圖片) 我用的

原创 一 iOS之 CALayer的基本介紹

我們知道,在iOS中,按鈕、文本框、文本標籤、文本輸入框、圖標,這些控件都繼承自UIView類,這些控件之所以能顯示出來,都是依託於它們內部的一個圖層,也就是UIView的圖層,這個圖層就是CALyer的的對象 UIView裏的

原创 十三 iOS之 手勢解鎖

現在好多app都有手勢解鎖的功能,這個功能要連線,所以和繪製是脫不開關係的,來看看怎麼做 示例圖一 示例圖二 創建一個UIView–BackView,用來繪製深黑色背景圖 BackView.m #import "Bac

原创 二 iOS之 CALayer與UIView的分別及新建圖層

新建圖層 先看看怎麼創建圖層,以及創建的圖層的效果 示例圖片一 紅色layer 示例圖片二 添加圖片後 代碼 ViewController.m #import "ViewController.h" @interfac

原创 五 iOS之 繪製文字和圖片

介紹下繪製文字、繪製圖片以及裁剪圖片 文字 圖片 平鋪的圖片 裁剪的圖片 圖片的繪製 新建一個UIView,對應代碼寫在drawRect:方法中 - (void)drawRect:(CGRect)rect {

原创 三 iOS之 CALayer的隱式動畫

隱式動畫 什麼是圖層的隱式動畫? 當我們修改CALayer的一些屬性,我們可以發現它會有類似動畫效果一樣的變化,這是圖層獨有的特性。 這樣的特性UIView是沒有的,當修改UIView的圖層屬性,會是很生硬的變化,達不到動畫的

原创 六 iOS之 定時器(飄雪花效果)

簡單介紹一下定時器CADisplayLink的使用,做一個飄雪花的效果 創建一個UIView “XueHua” XueHua.m #import "XueHua.h" static CGFloat _snowY = 0;