【CoreGraphics】CGPattern - 模式填充

模式填充凛篙,類似瓷磚效果宪郊;

創(chuàng)建

  • 設(shè)置回調(diào)
// 繪制 回調(diào)
void drawPatternCallback(void *info, CGContextRef context) {
    //有顏色填充双炕,這里設(shè)置填充色
    CGContextFillRect(context, CGRectMake(0, 0, TILE_SIZE, TILE_SIZE));// 需要填充顏色的 位置
    CGContextFillRect(context, CGRectMake(TILE_SIZE, TILE_SIZE, TILE_SIZE, TILE_SIZE));// 同上
}

// 移除 回調(diào)
void releaseInfoCallback(void *info) {
    // 一般 傳  NULL
}

  • 設(shè)置模式
    //填充模式回調(diào)函數(shù)結(jié)構(gòu)體
    CGPatternCallbacks callback={0,&drawPatternCallback, &releaseInfoCallback};

    /*填充模式
     info://傳遞給callback的參數(shù)
     bounds:瓷磚大小
     matrix:形變
     xStep:瓷磚橫向間距
     yStep:瓷磚縱向間距
     tiling:貼磚的方法(瓷磚擺放的方式)
     isClored:繪制的瓷磚是否已經(jīng)指定了顏色(對(duì)于無(wú)顏色瓷磚此處指定位false)
     callbacks:回調(diào)函數(shù)
     */
    CGPatternRef pattern=CGPatternCreate(NULL,
                                         CGRectMake(0, 0, 2*TILE_SIZE, 2*TILE_SIZE),
                                         CGAffineTransformIdentity,
                                         2*TILE_SIZE+ 5,
                                         2*TILE_SIZE+ 5,
                                         kCGPatternTilingNoDistortion,
                                         false,
                                         &callback);
/*
typedef CF_ENUM (int32_t, CGPatternTiling) {
    kCGPatternTilingNoDistortion,
    kCGPatternTilingConstantSpacingMinimalDistortion,
    kCGPatternTilingConstantSpacing
};
*/

操作

CG_EXTERN CGPatternRef __nullable CGPatternRetain(CGPatternRef __nullable pattern)
    CG_AVAILABLE_STARTING(__MAC_10_0, __IPHONE_2_0);

CG_EXTERN void CGPatternRelease(CGPatternRef __nullable pattern)
    CG_AVAILABLE_STARTING(__MAC_10_0, __IPHONE_2_0);

實(shí)際使用

結(jié)合 Context 繪制袖肥,區(qū)分有色填充與無(wú)色填充(感覺(jué)沒(méi)有大差別)

  • 1 有色填充
#pragma mark - 有顏色填充模式

// 繪制 回調(diào)
void drawPatternCallback(void *info,CGContextRef context){
    //有顏色填充,這里設(shè)置填充色
    CGContextSetRGBFillColor(context, 1.0, 0.0, 0.0, 1.0);// 設(shè)置填充顏色
    CGContextFillRect(context, CGRectMake(0, 0, TILE_SIZE, TILE_SIZE));// 設(shè)置填充位置
    CGContextFillRect(context, CGRectMake(TILE_SIZE, TILE_SIZE, TILE_SIZE, TILE_SIZE));// 同上
}

// 移除 回調(diào)
void releaseInfoCallback(void *info) {
    // 一般 傳  NULL
}

// 傳入 context 繪制
-(void)drawBackgroundWithColoredPattern:(CGContextRef)context{
 
    //模式填充顏色空間,注意對(duì)于有顏色填充模式棋电,這里傳NULL
    CGColorSpaceRef colorSpace = CGColorSpaceCreatePattern(NULL);
    
    //將填充色顏色空間設(shè)置為模式填充的顏色空間
    CGContextSetFillColorSpace(context, colorSpace);
    
    //填充模式回調(diào)函數(shù)結(jié)構(gòu)體
    CGPatternCallbacks callback={0, &drawPatternCallback, &releaseInfoCallback};
    
    /*填充模式
     info://傳遞給callback的參數(shù)
     bounds:瓷磚大小
     matrix:形變
     xStep:瓷磚橫向間距
     yStep:瓷磚縱向間距
     tiling:貼磚的方法
     isClored:繪制的瓷磚是否已經(jīng)指定了顏色(對(duì)于有顏色瓷磚此處指定位true)
     callbacks:回調(diào)函數(shù)
     */
    CGPatternRef pattern = CGPatternCreate(NULL,
                                           CGRectMake(0, 0, 2 * TILE_SIZE, 2 * TILE_SIZE),
                                           CGAffineTransformIdentity,
                                           2 * TILE_SIZE,
                                           2 * TILE_SIZE,
                                           kCGPatternTilingNoDistortion,
                                           true,
                                           &callback);
    
    CGFloat alpha=1;
    //注意最后一個(gè)參數(shù)對(duì)于有顏色瓷磚指定為透明度的參數(shù)地址茎截,對(duì)于無(wú)顏色瓷磚則指定當(dāng)前顏色空間對(duì)應(yīng)的顏色數(shù)組
    CGContextSetFillPattern(context, pattern, &alpha);
 
 // 繪制大小    
    UIRectFill(CGRectMake(0, 0, 60, 60));
    
 // 移除
    CGColorSpaceRelease(colorSpace);
    CGPatternRelease(pattern);
}

  • 2 無(wú)色填充
#pragma mark - 無(wú)顏色填充模式

// 繪制 回調(diào)
void drawPatternCallback(void *info, CGContextRef context) {
 // 因?yàn)槭菬o(wú)色填充,這里只能設(shè)置后續(xù)填充的位置
    CGContextFillRect(context, CGRectMake(0, 0, TILE_SIZE, TILE_SIZE));// 需要填充顏色的 位置
    CGContextFillRect(context, CGRectMake(TILE_SIZE, TILE_SIZE, TILE_SIZE, TILE_SIZE));// 同上
}

// 移除 回調(diào)
void releaseInfoCallback(void *info) {
    // 一般 傳  NULL
}

-(void)drawBackgroundWithPattern:(CGContextRef)context{

    //設(shè)備無(wú)關(guān)的顏色空間(就是后面用于填充的顏色空間)
    CGColorSpaceRef rgbSpace= CGColorSpaceCreateDeviceRGB();

    //模式填充顏色空間
    CGColorSpaceRef colorSpace=CGColorSpaceCreatePattern(rgbSpace);

    //將填充色顏色空間設(shè)置為模式填充的顏色空間
    CGContextSetFillColorSpace(context, colorSpace);
    
    //填充模式回調(diào)函數(shù)結(jié)構(gòu)體
    CGPatternCallbacks callback={0, &drawPatternCallback, &releaseInfoCallback};
    /*填充模式
     info://傳遞給callback的參數(shù)
     bounds:瓷磚大小
     matrix:形變
     xStep:瓷磚橫向間距
     yStep:瓷磚縱向間距
     tiling:貼磚的方法(瓷磚擺放的方式)
     isClored:繪制的瓷磚是否已經(jīng)指定了顏色(對(duì)于無(wú)顏色瓷磚此處指定位false)
     callbacks:回調(diào)函數(shù)
     */
    CGPatternRef pattern=CGPatternCreate(NULL,
                                         CGRectMake(0, 0, 2 * TILE_SIZE, 2 * TILE_SIZE),
                                         CGAffineTransformIdentity,
                                         2 * TILE_SIZE,
                                         2 * TILE_SIZE,
                                         kCGPatternTilingNoDistortion,
                                         false,
                                         &callback);
    
    CGFloat components[]={1.0, 0.0, 0.0, 1.0};
    //注意最后一個(gè)參數(shù)對(duì)于無(wú)顏色填充模式指定為當(dāng)前顏色空間顏色數(shù)據(jù)
    CGContextSetFillPattern(context, pattern, components);
    
 // 繪制大小
    UIRectFill(CGRectMake(0, 0, 60, 60));
    
 // 移除
    CGColorSpaceRelease(rgbSpace);
    CGColorSpaceRelease(colorSpace);
    CGPatternRelease(pattern);
 }

1

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赶盔,一起剝皮案震驚了整個(gè)濱河市企锌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌于未,老刑警劉巖撕攒,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異烘浦,居然都是意外死亡抖坪,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門谎倔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)柳击,“玉大人,你說(shuō)我怎么就攤上這事片习“齐龋” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵藕咏,是天一觀的道長(zhǎng)状知。 經(jīng)常有香客問(wèn)我,道長(zhǎng)孽查,這世上最難降的妖魔是什么饥悴? 我笑而不...
    開(kāi)封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上西设,老公的妹妹穿的比我還像新娘瓣铣。我一直安慰自己,他們只是感情好贷揽,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布棠笑。 她就那樣靜靜地躺著,像睡著了一般禽绪。 火紅的嫁衣襯著肌膚如雪蓖救。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天印屁,我揣著相機(jī)與錄音循捺,去河邊找鬼。 笑死雄人,一個(gè)胖子當(dāng)著我的面吹牛从橘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播柠衍,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼洋满,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了珍坊?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤正罢,失蹤者是張志新(化名)和其女友劉穎阵漏,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體翻具,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡履怯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了裆泳。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叹洲。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鞠值,死狀恐怖东臀,靈堂內(nèi)的尸體忽然破棺而出欣簇,到底是詐尸還是另有隱情宣蔚,我是刑警寧澤本刽,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布娃惯,位于F島的核電站皆撩,受9級(jí)特大地震影響捍壤,放射性物質(zhì)發(fā)生泄漏槽畔。R本人自食惡果不足惜栈妆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鳞尔,春花似錦嬉橙、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至昧旨,卻和暖如春拾给,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背兔沃。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工蒋得, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人乒疏。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓额衙,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親怕吴。 傳聞我的和親對(duì)象是個(gè)殘疾皇子窍侧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • --繪圖與濾鏡全面解析 概述 在iOS中可以很容易的開(kāi)發(fā)出絢麗的界面效果,一方面得益于成功系統(tǒng)的設(shè)計(jì)转绷,另一方面得益...
    韓七夏閱讀 2,727評(píng)論 2 10
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,141評(píng)論 25 707
  • 模式是重復(fù)繪制到圖形上下文的繪制操作序列伟件。 您可以使用與使用顏色相同的方式使用模式。 當(dāng)使用模式繪制時(shí)议经,Quart...
    權(quán)宜平和閱讀 633評(píng)論 0 0
  • 在我還是廚房新兵時(shí)斧账,需要上甜點(diǎn)的場(chǎng)合會(huì)選擇做份提拉米蘇。因?yàn)閷?shí)在是討巧煞肾,好味咧织,不容易失敗。 提拉米蘇算普及度很高的...
    鹿西最喜歡閱讀 3,587評(píng)論 14 76
  • 閃電跑在雷聲前面 只當(dāng)是夜的尋常 雷聲乍起鋒芒 驚起飲水的魚(yú) 時(shí)間跑在回憶的前面 只當(dāng)是信的尋常 回憶漸張密網(wǎng) 攔...
    飲水言他閱讀 125評(píng)論 0 0