Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Przeciąganie elementów (drag&drop)
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Przeciąganie elementów (drag&drop)
Technologie webowe

Przeciąganie elementów (drag&drop)

WebInside.pl
Ostatnia aktualizacja: 25.07.2003
WebInside.pl
Udostępnij
Udostępnij

W tym tutorialu postaram się przybliżyć funkcje umożliwiające stosowanie bardzo często stosowanej metody przeciągnij-i-upuść (drag&drop).

Zacznijmy od utworzenia klipu (Ctrl + F8), który będzie przeciągany. Nazwiemy go „obiekt”.

Następnie przeciągnijmy ten movie clip na scenę. Aby był on widoczny dla action scriptu musimy mu nadać kolejną nazwę (Instance Name).

Do klipu obiekt przypisujemy akcje:

onClipEvent(mouseDown) {   //podczas wciśnięcia lewego klawisza myszy   startDrag(this, false, 50, 50, 300, 300);   //rozpocznij przeciąganie}onClipEvent(mouseUp) {   //podczas puszczenia lewego klawisza myszy   stopDrag();   //przerwij przeciąganie}

Funkcja startDrag(target,[lock ,left ,top ,right, bottom]) rozpoczyna przeciąganie klipu filmowego, którego nazwa (Instance Name) jest pierwszym argumentem tej funkcji. My użyliśmy słowa kluczowego this. Ponieważ skrypt znajduje się właśnie w tym klipie, który ma być przeciągany this zastępuje nazwę obiektu. Drugi argument (opcjonalny) przyjmuje wartość true lub false. Jeśli użyjemy tej pierwszej przy rozpoczęciu przeciągania środek klipu znajdzie się dokładnie pod kursorem.

Jeśli użyjemy false kursor będzie zawsze tam stykał się z movie clipem tam gdzie go „chwycimy”. Kolejne argumenty (opcjonalne) pozwalają ograniczyć pole w którym mc może być przeciągany. A więc tymi argumentami są współrzędne kwadratu, którego środek obiektu nie przekroczy podczas przeciągania. Funkcja stopDrag() nie przyjmuje żadnych argumentów. Jak można się domyśleć powoduje ona zatrzymanie przeciągania. Dobrze jest jeszcze zwiększyć ilość klatek wyświetlanych na sekundę (fps), aby uniknąć opóźnienia przy przeciąganiu.

Dotarliśmy do końca tutoriala. Choć ta metoda ma kilka wad (np. możliwość przeciągania na raz tylko jednego mc), to i tak jest godna polecenia. Metoda przeciągnij-i-upuść jest prosta w użyciu, a zarazem funkcjonalna. Użytkownicy systemu Windows, (ale nie tylko) wiedzą coś o tym… Materiały do powyższego tutoriala znajdują się . Ewentualne pytania proszę kierować na .

Może Cię zainteresować

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

Serwer dla małej firmy – czym kierować się przy jego wyborze?

WebInside.pl 2003-07-25 2003-07-25
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Preloader we Flashu
Następny artykuł Płynne przesuwanie obiektu za pomocą klawiatury
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Procesor AMD Ryzen 7
Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
Technologie
Jak przygotować sklep internetowy na automatyzację obsługi klienta?
Artykuły partnerskie
the nvidia logo is displayed on a table
Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
AI Aktualności
Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?
E-marketing
4 najczęstsze cyberzagrożenia w przemyśle
Technologie
Jak uratować zaschnięty tusz do drukarki? Skuteczne domowe sposoby i porady
Poradniki
Model 3D jako wspólne źródło danych dla projektu, produkcji i montażu
Artykuły partnerskie
Dlaczego wideo z telefonu sprzedaje na TikToku lepiej niż profesjonalne spoty?
Artykuły partnerskie
Dwa ekrany zawsze pod ręką – zalety korzystania z monitora przenośnego na co dzień
Technologie
Rola nowoczesnych technologii w procesie rehabilitacji
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

5 min czytania
Technologie webowe

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

7 min czytania
MacBook Pro showing programming language
Technologie webowe

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

9 min czytania
AktualnościTechnologie webowe

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

9 min czytania
woman in black top using Surface laptop
Technologie webowe

Serwer dla małej firmy – czym kierować się przy jego wyborze?

5 min czytania
Technologie webowe

Jaki hosting wybrać pod Laravel? Kompleksowy przewodnik dla twórców aplikacji webowych

6 min czytania
programming language
Technologie webowe

Kaskadowość w CSS – wszystko, co musisz wiedzieć

7 min czytania
two women talking while looking at laptop computer
Technologie webowe

Darmowe kreatory stron WWW – stwórz swoją stronę w godzinę

14 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy

Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
  • Jak przygotować sklep internetowy na automatyzację obsługi klienta?
  • Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
  • Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?