iOS 圖片顏色選擇器

先看效果把


重寫了圖片touche事件

主要是拖動范圍的設置

- (void)touchesBegan:(NSSet*)touches withEvent:(nullable UIEvent *)event {

UITouch *touch = [touches anyObject];

CGPoint pointL = [touch locationInView:self];

if (pow(pointL.x - self.bounds.size.width/2, 2)+pow(pointL.y-self.bounds.size.width/2, 2) <= pow(self.bounds.size.width/2, 2)) {

UIColor *color = [self colorAtPixel:pointL];

self.panView.center = pointL;

self.panView.backgroundColor =color;

if (self.currentColorBlock) {

self.currentColorBlock(color);

}}}



- (void)touchesMoved:(NSSet*)touches withEvent:(nullable UIEvent *)event {

UITouch *touch = [touches anyObject];

CGPoint pointL = [touch locationInView:self];

if (pow(pointL.x - self.bounds.size.width/2, 2)+pow(pointL.y-self.bounds.size.width/2, 2) <= pow(self.bounds.size.width/2, 2)) {

UIColor *color = [self getPointColorWithImage:self.image location:pointL];

self.panView.center = pointL;

self.panView.backgroundColor =color;

if (self.currentColorBlock) {

self.currentColorBlock(color);}}}

- (void)touchesEnded:(NSSet*)touches withEvent:(nullable UIEvent *)event {

UITouch *touch = [touches anyObject];

CGPoint pointL = [touch locationInView:self];

if (pow(pointL.x - self.bounds.size.width/2, 2)+pow(pointL.y-self.bounds.size.width/2, 2) <= pow(self.bounds.size.width/2, 2)) {

UIColor *color = [self getPointColorWithImage:self.image location:pointL];

self.panView.center = pointL;

self.panView.backgroundColor =color;

if (self.currentColorBlock) {

self.currentColorBlock(color);

}}}


//獲取圖片上某坐標點對應的像素的rgba值

- (UIColor *)getPointColorWithImage:(UIImage *)image location:(CGPoint)point{

UIColor *pointColor = nil;

//如果圖片上不存在該點返回nil

if (!CGRectContainsPoint(CGRectMake(0.0f, 0.0f, image.size.width, image.size.height), point)) {

return nil;

}

NSInteger pointX = truncl(point.x); //直接舍去小數,如1.58 -> 1.0

NSInteger pointY= truncl(point.y);

CGImageRef cgImage = image.CGImage;

NSUInteger width = image.size.width;
NSUInteger height = image.size.height;
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();? //bitmap上下文使用的顏色空間
int bytesPerPixel = 4;? //bitmap在內存中所占的比特數
int bytesPerRow = bytesPerPixel * 1;? //bitmap的每一行在內存所占的比特數
NSUInteger bitsPerComponent = 8;? //內存中像素的每個組件的位數.例如,對于32位像素格式和RGB 顏色空間,你應該將這個值設為8.
unsigned char pixelData[4] = {0, 0, 0, 0};? //初始化像素信息
//創建位圖文件環境。位圖文件可自行百度 bitmap
CGContextRef context = CGBitmapContextCreate(pixelData,
1,
1,
bitsPerComponent,
bytesPerRow,
colorSpace,
kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big); //指定bitmap是否包含alpha通道,像素中alpha通道的相對位置,像素組件是整形還是浮點型等信息的字符串。
CGColorSpaceRelease(colorSpace);
CGContextSetBlendMode(context, kCGBlendModeCopy); //當一個顏色覆蓋上另外一個顏色,兩個顏色的混合方式
CGContextTranslateCTM(context, -pointX, pointY - (CGFloat)height);? //改變畫布位置
CGContextDrawImage(context, CGRectMake(0.0f, 0.0f, (CGFloat)width, (CGFloat)height ), cgImage);? //繪制圖片
CGContextRelease(context);
CGFloat red = (CGFloat)pixelData[0] / 255.0f;
CGFloat green = (CGFloat)pixelData[1] / 255.0f;
CGFloat blue = (CGFloat)pixelData[2] / 255.0f;
CGFloat alpha = (CGFloat)pixelData[3] / 255.0f;
pointColor = [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
return pointColor;}


- (void)setImage:(UIImage *)image {

UIImage *temp = [self imageForResizeWithImage:image resize:CGSizeMake(self.frame.size.width, self.frame.size.width)];

[super setImage:temp];

}

- (UIImage *)imageForResizeWithImage:(UIImage *)picture resize:(CGSize)resize {

CGSize imageSize = resize; //CGSizeMake(25, 25)

UIGraphicsBeginImageContextWithOptions(imageSize, NO,0.0);

CGRect imageRect = CGRectMake(0.0, 0.0, imageSize.width, imageSize.height);

[picture drawInRect:imageRect];

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

return image;

}

百度網盤鏈接: https://pan.baidu.com/s/1bpq1y4v 密碼: bk9p

感謝作者:GitHub: https://github.com/Zws-China/WSColorPicker

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,563評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,694評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,672評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,965評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,690評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,019評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,013評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,188評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,718評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,438評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,667評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,149評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,845評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,252評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,590評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,384評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容