Показаны сообщения с ярлыком Design. Показать все сообщения
Показаны сообщения с ярлыком Design. Показать все сообщения

2 июн. 2014 г.

Cocoa Design Patterns


Cocoa Design Patterns is superb! It is highly readable, thoroughly enjoyable, and filled to the brim with wisdom that will make you a more efficient and effective programmer. The authors utilize a consistent and self-contained approach to each chapter, making it easy to return to use as a reference. However, the material is so interesting and vital to Cocoa programmers that you’ll want to read it from cover to cover.

31 мар. 2014 г.

Компонент интерфейса в заголовке окна

В обычной программе за отрисовку окна отвечает недокументированный класс NSThemeFrame.
Создаем окно с оутлетом window на это окно. Добавляем NSView и тоже создаем на него привязку оутлет:
Добавляем на вьюху компонент NSPopupButton, убираем флажок Bordered в Инспекторе Атрибутов. В AppDelegate.h должен быть такой код:

#import <Cocoa/Cocoa.h>

@interface AppDelegate : NSObject <NSApplicationDelegate> {
    
    IBOutlet NSWindow *window;
    IBOutlet NSView *itemView;
}

- (void)composeInterface;

@end


AppDelegate.m:

#import "AppDelegate.h"

@implementation AppDelegate

- (void)awakeFromNib
{
[self composeInterface];
}

- (void)composeInterface
{
// Получаем указатель на фрейм окна
NSView *themeFrame = [[window contentView] superview];
NSRect contentWindowFrame = [themeFrame frame]; // размер фрейма окна
NSRect itemViewFrame = [itemView frame]; // размер фрейма вьюхи
NSRect newFrame = NSMakeRect(
                                 contentWindowFrame.size.width - itemViewFrame.size.width, // x позиция
                                 contentWindowFrame.size.height - itemViewFrame.size.height, // y позиция
                                 itemViewFrame.size.width, // ширинв
                                 itemViewFrame.size.height); // высота
    
[itemView setFrame:newFrame];
[themeFrame addSubview:itemView];
}

@end


Вместо NSPopupButton можна добавить любой элемент на вьюху. Главное чтобы высота компонента не была больше чем сам Title Bar.
Дальше все просто. Делаем оутлет на PopupButton, и делаем с ним все что душе угодно.

27 мар. 2014 г.

24 мар. 2014 г.

The Flat Project

The Flat Project - плоские иконки для OS X приложений. В наборе 34 иконки в формате .png и .icns

В набор вошли такие приложения:
Word, Excel, Powerpoint, Photoshop, Illustrator, Indesign, Pages, Numbers, Keynote, iMovie, iPhoto, iTunes, Garageband, Finder, Appstore, Facetime, Calendar, Contacts, Game Center, iBooks, Preview, Launchpad, Mail, Maps, Messages, Notes, Photo Booth, Reminders, Safari, Systemprefs, Trash, Xcode, Logic, Final Cut.



21 мар. 2014 г.

18 мар. 2014 г.

17 мар. 2014 г.

16 мар. 2014 г.

11 мар. 2014 г.

Аватарка с закругленными углами в iOS приложении

Закругленные аватары, кажется, очень модно. Даже Apple делает закругленные изображения для контактов. Если вам интересно, как этого добиться в вашем приложении вот ответ.

Все, что нужно сделать, это настроить CALayer отвечающий за вид изображения, представляющего аватар:

self.avatarImageView.layer.cornerRadius = 150.0f;
self.avatarImageView.layer.borderWidth = 2.0f;
self.avatarImageView.layer.borderColor = [UIColor blackColor].CGColor;
self.avatarImageView.clipsToBounds = YES;

Предположим, что у нас есть квадратное изображение размером 300 × 300, в противном случае мы не сможем получить идеальный круг. Мы добавим черную рамку, и зададим clipsToBounds равным YES. И что в итоге имеем - большое скругленное изображение.

4 мар. 2014 г.

Очередной минималистический концепт OS XI

Эта концепция Mac OS XI - новый взгляд на рабочий стол, который включает много новых функций, таких как динамические обои и иконки, iOS экран синхронизации (дисплей c возможностью контроля своих iOS-устройств на вашем компьютере), повышенная прозрачность во всем, и более минималистична.


Второй концепт Mac OS XI. Это фокусировка на главном браузере, Safari, который был минимализирован. Safari в OS XI имеет собственные макеты, созданные для определенных веб-сайтов, которые оптимизированы для Mac OS XI. Один из таких сайтов является Google. 
Google.com в Safari скрывает все стандартные инструменты Google за кнопки меню, расположенные в нижней части страницы, похожие на недавнем эксперименте Google, с черной полосой в верхней части своей страницы.



19 февр. 2014 г.

Концепт OS XI в стиле iOS 7

Как будет выглядеть дизайн OS X, если руку приложит Джонни Айв?

Один из концептов дизайна OS X 11.
 
Мы видели кучу "
концептов OS X аля iOS" для Mac в течение последних нескольких лет. Большинство из которых были довольно хороши, но этот недавний дизайн для меня является первым, который я был бы не против, использовать, если бы OS X 11 выглядела именно так.

Создано Эндрю Амбросино, концепция OS X 11 в полупрозрачных и плоских тонах, минимализм присутствует во всем. Мне впервые (с выходом iOS7) очень нравится прозрачная панель меню с возможностью ее расширения, хотя я последнее время не поклонник кучи прозрачностей и минимализма. В OS X иконки приложения, сделаны округлеными квадратами, что очень хорошо смотрится и сливается с дизайном.

Взгляните на это чудо, на эту невероятную концепцию, на самый лучший минимализм OS X:
 Как выглядит Mail.app при дизайне iOS7:


Светло-белый интерфейс почтового приложение относительно нынешнего серого выглядет просто отлично. Приложенияполучили больше прозрачности.
Интерфейс OS X Маверикс еще дружествен к пользователям, окно входа в систему появляется сразу как только Ваш Мак выйде из режима сна, в отличии от iOS не покажет вам экран для ввода вашего PIN, пока не начнешь взаимодействовать с устройством. Похоже, концепция  Эндрю с красивым минимализмом экрана входа со временем и датой работает по тому же принципу, прежде чем вы залогинитесь в систему.