On-Line Библиотека www.XServer.ru - учебники, книги, статьи, документация, нормативная литература.
       Главная         В избранное         Контакты        Карта сайта   
    Навигация XServer.ru






 

Создание часов

Ну, вот ты и захотел научиться делать часы =), ну что ж приступим:

Для начала создадим электронные часы. Первое что нам нужно сделать это текстовое поле. Затем надо вписать в него 6 нолей (по 2 ноля) это выглядит примерно вот так: 00 00 00 , теперь надо кликнуть правой кнопкой по этим получившемся 6 нолям и выбрать меню Panels>Text Options, или кликнуть по изображению буквы А в нижнем правом углу.

там появится окно под названием Character, нам надо выбрать под названием Text Options

и сделать всё как на рисунке (задать значение time в поле Variable, выбрать Dynamic Text, и Single line, кликнуть по этому [:] изображению ) типа скобки закончились :-)

Ну подошла очередь вставить в первый кадр сценарий выглядит он вот так:

mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
hour = mydate.getHours();
if (sec<10) {
sec = "0"+sec;
}
if (min<10) {
min = "0"+min;
}
if (hour<10) {
hour = "0"+hour;
}
time = hour add " " add min add " " add sec;

Пояснять всё я пожалуй не буду: :-( Но что-то объясню!!!

if (sec<10) {
sec = "0"+sec; //Это что бы ставился ноль до самого числа когда секунд меньше 10.
}
if (min<10) {
min = "0"+min; //Это что бы ставился ноль до самого числа когда минут меньше 10.
}
if (hour<10) {
hour = "0"+hour; //Это что бы ставился ноль до самого числа когда часов меньше 10.
}
time = hour add " " add min add " " add sec; //Это чтобы вместо наших нолей писалось время.

Сейчас надо добавить ещё один Frame (кадр) это чтобы наши часы обновлялись (нужно чтобы было 2 кадра)

Теперь надо нажать волшебные клавиши Ctrl+Enter и увидеть наше чудо сделанное общими силами!



Теперь приступим к созданию механических часов в смысле круглых:
Значит так, делаем сейчас циферблат (это кружочек, на котором будут находиться стрелочки, у него обязательно должен быть центр, на рисунке этот центр это зелёный маленький круг).

создадим символ клавишами Ctrl+F8, назовём его 'минута', нарисуем в нём минутную стрелку, чтобы центр символа был в конце стрелки (внизу) как на рисунке. :0)

Затем надо создать ещё 2 символа, это 'час' и 'секунда' также чтобы центр был внизу, и не забудь все стрелки сделать разных цветов. Теперь перенесём эти созданные символы на наш циферблат, так что бы их центры были на нашем зелёном кружочке как на рисунке

Подошло время выделить часовую стрелку и нажать Ctrl+Ш и напечатать hour в поле для ввода

затем надо выделить минутную стрелку и вписать min и наконец выделить секундную стрелку и вписать sec .
Ну, теперь выделяй первый кадр и вводи сценарий:
time = new Date();
s = time.getSeconds();
m = time.getMinutes();
h = time.getHours();
setProperty ("min", _rotation, m*6+s*0.1);
setProperty ("sec", _rotation, s*6);
setProperty ("hour", _rotation, h*30+m*0.5);
Но это я уж точно объяснять не буду сами, догадаетесь (шутка).
И вставляем ещё кадр (Frame) должно получиться 2 кадра это опять же для того что бы часы обновлялись.
Теперь надо нажать магические клавиши Ctrl+Enter и наслаждаться увиденным!



Литература по FLASH