Notes of a Developer » UIImage http://www.developers-life.com Develop on Objective-C, UIKit, C, OpenGL for iPhone, iPad, Mac OS X Sun, 05 Sep 2010 16:29:15 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 UIImage and Memory http://www.developers-life.com/uiimage-and-memory.html http://www.developers-life.com/uiimage-and-memory.html#comments Thu, 10 Jun 2010 11:43:22 +0000 Vladimir Boychentsov http://www.developers-life.com/?p=1023 +[UIImage imageNamed:]
• Reads the file, 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 file to determine if it can open the file.
• Reads and uncompresses the file 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 file. 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

]]> http://www.developers-life.com/uiimage-and-memory.html/feed 0 Streatch image with stretchableImageWithLeftCapWidth: topCapHeight: http://www.developers-life.com/streatch-image.html http://www.developers-life.com/streatch-image.html#comments Wed, 10 Mar 2010 14:43:38 +0000 Vladimir Boychentsov http://www.developers-life.com/?p=924 Sample

  1. + (UIImage*)greenBubble
  2. {
  3.     if (sGreenBubble == nil) {
  4.         UIImage *i = [UIImage imageNamed:@"Balloon_1.png"];
  5.         sGreenBubble = [[i stretchableImageWithLeftCapWidth:15 topCapHeight:13] retain];
  6.     }
  7.     return sGreenBubble;
  8. }
  9.  
  10. + (UIImage*)grayBubble
  11. {
  12.     if (sGrayBubble == nil) {
  13.         UIImage *i = [UIImage imageNamed:@"Balloon_2.png"];
  14.         sGrayBubble = [[i stretchableImageWithLeftCapWidth:21 topCapHeight:13] retain];
  15.     }
  16.     return sGrayBubble;
  17. }

Results:


or

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

]]> http://www.developers-life.com/streatch-image.html/feed 0 Radio buttons for iPhone application http://www.developers-life.com/radio-buttons-in-iphone-application.html http://www.developers-life.com/radio-buttons-in-iphone-application.html#comments Wed, 03 Feb 2010 00:47:26 +0000 Vladimir Boychentsov http://www.developers-life.com/?p=864 Presented simple and nice solution for radio buttons, based on the UIButton.

Add buttons on view of controller

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


Action for buttons:

  1. - (IBAction)checkboxButton:(UIButton *)button{
  2.    
  3.     for (UIButton *but in [self.view subviews]) {
  4.         if ([but isKindOfClass:[UIButton class]] && ![but isEqual:button]) {
  5.             [but setSelected:NO];
  6.         }
  7.     }
  8.     if (!button.selected) {
  9.         button.selected = !button.selected;
  10.     }
  11. }

you can will get UI from here

good luck!

]]> http://www.developers-life.com/radio-buttons-in-iphone-application.html/feed 2 Change RGB color of the picture http://www.developers-life.com/change-color.html http://www.developers-life.com/change-color.html#comments Thu, 21 Jan 2010 21:20:09 +0000 Vladimir Boychentsov http://www.developers-life.com/?p=778 Change RGB color of the picture

  1. - (UIImage *) changeColor: (UIImage *)image {
  2.     UIGraphicsBeginImageContext(image.size);
  3.    
  4.     CGRect contextRect;
  5.     contextRect.origin.x = 0.0f;
  6.     contextRect.origin.y = 0.0f;
  7.     contextRect.size = [image size];
  8.     // Retrieve source image and begin image context
  9.     CGSize itemImageSize = [image size];
  10.     CGPoint itemImagePosition;
  11.     itemImagePosition.x = ceilf((contextRect.size.width - itemImageSize.width) / 2);
  12.     itemImagePosition.y = ceilf((contextRect.size.height - itemImageSize.height) );
  13.    
  14.     UIGraphicsBeginImageContext(contextRect.size);
  15.    
  16.     CGContextRef c = UIGraphicsGetCurrentContext();
  17.     // Setup shadow
  18.     // Setup transparency layer and clip to mask
  19.     CGContextBeginTransparencyLayer(c, NULL);
  20.     CGContextScaleCTM(c, 1.0, -1.0);
  21.     CGContextClipToMask(c, CGRectMake(itemImagePosition.x, -itemImagePosition.y, itemImageSize.width, -itemImageSize.height), [image CGImage]);
  22.     // Fill and end the transparency layer
  23.    
  24.     switch (colorSelected) {
  25.         case 0:
  26.             CGContextSetRGBFillColor(c, 0, 0, 1, 1);
  27.             break;
  28.  
  29.         default:
  30.             CGContextSetRGBFillColor(c, 1, 0, 0., 1);
  31.             break;
  32.     }
  33.    
  34.     contextRect.size.height = -contextRect.size.height;
  35.     contextRect.size.height -= 15;
  36.     CGContextFillRect(c, contextRect);
  37.     CGContextEndTransparencyLayer(c);
  38.  
  39.     UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
  40.     UIGraphicsEndImageContext();
  41.     return img;
  42. }
]]> http://www.developers-life.com/change-color.html/feed 0 Source of SlideShow http://www.developers-life.com/source-of-slideshow.html http://www.developers-life.com/source-of-slideshow.html#comments Fri, 20 Nov 2009 02:16:20 +0000 Vladimir Boychentsov http://www.developers-life.com/?p=669 Реализация слайдшоу!
Мелочь, которую можно быстро вставить в свой проект!
Компакто, в плане кода!

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

Mirror

]]> http://www.developers-life.com/source-of-slideshow.html/feed 0 Дизайним интерфейс в приложениях iPhone http://www.developers-life.com/interface-design-for-iphone-applications.html http://www.developers-life.com/interface-design-for-iphone-applications.html#comments Tue, 17 Feb 2009 20:00:33 +0000 Vladimir Boychentsov http://www.developers-life.com/?p=338 На сегодняшний день всем хочется красивости и примочек, iPhone приложения не исключения! Вот реализовал по своему. Может кому покажется не так. Если у вас есть другие, более оптимальные варианты реализации, буду рад выслушать.
Вот что из этого получилось:iphone design application dev

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

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

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

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

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

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

  1. [topLeft setFrame:CGRectMake(
  2.                                    0
  3.                                  , 0
  4.                                  , topLeft.image.size.width
  5.                                  , topLeft.image.size.height
  6.                                 )];
  7.    
  8.     [self addSubview:topLeft];
  9.    
  10.     [topRight setFrame:CGRectMake(
  11.                                     frame.size.width-topRight.image.size.width
  12.                                   , 0
  13.                                   , topRight.image.size.width
  14.                                   , topRight.image.size.height
  15.                                   )];
  16.     [self addSubview:topRight];
  17.  
  18.     [top setFrame:CGRectMake(
  19.                                topLeft.image.size.width
  20.                              , 0
  21.                              , frame.size.width-topRight.image.size.width-topLeft.image.size.width
  22.                              , top.image.size.height
  23.                             )];
  24.     [self addSubview:top];
  25.  
  26.     [bottomLeft setFrame:CGRectMake(
  27.                                       0
  28.                                     , frame.size.height-bottomLeft.image.size.height
  29.                                     , bottomLeft.image.size.width
  30.                                     , bottomLeft.image.size.height
  31.                                     )];
  32.     [self addSubview:bottomLeft];
  33.    
  34.     [bottomRight setFrame:CGRectMake(
  35.                                        frame.size.width-bottomRight.image.size.width
  36.                                      , frame.size.height-bottomRight.image.size.height
  37.                                      , bottomRight.image.size.width
  38.                                      , bottomRight.image.size.height
  39.                                      )];
  40.     [self addSubview:bottomRight];
  41.    
  42.     [bottom setFrame:CGRectMake(
  43.                                   bottomLeft.frame.size.width
  44.                                 , frame.size.height-bottom.image.size.height
  45.                                 , frame.size.width-bottomRight.frame.size.width-bottomLeft.frame.size.width
  46.                                 , bottom.image.size.height
  47.                                 )];
  48.     [self addSubview:bottom];
  49.    
  50.     [left setFrame:CGRectMake(
  51.                                 0
  52.                               , topLeft.frame.size.height
  53.                               , left.image.size.width
  54.                               , frame.size.height-topLeft.frame.size.height-bottomLeft.frame.size.height
  55.                               )];
  56.     [self addSubview:left];
  57.    
  58.     [right setFrame:CGRectMake(
  59.                                  frame.size.width-right.image.size.width
  60.                                , topRight.frame.size.height
  61.                                , right.image.size.width
  62.                                , frame.size.height-topRight.frame.size.height-bottomRight.frame.size.height
  63.                                )];
  64.     [self addSubview:right];
  65.  
  66.     [background setFrame:CGRectMake(
  67.                                       left.frame.size.width
  68.                                     , topRight.frame.size.height
  69.                                     , frame.size.width-left.frame.size.width-right.frame.size.width
  70.                                     , frame.size.height-topRight.frame.size.height-bottomRight.frame.size.height
  71.                                    )];
  72.     [self addSubview:background];

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

  1. + (UIImage*)greenBubble
  2. {
  3.     if (sGreenBubble == nil) {
  4.         UIImage *i = [UIImage imageNamed:@"Balloon_1.png"];
  5.         sGreenBubble = [[i stretchableImageWithLeftCapWidth:15 topCapHeight:13] retain];
  6.     }
  7.     return sGreenBubble;
  8. }
  9.  
  10. + (UIImage*)grayBubble
  11. {
  12.     if (sGrayBubble == nil) {
  13.         UIImage *i = [UIImage imageNamed:@"Balloon_2.png"];
  14.         sGrayBubble = [[i stretchableImageWithLeftCapWidth:21 topCapHeight:13] retain];
  15.     }
  16.     return sGrayBubble;
  17. }

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

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

]]> http://www.developers-life.com/interface-design-for-iphone-applications.html/feed 0