-Цитатник

Без заголовка - (0)

Волшебный алфавит. В продолжение темы: тролли, гномы, эльфы, феи - сказочный народ от Pas...

Без заголовка - (0)

Пугательные Испанский иллюстратор Ramon PLA рисует интересные образы, которые иногда воплощает в ...

Без заголовка - (0)

Ирэн №3 2018 2 3 4 5 6 7 8 9 10 11 12 ...

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов

 -Музыка

 -Поиск по дневнику

Поиск сообщений в Та_ещё_штучка_Я

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 3) Мир_мультяшек CoolArt Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.04.2010
Записей: 1494
Комментариев: 8459
Написано: 23046


Делаем флеш календарик в Adobe Flash (AS3)

Понедельник, 22 Декабря 2014 г. 00:19 + в цитатник
Цитата сообщения jzayka Делаем флеш календарик в Adobe Flash (AS3).





Сегодня мы будем делать флеш календарик программно, используя класс Calendar.

Ccылкой на урок поделилась Татьяна_Волкова_Литвинова

Большая благодарность автору Урока за дополнительные пояснения))


В результате получим довольно симпатичный календарик.
Можно сделать с фоном ,как уменя ,можно на прозрачном фоне.




В ходе урока вы узнаете как создать ,видоизменить и настроить под свой вкус и потребности такой календарик.


1.Создадим на компьютере папку для проекта.
Назовем "Проект календарик AS3 ".

1.1.Скопируем в нее документ класса Calendar.as из вложения в посту.

2.Отроем программу и создадим документ Аs3.(Файл-Создать-ActionScript 3.0)

Размеры рабочей области могут быть любыми.В зависимости от вашего проекта.
У меня 350/400

3.Сохраним в созданную папку"Проект календарик AS3" (!Обязательное условие!)
под любым названием,например"календарик AS3".

В папке проекта у нас два файла


4.Создадим 2-ой слой для кода as
На 1-ом слое у нас будет фон.


На слое фон, инструментом прямоуголник я нарисовала фигуру по размеру рабочей области 350/400 с градиентной заливкой.
У вас это может быть картинка,ваша работа,все что хотите...))

5.В Свойствах укажем размеры рабочей области и выровняем по центру
инструментом Выравнивание.


6.Переходим на слой as откроем Панель Действия(F9)
Cкопируем код
code:

//импортируем класс
import Calendar;

//создаём экземпляр класса Calendar
var calendar:Calendar = new Calendar();
//добавляем на сцену
addChild(calendar);

//позиционируем календарь на сцене
calendar.x = 100;
calendar.y = 120;

//создаём объект Date
var d:Date = new Date();

//устанавливаем текущий месяц и год для нашего календаря

calendar.month = d.getMonth();
calendar.year = d.getFullYear();

//отрисовка календаря

calendar.Render();



Вот и все,календарик готов.
Покликайте по стрелочкам,которыми можно перемещаться по годам.
Текущая дата выделена.



Посмотрим как и что можно изменить в календарике.

Например,мы хотим расположить наш календарик выше,ниже..слева,справа..

Указывать место положения(позиционировать) будем изменяя значения х и y.
Значения x и y будут разными(в зависимости от размеров фона,на который вы хотите расположить и места, где вы хотите расположить..
Например:
при увеличении значения x,календарик будет сдвигаться вправо(и наоборот);
при уменьшении значения y,календарик сдвинется вверх(и наоборот)

Давайте разместим календарик в левом верхнем углу

Для этого скопируем код ,именив значения х=50;y=50
code:

import Calendar;

var calendar:Calendar = new Calendar();
addChild(calendar);

calendar.x = 50;

calendar.y = 50;

var d:Date = new Date();

calendar.month = d.getMonth();

calendar.year = d.getFullYear();

calendar.Render();


результат




В разделе Style Configurations внутри класса Calendar.as
можно менять шрифт, его размер и цвет.

Чтобы поменять цвет квадратиков,надо открыть внутри класса Calendar.as раздел Buttons



Если хотите оставить только стрелочки,меняем прозрачности заливки на "0"
и будет вот так



Изменяя значения выше указанных параметров и,применив фантазию, мы сможем видоизменять наши календарики .


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


Уменьшим прозрачность окошек(0.3)

Копируем код.Открываем Панель Действия(F9)
code:

import Calendar;

var calendar:Calendar = new Calendar();
addChild(calendar);
//позиционируем
calendar.x = 35;
calendar.y = 70;
/*
скалируем
*/
calendar.scaleX = 2;
calendar.scaleY = 2;

var d:Date = new Date();

calendar.month = d.getMonth();
calendar.year = d.getFullYear();

calendar.Render();





На этом все! Успехов в творчестве!





Серия сообщений "Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 19 - Реалистичный эффект падающего снега в Adobe Flash(AS3).
Часть 20 - Урок.Загружаем музыку в Adobe Flash c помощью библиотеки классов .
Часть 21 - Делаем флеш календарик в Adobe Flash (AS3).


Метки:  
Понравилось: 1 пользователю