Notes of a Developer » UIImage

Color Picker for iOS

Vladimir Boychentsov — Sat, 29 Oct 2011 12:17:25 +0000

Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

- (void)viewDidLoad
{
[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

if (self.cPicker == nil) {
[self.view setBackgroundColor:[UIColor grayColor]];
self.cPicker = [[VBColorPicker alloc] initWithFrame:CGRectMake(0, 0, 202, 202)];
[_cPicker setCenter:self.view.center];
[self.view addSubview:_cPicker];
[_cPicker setDelegate:self];
[_cPicker showPicker];

// set default YES!
[_cPicker setHideAfterSelection:NO];
}

}

// set color from picker
- (void) pickedColor:(UIColor *)color {
[_rect setBackgroundColor:color];
[_cPicker hidePicker];
}

- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
if (![_cPicker isHidden]) {
[_cPicker hidePicker];
}
}

// show picker by double touch
- (void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
UITouch *touch = [touches anyObject];

if (touch.tapCount == 2) {
[_cPicker setCenter:[touch locationInView:self.view]];
[_cPicker showPicker];
}
}

Small feature with UIlabel

Vladimir Boychentsov — Fri, 14 Jan 2011 22:24:44 +0000

Add framework QuartzCore

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#import

UILabel *label = [[UILabel alloc] init];
[label setTextColor:[UIColor whiteColor]];
[label setBackgroundColor:[UIColor darkGrayColor]];

[[label layer] setBorderWidth:2];
[[label layer] setCornerRadius:15];
[[label layer] setBorderColor:[UIColor whiteColor].CGColor];

[label setAlpha:0.8];
[label setTextAlignment:UITextAlignmentCenter];
[label setFrame:CGRectMake(0, 0, 220, 50)];
[label setText:@"Loading..."];
[label setCenter:window.center];
[window addSubview:label];

Result:

UIImage and Memory

Vladimir Boychentsov — Thu, 10 Jun 2010 11:43:22 +0000

+[UIImage imageNamed:]
• Reads the ﬁle, uncompresses it, caches result
• Cached copy of data is kept even if the UIImage is deallocated
• Low memory condition causes cache to be purged.
• No direct control over when cache is purged.
• Use for small frequently drawn images.

+[UIImage imageWithContentsOfFile:]
• Just reads enough of ﬁle to determine if it can open the ﬁle.
• Reads and uncompresses the ﬁle each time it draws. Uses uncompressed size worth of memory only temporarily.
• Assigning a UIImage created this way to a UIImageView or as the contents of a CALayer also causes it to read and uncompress the ﬁle. The UIImageView or CALayer keep the expanded version.

Memory Usage (in MB) 8.6 MB image used with UIImageView

	imageNamed	imageWithContentsofFile
Initial	2.46	2.46
Load UIImage	11.12	2.51
Assign to UIImageView	11.09	11.09
Remove from UIImageView	11.12	2.51

Memory Usage (in MB) 8.6 MB image used with UIView subclass (stored in instance variable and drawn with drawinRect: )

	imageNamed	imageWithContentsofFile
Initial	2.73	2.73
Load UIImage	11.38	2.78
Assign to UIImageView	11.81	3.20
Remove from UIImageView	11.84	3.04

Спасибо за некоторые пояснения Андрею Копаневу :)

И вот этому документу – Robert Clair

Streatch image with stretchableImageWithLeftCapWidth: topCapHeight:

Vladimir Boychentsov — Wed, 10 Mar 2010 14:43:38 +0000

Sample

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

+ (UIImage*)greenBubble
{
if (sGreenBubble == nil) {
UIImage *i = [UIImage imageNamed:@"Balloon_1.png"];
sGreenBubble = [[i stretchableImageWithLeftCapWidth:15 topCapHeight:13] retain];
}
return sGreenBubble;
}

+ (UIImage*)grayBubble
{
if (sGrayBubble == nil) {
UIImage *i = [UIImage imageNamed:@"Balloon_2.png"];
sGrayBubble = [[i stretchableImageWithLeftCapWidth:21 topCapHeight:13] retain];
}
return sGrayBubble;
}

Results:

or

испоьзовал 2 картинки

Radio buttons for iPhone application

Vladimir Boychentsov — Wed, 03 Feb 2010 00:47:26 +0000

Presented simple and nice solution for radio buttons, based on the UIButton.

Add buttons on view of controller

1
2
3
4
5
6
7
8
9

for (int i = 0; i < 5; i++) {
UIButton *but = [UIButton buttonWithType:UIButtonTypeCustom];
[but setImage:[UIImage imageNamed:@"checkbox.png"] forState:UIControlStateNormal];
[but setImage:[UIImage imageNamed:@"checkedbox.png"] forState:UIControlStateSelected];
[but setFrame:CGRectMake(0, 0, 17, 17)];
[but setCenter:CGPointMake( 50, i*40+20 )];
[but addTarget:self action:@selector(checkboxButton:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:but];
}

Action for buttons:

1
2
3
4
5
6
7
8
9
10
11

- (IBAction)checkboxButton:(UIButton *)button{

for (UIButton *but in [self.view subviews]) {
if ([but isKindOfClass:[UIButton class]] && ![but isEqual:button]) {
[but setSelected:NO];
}
}
if (!button.selected) {
button.selected = !button.selected;
}
}

you can will get UI from here

good luck!

Change RGB color of the picture

Vladimir Boychentsov — Thu, 21 Jan 2010 21:20:09 +0000

Change RGB color of the picture

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

- (UIImage *) changeColor: (UIImage *)image {
UIGraphicsBeginImageContext(image.size);

CGRect contextRect;
contextRect.origin.x = 0.0f;
contextRect.origin.y = 0.0f;
contextRect.size = [image size];
// Retrieve source image and begin image context
CGSize itemImageSize = [image size];
CGPoint itemImagePosition;
itemImagePosition.x = ceilf((contextRect.size.width - itemImageSize.width) / 2);
itemImagePosition.y = ceilf((contextRect.size.height - itemImageSize.height) );

UIGraphicsBeginImageContext(contextRect.size);

CGContextRef c = UIGraphicsGetCurrentContext();
// Setup shadow
// Setup transparency layer and clip to mask
CGContextBeginTransparencyLayer(c, NULL);
CGContextScaleCTM(c, 1.0, -1.0);
CGContextClipToMask(c, CGRectMake(itemImagePosition.x, -itemImagePosition.y, itemImageSize.width, -itemImageSize.height), [image CGImage]);

switch (colorSelected) {
case 0:
CGContextSetRGBFillColor(c, 0, 0, 1, 1);
break;

default:
CGContextSetRGBFillColor(c, 1, 0, 0., 1);
break;
}

contextRect.size.height = -contextRect.size.height;
contextRect.size.height -= 15;
// Fill and end the transparency layer
CGContextFillRect(c, contextRect);
CGContextEndTransparencyLayer(c);

UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return img;
}

Source of SlideShow

Vladimir Boychentsov — Fri, 20 Nov 2009 02:16:20 +0000

Реализация слайдшоу!
Мелочь, которую можно быстро вставить в свой проект!
Компакто, в плане кода!

Спасибо разработчику, ресурс!

Mirror

Дизайним интерфейс в приложениях iPhone

Vladimir Boychentsov — Tue, 17 Feb 2009 20:00:33 +0000

На сегодняшний день всем хочется красивости и примочек, iPhone приложения не исключения! Вот реализовал по своему. Может кому покажется не так. Если у вас есть другие, более оптимальные варианты реализации, буду рад выслушать.

Вот что из этого получилось:

Объект first выдвигается и задвигается с левой стороны, а second с правой стороны, плюс можно перемещать за любое место этого объекта. Эти свойства добавляют юзабилити интерфейсу.

Плюсы:
1. Красиво
2. Динамическое изменение размера без потери качества.

Минусы:
1. Когда центр попадает не на четкие координаты шрифты могут искажаться и разъезжаться картинки. Если окошко не динамическое лучше использовать статическую картинку.

Реализовал с помощью 9 картинок, 4 уголков, 4 боковых, и фона. Всего 1 небольшой класс в котором производятся автоматические расчеты и выставление рисунков от заданных размеров при инициализации или с помощью метода setFrame.

Выкладываю source примера, разрешаю изменять код, использовать в своих целях, но прошу оставить авторство кода. И при копировании статьи оставлять линк на источник. Закидываю без комментариев, чтоб сами разобрались ;)
Beautiful Window
please comment this post

Код автоматических расчетов для View:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

[topLeft setFrame:CGRectMake(
0
, 0
, topLeft.image.size.width
, topLeft.image.size.height
)];

[self addSubview:topLeft];

[topRight setFrame:CGRectMake(
frame.size.width-topRight.image.size.width
, 0
, topRight.image.size.width
, topRight.image.size.height
)];
[self addSubview:topRight];

[top setFrame:CGRectMake(
topLeft.image.size.width
, 0
, frame.size.width-topRight.image.size.width-topLeft.image.size.width
, top.image.size.height
)];
[self addSubview:top];

[bottomLeft setFrame:CGRectMake(
0
, frame.size.height-bottomLeft.image.size.height
, bottomLeft.image.size.width
, bottomLeft.image.size.height
)];
[self addSubview:bottomLeft];

[bottomRight setFrame:CGRectMake(
frame.size.width-bottomRight.image.size.width
, frame.size.height-bottomRight.image.size.height
, bottomRight.image.size.width
, bottomRight.image.size.height
)];
[self addSubview:bottomRight];

[bottom setFrame:CGRectMake(
bottomLeft.frame.size.width
, frame.size.height-bottom.image.size.height
, frame.size.width-bottomRight.frame.size.width-bottomLeft.frame.size.width
, bottom.image.size.height
)];
[self addSubview:bottom];

[left setFrame:CGRectMake(
0
, topLeft.frame.size.height
, left.image.size.width
, frame.size.height-topLeft.frame.size.height-bottomLeft.frame.size.height
)];
[self addSubview:left];

[right setFrame:CGRectMake(
frame.size.width-right.image.size.width
, topRight.frame.size.height
, right.image.size.width
, frame.size.height-topRight.frame.size.height-bottomRight.frame.size.height
)];
[self addSubview:right];

[background setFrame:CGRectMake(
left.frame.size.width
, topRight.frame.size.height
, frame.size.width-left.frame.size.width-right.frame.size.width
, frame.size.height-topRight.frame.size.height-bottomRight.frame.size.height
)];
[self addSubview:background];

Есть вариант и попроще

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Вот результат

а испоьзовал 2 картинки