• Авторизация


Урок. Sothink SWF Quicker 5.0 25-10-2011 19:50 к комментариям - к полной версии - понравилось!

Это цитата сообщения MissKcu Оригинальное сообщение



 

Урок по сохранению данных в Cookies.


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

Шаг 1

Открываем новый документ, и устанавливаем его размеры: 425 пикселей – ширина и 150 пикселей – высота. Частоту кадров примем равной 30, и цвет фона – белый. В принципе здесь не имеет значения какого размера будет документ. Вы можете задать и свои размеры, но тогда Вам придется самостоятельно пересчитать размеры кнопок и расстояний между ними. Думаю для тех, кто дружит с геометрией это не составит большого труда.

Шаг 2

Создадим графический символ (нажимаем Ctrl + F8), и в открывшемяся диалоговом окне выбираем Graphics:

В окне редактирования символа выбираем инструмент Restangle (R), и на панели Shape устанавливаем цвет заливки белый, цвет контура – черный толщиной в 2 пикселя (можно на Ваше усмотрение). Смотри рисунок ниже:

Шаг 3

Еще раз нажимаем  Ctrl + F8, но в этот раз выбираем Movie Clip. Перемешаем в окне редактирования символа из библиотеки (захватить с зажатой левой кнопкой мыши) созданный нами в предыдущем шаге графический символ и на панели Transform  центрируем его, как это показано на рисунке ниже.

Шаг 4

Перемещаемся в основную сцену, и добавляем на временной шкале к имеющемуся первому слою еще десять слоев. В первый кадр первого слоя помещаем созданный в шаге 3 мувиклип, и центрируем его так же, как описано в предыдущем шаге. Присваиваем ему имя «bg»

Шаг 5

Во втором и третьем слое располагаем статический текст, примерно такого содержания как Вы видите во флешке в самом верху страницы. Подробно на этом останавливаться не буду. Думаю раз Вы читаете этот урок - о работе  с инструментом «Текст» Вы уже имеете представление. В самом верхнем, одинадцатом слое мы напишем необходимый код, а в остальных семи слоях мы разместим наши семь кнопок разного цвета. О том как это сделать - в следующих шагах.

Шаг 6

Еще раз нажимаем Ctrl + F8 и создаем графический символ, как это описано в шаге 2. Только на этот раз зададим цвет заливки черным, без контура, и размеры его примерно 30 на 30 пикселей.

Шаг 7

Теперь из этого созданного нами графического символа мы будем делать разноцветные кнопки.

Еще раз нажимаем Ctrl + F8, но на этот раз в окне выбираем Button. Смотри как на рисунке:

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

И последовательно нажимаем в кадрах Over, Down и Hit  клавишу F6. 
То есть все четыре кадра будут одинаковыми.

Шаг 8

Снова возвращаемся в основную сцену, выделяем на временной шкале первый кадр четвертого слоя и помещаем в него созданную в шаге 7 кнопку. Присваиваем ей имя But1

В следующих шагах повторяем описанное выше. Только кнопку каждый раз помещаем в новый слой, и присваиваем ей новое имя: But1, But2, …… But7. Смещаем кнопки вправо друг относительно друга на 60 пикселей.

Для удобства и лучшего ориентирования я переименовал слои с кнопками соответственно цвету кнопок. А цвет для кнопок мы будем устанавливать так:

Выделим на рабочем холсте первую кнопку слева и перейдем на панель Transform. В поле Color transform установим такой параметр:

Вот как это будет выглядеть для всех скми кнопок:

И наконец последнее. Выделяем первый кадр на самом верхнем слое (можно переименовать его в Action Layer), м вставляем такой код:

function setcolor(color)
{
var _loc1 = new Color(bg);
_loc1.setRGB(color);
so.data.bgcolor = color;
so.flush();
} // End of the function
var so = SharedObject.getLocal("setbgcolor");
if (so.data.bgcolor != undefined)
{
setcolor(so.data.bgcolor);
} // end if
But1.onPress = function ()
{
setcolor(16711680);
};
But2.onPress = function ()
{
setcolor(65280);
};
But3.onPress = function ()
{
setcolor(255);
};
But4.onPress = function ()
{
setcolor(16776960);
};
But5.onPress = function ()
{
setcolor(65535);
};
But6.onPress = function ()
{
setcolor(16711935);
};
But7.onPress = function ()
{
setcolor(16777215);   

};

Примечание:

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

И несколько пояснений к коду в виде таблицы:

код
пояснения

function setcolor(color)
{
var _loc1 = new Color(bg);
_loc1.setRGB(color);
so.data.bgcolor = color;


установим цвет фона и сохраним его
var so = SharedObject.getLocal("setbgcolor");
Выбираем Local shared object
Shared Objects  используется чтобы запомнить данные даже после того как пользователь закрыл Flash Player. Это просто использование браузерных куков (cookies).
setcolor(16711680);

Каждая кнопка во флешке вызывает код на onPress

Например для кнопки красного цвета(приведен в левой части таблицы)
 

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок. Sothink SWF Quicker 5.0 | Нэллочка - Дневник Нэллочка | Лента друзей Нэллочка / Полная версия Добавить в друзья Страницы: раньше»