-Рубрики

 -Приложения

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

 -Фотоальбом

Посмотреть все фотографии серии Апшеронск
Апшеронск
18:22 22.07.2015
Фотографий: 8
Посмотреть все фотографии серии Дети нашего двора
Дети нашего двора
18:06 12.07.2015
Фотографий: 2
Посмотреть все фотографии серии цветы с дачи
цветы с дачи
10:02 12.07.2015
Фотографий: 2

 -Стена

маргарита_шубина маргарита_шубина написал 21.12.2012 20:50:16:

 -

Быстрый переход по страницам блога маргарита_шубина:

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

Поиск сообщений в Татьяна_Волкова_Литвинова

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

 

 -Сообщества

Участник сообществ (Всего в списке: 6) Всё_для_блога Мир_фракталов Картинки_для_днева Украшения_для_дневничка Аудио_плееры Только_для_женщин
Читатель сообществ (Всего в списке: 1) Куклы_и_Модели

 -Статистика

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


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

Воскресенье, 21 Декабря 2014 г. 19:18 + в цитатник
Цитата сообщения 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 - Делаем эффект "Боке" в Adobe Flash.
Часть 2 - Анимация дождя.Озвучивание.Урок 4
...
Часть 19 - Мои работы по уроку «Движение глаз за курсором для Sothinka SWF Quicker»
Часть 20 - Крутящийся шарик в Adobe Flash.
Часть 21 - Делаем флеш календарик в Adobe Flash (AS3).
Часть 22 - Будьте счастливы, друзья!
Часть 23 - FLA исходники для Adobe Flash CS6 «Happy Valentine's Day
...
Часть 48 - флеш "Ночь любви"
Часть 49 - флеш "Старый Новый год"
Часть 50 - Флеш "Моя правнученька"

Рубрики:  ФЛЕШ
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку