iOS. Приемы программирования - стр. 62
>UIImage *normalImage = [UIImage imageNamed:@"NormalBlueButton.png"];
>UIImage *highlightedImage = [UIImage imageNamed:@"HighlightedBlueButton"];
>self.myButton = [UIButton buttonWithType: UIButtonTypeCustom];
>self.myButton.frame = CGRectMake(110.0f,
>200.0f,
>100.0f,
>44.0f);
>[self.myButton setBackgroundImage: normalImage
>forState: UIControlStateNormal];
>[self.myButton setTitle:@"Normal"
>forState: UIControlStateNormal];
>[self.myButton setBackgroundImage: highlightedImage
>forState: UIControlStateHighlighted];
>[self.myButton setTitle:@"Pressed"
>forState: UIControlStateHighlighted];
На рис. 1.59 показано, как выглядит приложение, если его запустить в эмуляторе iOS. Чтобы задать фоновое изображение, мы используем относящийся к кнопке метод setBackgroundImage: forState:. Работая с фоновым изображением, мы можем пользоваться методами setTitle: forState: для отображения текста поверх фонового изображения. Если ваше изображение содержит текст и, таким образом, никакой надписи на кнопке не требуется, можете воспользоваться методом setImage: forState: или просто удалить заголовки с кнопки.
Рис. 1.59. Кнопка с фоновым изображением
1.22. Показ изображений с помощью UIImageView
Постановка задачи
Требуется демонстрировать пользователям изображения в графическом интерфейсе программы.
Решение
Воспользуйтесь классом UIImageView.
Обсуждение
Класс UIImageView – один из наименее сложных в iOS SDK. Как вы знаете, существует особый вид, в котором демонстрируются изображения. Чтобы демонстрировать изображения, нужно всего лишь инстанцировать объект типа UIImageView и добавлять его к вашим видам. Например, у меня есть картинка Apple MacBook Air и я хочу показать ее в виде для изображений. Начнем с файла реализации контроллера:
>#import "ViewController.h"
>@interface ViewController ()
>@property (nonatomic, strong) UIImageView *myImageView;
>@end
>@implementation ViewController
>Инстанцируем вид для изображений и разместим в нем изображение:
>– (void)viewDidLoad{
>[super viewDidLoad];
>UIImage *macBookAir = [UIImage imageNamed:@"MacBookAir"];
>self.myImageView = [[UIImageView alloc] initWithImage: macBookAir];
>self.myImageView.center = self.view.center;
>[self.view addSubview: self.myImageView];
>}
Теперь, запустив программу, мы увидим такую картинку, как на рис. 1.60.
Рис. 1.60. Вид с изображением, которое довольно велико и не умещается на экране
Отмечу, что картинка Apple MacBook Air, которую я загружаю в этот вид, имеет разрешение 980 × 519 пикселов и, конечно же, не умещается на экране iPhone. Как решить эту проблему? Для начала нужно убедиться в том, что мы инициализируем наш вид для изображений с помощью метода initWithFrame:, а не initWithImage:, поскольку второй метод задает высоту и ширину вида с изображением равными высоте и ширине самого изображения. Итак, сначала решим эту проблему:
– (void)viewDidLoad{
[super viewDidLoad];
UIImage *macBookAir = [UIImage imageNamed:@"MacBookAir"];
self.myImageView = [[UIImageView alloc] initWithFrame: self.view.bounds];
self.myImageView.image = macBookAir;
self.myImageView.center = self.view.center;
[self.view addSubview: self.myImageView];
}
Как теперь будет выглядеть наше приложение? Рассмотрим рис. 1.61.
Рис. 1.61. Изображение, которое умещается по ширине на экране устройства
Но мы не этого хотели добиться, правда? Действительно, контуры вида с изображением нам теперь подходят, но сама картинка стала отображаться неправильно. Что же можно сделать? Можно решить возникшую проблему, задав для вида с изображением свойство contentMode. Это свойство типа UIContentMode: