ГлавнаяФорумДневникиФотоальбомы

Войти через:
Впервые на Nokia Club? Зарегистрируйтесь или воспользуйтесь формой логина. Телефоны Игры Темы Программы

 

Создание собственных элементов из девяти секций в Carbide.ui S60 Theme Edition

Для того, чтобы не возникало искажений элементов, то на некоторые детали предусмотрена возможность использования 9ти секционных элементов. По умолчанию, при создании новой темы - Вы их не увидите, хотя, если просмотрите некоторые шаблоны тем, то увидите, что они есть.
Для чего это используют, ведь вектор и так вроде бы "растягивается"? Да, именно, если создать простой прямоугольник, с прямыми углами, залить одноцветной заливкой, не использовать обводку, то конечно же, для такого элемента не нужно использовать разбиение на 9 секций. А вот если Вы создали сложный элемент, использовали скругленные углы, сделали обводку, то такой элемент станет искажаться. Это происходит потому, что некоторые детали в теме используются с разными размерами, и поэтому искажение в таком случае - неминуемо.
Покажу на примере (отмечено точкой):



Из данного скриншота видно, что элемент List Highlight имеет разную форму. И если бы мы не создали этот элемент 9ти секционным, то получили бы искажение. Сейчас же форма полностью сохранена, независимо от ее размера.
Итак, какие же элементы необходимо таким образом изменять в темах, чтобы вид тема имел качественный и красивый вид?
  • Highlights
  • Pop-Up Windows, Call Handling: Video As Ringtone
  • Application: Calendar, Settings, Calculator, Notepad





Для себя я создала шаблоны-заготовки, которые уже содержат точные размеры нарезок, я поделюсь ими с Вами и расскажу как ими удобно и просто пользоваться.

1. Необходимо в Carbide UI выбрать элемент, по нажатию правой кнопки, контекстном меню выбрать, если есть, Swich to 9-Piece Element.



2. Появится окно с вопросом о выборе, в каком формате представить файлы 9 элементов. Выберите No, что означает, что Вы выбираете работу с векторной графикой. При выборе Yes работа будет с растровой графикой. Мы с Вами выбираем No, т.к. работаем с вектором.



В результате Вы получите наш выбранный элемент, представляенный ввиде 9ти элементов. Формат файлов svg. Сразу обращаю ваше внимание на то, что те размеры, что тут указаны на самом деле другие, поэтому я и собрала собственные шаблоны заготовок, о которых и пойдет речь далее.



3. Открываем в векторном редакторе один из моих шаблонов, название шаблона соотвествует названию редактируемых элементов в Carbide UI. Наример, открываем файл Grid_Highlight.svg, в котором находится шаблон-заготовка для нарезки Grid Highlight.



На рисунке я схематично показала структуру всех 9ти элементов, из которых состоит шаблон. В вашем случае важно обратить внимание на общие размеры. Для этого выбираем Выделить все. Смотрим общую ширину и высоту, в нашем случае это: ширина 116, высота 94.



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



4. Сворачиваем шаблон. Создаем Новый документ в редакторе (я работаю в Adobe Illustrator CS2). И рисуем наш элемент целиком, так, как если бы Вы его не разбивали на элементы. Главное условие - ваш цельный элемент должен быть той же ширины и высоты, что и шаблон, под нарезку которым Вы готовите свой элемент, т.е., в нашем случае это: ширина 116, высота 94.



Внимание: Если вы используете контуры в своем рисунке, то их надо преобразовать, используя вкладку Объект - Контуры - Преобразовать обводку в кривые.

5. Теперь, когда ваш элемент полностью готов, если он состоит из нескольких элементов, то его надо Сгруппировать. Затем Скопировать (Ctrl+C).



6. Возвращаемся в шаблон. В нем сразу отмечаем, если не установлено - привязку в верхний левый угол. Запоминаем/записываем координаты X и Y. Вставляем наш рисунок: Редактирование - Вклеить ((Ctrl+V).



Обращаем внимание координаты изменились, их надо отредактировать и поставить те, что мы запомнили/записали, т.е., таким образом, надо совместить верхний левый угол шаблона и нашего рисунка.



Вписываем значения, что записали у шаблона, затем перемещаем наш рисунок На задний план, таким образом, разместив его под нашим шаблоном.

7. Используем данный инструмент, т.к., им более удобнее выделять сразу группу объектов. Выделяем один из наших 9 элементов, прозрачный прямоугольник. Т.к., его не видно, то удобней его отметить так: щелкнуть инструментом прямо по боковой грани нашего рисунка, если Вам это удалось, то Вы увидите, как элемент нашего шаблона выделился.



Теперь, удерживая Shift на клавиатуре, щелкаем просто по нашему рисунку, тем самым прибавив и наш рисунок к выделению.



Используем Инструмент Обрезать. Вызвать данную панель можно следующим способом: Окно - Обработка контуров. Получаем необходимый нам элемент, заданного уже размера, и обрезанный четко по шаблону.
Копируем все выделение: Редактировать - Скопировать (Ctrl+C).



8. Переходим в Carbide UI. Выбираем тот элемент из 9, что сейчас мы создали, обрезав наш рисунок по шаблону, в данном случае мы готовили элемент Left. В меню выбираем Еdit in Vector Editor.



Элемент Left откроется в редакторе.



Здесь опять важно запомнить/записать координаты X и Y верхнего левого угла. Затем выделяем все и удаляем.
Теперь используем Редактирование - Вклеить ((Ctrl+V) для вставки обрезанного элемента нашего рисунка.



Редактируем координаты, установив значения, какие мы запомнили/записали. Жмем сохранить.



Можно вернуться Carbide UI и посмотреть на полученный результат.

Теперь возвращаемся к нашему файлу. Жмем Редактирование - Отменить Кадрирование. Перед нами опять наш рисунок. Отмечаем следующий элемент шаблона. И повторяем действия. И так 9 раз. Теперь в Carbide UI можно посмотреть на полученный результат.
Один из элементов, а именно Left во всех моих шаблонах имеет размер на 1 пиксель больше, это для того, чтобы избежать небольшой нестыковки, что существует при стандартных размерах, в моем случае все элементы подогнаны хорошо друг к другу.

Описание вышло объемным, старалась Вам как можно более подробно показать, как работать с моими шаблонами, на самом же деле - все выполняется очень быстро и просто. Вы попробуйте!


Скачать шаблоны в архивах:

Highlight_by_allnokia.zip - 3 КБ
Popup_by_allnokia.zip - 4 КБ
Application_by_allnokia.zip - 5 КБ
Создание собственных элементов из девяти секций в Carbide.ui S60 Theme Edition
Добавлено — 15.06.2008
Автор: Червоная Ольга
Обсудить статью

Оценки статьи

5 0
4 0
3 0
2 0
1 0
Средняя оценка

0


Комментарии к этой статье отключены







  • Тренды
  • Статьи
  • Личный опыт

TOP-модели
1 Nokia 230
2 Nokia 216 Dual SIM
3 Microsoft Lumia 640
Рассылка  Настройки





Другие мобильные клубы
Samsung клубSony Ericsson клубSiemens клуб