نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی

متدهای gotoAndPlay() و gotoAndStop() ActionScript. پرش به فریم مشخص شده

در این درس به 2 سوال می پردازیم:

  • متدهای gotoAndPlay() و gotoAndStop() ActionScript. پرش به فریم مشخص شده
  • اطلاعات تکمیلی
  • ایجاد یک دکمه برای شروع یک ویدیو

    ايجاد كردن لایه جدید.

    کلیک کلیک راستماوس را روی آخرین فریم ویدیوی خود قرار دهید. Inset Keyframe را از منوی زمینه انتخاب کنید (همچنین می توانید از کلید F6 برای ایجاد یک قاب کلید استفاده کنید).

    به دکمه یک نام بدهید، مانند btnReplay.

    در لایه ای که متد stop() را در آن اضافه کرده اید، روی آخرین فریم کلیک کنید.

    پنل Actions را باز کنید.

    یک خط زیر روش stop() ActionScriptنام دکمه را تایپ کنید، یک نقطه بگذارید و سپس تایپ کنید

    AddEventListener(MouseEvent.CLICK، پخش مجدد)؛

    یک کنترل کننده رویداد ایجاد کنید

    پخش مجدد تابع (رویداد:MouseEvent): void ( )

    داخل آکولادشماره گیری کنید

    GotoAndPlay (1);

    Ctrl + Enter را فشار دهید.

    پخش ویدیو شروع می شود. در آخرین فریم متوقف می شود و یک دکمه ظاهر می شود.

    روی دکمه کلیک کنید. پخش ویدیو از ابتدا شروع می شود.

    بر روی دکمه "پس زمینه!" کلیک کنید.

    اطلاعات تکمیلی

    تمرین خوبی است که به یک فریم کلیدی به جای ارجاع به آن با شماره، یک برچسب بدهید. مشکل اصلی ارجاعات شماره فریم، غیر از این که به خاطر سپردن آنها دشوار است، این است: با اضافه یا حذف فریم ها از فیلم، اعداد ممکن است تغییر کنند، بنابراین عمل مورد نظر به درستی انجام نخواهد شد!

    به عنوان مثال، آخرین فریم در ویدیوی شما 200 است، اما اگر بعداً در هنگام ویرایش 10 فریم دیگر به آن اضافه کنید، با فراخوانی gotoAndStop(200) ویدیو نه در آخرین فریم، طبق برنامه ریزی، بلکه 10 فریم قبل از آن متوقف می شود. . در مقابل، اگر آخرین بلوک را به عنوان "پایان" برچسب گذاری کنید، مشکلی وجود نخواهد داشت - توقف در آن رخ می دهد در جای مناسبو فریم های اضافه شده به هیچ وجه بر اسکریپت تأثیر نمی گذارد.

    یکی دیگه جنبه مثبتبا استفاده از میانبرها: آنها در جدول زمانی ظاهر می شوند، یعنی. شما می توانید آنها را ببینید و به راحتی در هنگام وقوع چنین لحظاتی در کد حرکت کنید، نه اینکه با پیمایش در ویدیو به دنبال آنها بگردید.

    میانبرها باید در فریم های کلیدی روی یک لایه جداگانه که به طور خاص برای آنها ایجاد شده است، قرار گیرند، اگرچه بسیاری از برنامه نویسان Flash آنها را با اسکریپت ترکیب می کنند و همه چیز را در یک لایه "عملیات" قرار می دهند. شرط اصلی در اینجا این است که شما باید هم برچسب ها و هم کد را از لایه هایی با عناصر بصری جدا کنید.

    لطفا جاوا اسکریپت را برای مشاهده نظرات فعال کنید.

    در این درس به ایجاد دکمه ای می پردازیم که با کلیک روی آن به سایت هدایت می شود.

    ما ایجاد می کنیم سند جدید"ActionScript 3.0" ایجاد یک دکمه: بیایید یک شی را روی صحنه بکشیم

    در پانل "Timeline" دو لایه ایجاد کنید که اولین لایه "عملیات" و لایه دوم "دکمه" نامیده می شود.

    اکنون لایه “button” را انتخاب کرده و با استفاده از “Rectangle Primitive Tool” یک دکمه روی آن بکشید.

    بیایید پر کنیم از رنگ آبیو گوشه ها را کمی گرد کنید.

    تبدیل یک شی به نماد دکمه

    بیایید شی را به نماد تبدیل کنیم. برای انجام این کار، با استفاده از "ابزار انتخاب" که در قرار دارد پنل سمت راست، شی مورد نظر را انتخاب کنید و دکمه سمت راست ماوس را فشار دهید، در منوی زمینه ظاهر شده "تبدیل به نماد" را انتخاب کنید، "دکمه" را در قسمت "نوع" تنظیم کنید و در قسمت "نام" به شی نام "button1" بدهید. .

    تنظیم یک دکمه

    روی شی دوبار کلیک کنید. چهار فریم در پانل "خط زمانی" ظاهر شد: "بالا"، "بیش از حد"، "پایین" و "ضربه".

    قاب "بالا" دکمه را در حالت عادی خود نشان می دهد، زمانی که مکان نما روی آن قرار نمی گیرد و زمانی که فشار داده نمی شود. قاب "Over" وضعیت دکمه را هنگامی که مکان نما روی آن است نشان می دهد و قاب "پایین" نمایش داده می شود. ظاهرهنگامی که با ماوس کلیک کنید را فشار دهید. قاب "Hit" دکمه را پس از کلیک روی آن نمایش می دهد، ما از آن استفاده نمی کنیم.

    یک قاب قبلاً برای "Up" ایجاد شده است، اکنون بیایید فریم های کلیدی را برای عناصر دیگر ایجاد کنیم. برای این کار فریم مورد نظر را انتخاب کرده و روی call کلیک راست کنید منوی زمینه، که در آن "Insert Keyframe" را نشان می دهیم.

    حال باید ظاهر دکمه را در هر فریم جداگانه ویرایش کنید. عنصر "Up" را بدون تغییر رها کنید، "Over" را انتخاب کنید و به پنل بالای سمت راست برنامه بروید. در تنظیمات "Color"، رنگی را برای دکمه انتخاب کنید که کمی روشن تر از رنگ اصلی باشد.

    برای عنصر «پایین»، رنگ را تیره‌تر از حد معمول قرار دهید.

    بیایید کاری کنیم که دکمه هنگام کلیک کردن کمی کوچک شود. برای انجام این کار، با قرار گرفتن در فریم انتخابی "پایین"، ابزار "Free Transform Tool" را در پنل سمت راست انتخاب کنید.

    کلیدهای Alt+Shift را نگه دارید و اندازه شی را کاهش دهید.

    راه اندازی برنامه

    می توانید ببینید چه اتفاقی افتاده است. برای این کار به صفحه اصلی بروید منوی بالا"File -> Publish Preview -> Flash" یا فقط ctrl+enter را روی صفحه کلید خود فشار دهید.

    اضافه کردن متن به یک دکمه

    حالا بیایید متن را به دکمه اضافه کنیم. برای انجام این کار، در حالت ویرایش دکمه 1، یک لایه دیگر در پانل "Timeline" ایجاد کنید که متن دلخواه را روی آن قرار می دهیم.

    وقتی روی دکمه کلیک می شود، یک کنترل کننده رویداد اضافه می شود

    برای اینکه با فشردن دکمه، برخی اقدامات انجام شود، باید وارد شوید کد برنامه. برای انجام این کار، از حالت ویرایش دکمه به حالت صحنه بروید.

    با استفاده از “Selection Tool” یک شی را انتخاب کرده و در پنل سمت راست برنامه در تنظیمات “Properties” در قسمت “Instance Name” نام دکمه را وارد کنید تا بتوانید از شی در حالت برنامه نویسی استفاده کنید. بیایید شی را "btn1" بنامیم.

    بیایید اولین خط کد را بنویسیم. به خاطر داشته باشید که ActionScript3.0 به حروف بزرگ و کوچک حساس است، به این معنی که با حروف کوچک و بزرگ متفاوت برخورد می کند. بنابراین، ما می نویسیم:

    Btn1.addEventListener(MouseEvent.CLICK، click1)؛

    بیایید به این خط با کمی جزئیات بیشتر نگاه کنیم:
    btn1 دکمه ای است که نام آن در حالت ویرایش صحنه داده شده است.
    addEventListener - در اینجا یک کنترل کننده رویداد برای دکمه اضافه می کنیم.
    MouseEvent.CLICK - رویداد - دکمه ماوس فشار داده شده است.
    کلیک 1 است عملکرد آینده، کاری که می خواهیم با کلیک روی دکمه انجام شود.

    بیایید یک تابع برای پردازش دکمه بنویسیم:

    تابع click1(e:MouseEvent): void ( var url:String = "http://www.site"; var urlRequest:URLRequest = URLRequest(url) جدید؛ navigateToURL(urlRequest)؛ )

    بیایید به چند نکته در کد نگاه کنیم:

    تابع click1(e:MouseEvent):void نام تابعی با پارامتری است که هیچ مقداری را بر نمی گرداند.
    var url:String = "http://www.site"; - یک متغیر رشته ایجاد کنید و بلافاصله آن را به آن اختصاص دهید مقدار متنبه عنوان یک URL
    var urlRequest:URLRequest = new URLRequest(url); برای اینکه دکمه به URL تغییر مسیر دهد، باید یک متغیر با نوع URLRequest ایجاد کنید و یک مقدار سهام یا یک متغیر متنی با چنین مقداری به عنوان پارامتر به آن ارسال کنید.
    navigateToURL(urlRequest)؛ - تغییر مسیر به URL
    ctrl+enter را فشار دهید و ببینید چه اتفاقی می افتد.

    تا کنون، فیلم‌های فلش را که بدون دخالت بیننده از ابتدا تا انتها پخش می‌شوند، بررسی کرده‌ایم. با این حال، فلش همچنین به شما اجازه ایجاد می دهد برنامه های کاربردی تعاملی، که در آن کاربر می تواند نمایش محتوا را کنترل کند. که در این درسما با معرفی عناصر زبان برنامه نویسی Action Script و بررسی نحوه استفاده از آن برای ایجاد برنامه های کاربردی تعاملی شروع می کنیم. به عنوان مثال، بیایید یک آلبوم عکس با عناصر ایجاد کنیم رابط تعاملی. اما قبل از شروع توصیف Action Script، باید در مورد یک نوع نماد دیگر که تاکنون نادیده گرفته ایم صحبت کنیم - نمادهای دکمه. برای ایجاد یک رابط تعاملی، آنها به سادگی ضروری هستند.

    ایجاد دکمه ها

    دکمه یک کلیپ فیلم تعاملی چهار فریم است. وقتی یک نوع Button را به یک نماد اختصاص می دهیم، Flash یک جدول زمانی چهار فریمی برای نماد جدید ایجاد می کند:

    حالت بالا یک قاب است که مطابق با وضعیتی است که دکمه فشار داده نشده و نشانگر ماوس بالای دکمه قرار ندارد.

    قاب حالت بیش از حد که ظاهر دکمه را نشان می دهد زمانی که نشانگر ماوس روی دکمه قرار می گیرد، اما دکمه فشار داده نمی شود.

    حالت پایین این قاب ظاهر دکمه را هنگام فشار دادن نشان می دهد.

    وضعیت ضربه ناحیه ای را که در آن دکمه به کلیک ماوس پاسخ می دهد را مشخص می کند. این قسمت در کلیپ قابل مشاهده نیست.

    برای ایجاد یک دکمه، دستور Insert => New Symbol را اجرا کنید (می توانید میانبر صفحه کلید Control+F8 را تایپ کنید). در کادر محاوره ای Create New Symbol که ظاهر می شود، یک نام برای نماد دکمه وارد کنید (به عنوان مثال but1) و نوع نماد را Button انتخاب کنید.

    فلش به حالت ویرایش کاراکتر سوئیچ می‌کند و فریم‌های Up، Over، Down و Hit را ارائه می‌کند. اولین فریم، Up، تبدیل به یک فریم کلیدی خالی می شود. بیایید یک نمای بدون فشار از دکمه در این قاب رسم کنیم (شکل 1).

    برنج. 1. دکمه قاب بالا

    بیایید فریم دوم را انتخاب کنیم که به عنوان Over مشخص شده و مطابق با وضعیتی است که نشانگر بالای دکمه قرار دارد. بیایید یک فریم کلیدی را در این قاب قرار دهیم (با استفاده از دستور Insert => Keyframe) که در نتیجه یک فریم کلیدی ظاهر می شود که محتوای Up-frame را کاملاً تکرار می کند. بیایید رنگ دکمه را همانطور که در شکل نشان داده شده است تغییر دهیم. 2.

    شکل 2. دکمه روی فریم

    به همین ترتیب، فریم بعدی (قاب پایین) را اضافه کنید و حالت فشار داده شده دکمه را رسم کنید (شکل 3).

    برنج. 3. دکمه پایین فریم

    فعلاً چیزی در فریم Hit رسم نمی کنیم، اما کمی بعد به این فریم باز می گردیم.

    بیایید به صحنه اصلی برویم، کتابخانه را با استفاده از دستور Window => Library فراخوانی کنیم و نمونه ای از نماد دکمه را با کشیدن آن بر روی صحنه ایجاد کنیم (شکل 4.)

    برنج. 4. یک نمونه دکمه با کشیدن آن از کتابخانه ایجاد کنید

    در نتیجه فیلم زیر را دریافت می کنیم. همانطور که در این فیلم مشاهده می شود، فشار دادن یک دکمه نه تنها زمانی که با ماوس روی ناحیه مرکزی (کار) دکمه کلیک می کنیم، بلکه زمانی که روی قاب اطراف آن کلیک می کنیم نیز اتفاق می افتد. این به این دلیل است که اگر فریم Hit رسم نشده باشد، پس فضای کاردکمه مربوط به Up-frame خواهد بود.

    برای اینکه دکمه فقط در ناحیه کار فشار داده شود، لازم است این ناحیه را در کادر Hit تعریف کنید، یعنی دکمه را بدون قاب بکشید (شکل 5 را ببینید).

    برنج. 5. دکمه های قاب ضربه بزنید

    بعد از اینکه Hit-frame مورد نیاز را اضافه کردیم، فیلم زیر را دریافت می کنیم که وقتی روی فریم کلیک می کنید، دکمه فشار داده نمی شود.

    برای تعاملی کردن یک دکمه، باید واقعیت کلیک کردن روی دکمه را با اجرا مرتبط کنید دستورات خاص، یعنی برای توصیف یک سناریوی خاص. برای تنظیم اسکریپت ها در فلش، وجود دارد زبان خاصاکشن اسکریپت در این درس تنها به بخش کوچکی از قابلیت‌های این زبان می‌پردازیم و در آینده با پیچیده‌تر شدن نمونه‌های ساخت فیلم‌های تعاملی در فلش، به ساختار و نحو اکشن اسکریپت باز خواهیم گشت.

    درک اکشن اسکریپت

    Action Script یک زبان برنامه نویسی است - مجموعه ای از دستورالعمل ها که عناصر یک فیلم فلش را کنترل می کند. اکشن اسکریپت ها را می توان در یک فیلم جاسازی کرد یا به صورت خارجی ذخیره کرد فایل متنیبا پسوند AS.

    هنگام تعبیه یک فیلمنامه در یک فیلم، می توان آن را در قسمت های مختلف فیلم جاسازی کرد. به طور خاص، Action Scripts می‌تواند شامل فریم‌های کلیدی، نمونه‌های دکمه‌ای و نمونه‌های کلیپ فیلم باشد. بر این اساس، اسکریپت ها Frame Actions، Button Actions و MovieClip Actions نامیده می شوند.

    اسکریپت‌های اقدام زمانی اجرا می‌شوند که رویدادهای مشخصی که توسط کاربر یا سیستم شروع می‌شوند رخ می‌دهند. مکانیزمی که نشان می دهد برنامه فلشکه در هنگام وقوع یک رویداد خاص کدام عبارت باید اجرا شود، کنترل کننده رویداد نامیده می شود.

    اکشن اسکریپت سینتکس مخصوص به خود را دارد، بسیار شبیه جاوا اسکریپت. Flash MX 2004 از همه اکشن اسکریپت پشتیبانی می کند نسخه های قبلیفلاش.

    یکی از مفاهیم اصلی Action Script عبارتند از Actions - دستوراتی که در حین اجرای یک فایل SWF دستورالعمل ها را صادر می کنند. به عنوان مثال، gotoAndStop() هد پخش را به یک فریم یا نشانه خاص می فرستد. از کلمه Actions نام زبان - Action Script (به معنای واقعی کلمه - اسکریپت عمل) می آید. با استفاده از مثال های خاص با اکثر مفاهیم این زبان آشنا می شویم.

    آلبوم عکس تعاملی

    بیایید استفاده از دکمه‌ها را برای مدیریت یک آلبوم عکس نشان دهیم - مجموعه‌ای از عکس‌ها ایجاد کنید و دو دکمه اضافه کنید که عکس‌ها را به جلو و عقب حرکت می‌کنند.

    بیایید اولین عکس را در جدول زمانی اصلی قرار دهیم و یک دکمه از مجموعه استاندارد اضافه کنیم. برای دسترسی پوشه مورد نظرباید انجام بشه دستور ویندوز=> Control Panels Common Libraries => Buttons (شکل 6).

    برنج. 6. یک دکمه از را اضافه کنید کتابخانه استاندارد

    در نتیجه اجرای این دستور، پانلی ظاهر می شود که شامل مجموعه بزرگی از دکمه های از پیش کشیده شده است انواع مختلف. به عنوان مثال، کلیدهای کلید (دکمه هایی شبیه به کلیدهای صفحه کلید) را انتخاب می کنیم، پوشه مربوطه را باز می کنیم، دکمه سمت چپ را انتخاب می کنیم (شکل 7) و نمونه ای از این دکمه را ایجاد می کنیم (با کشیدن آن بر روی صحنه).

    برنج. 7. عناصر پوشه Key Buttons

    توجه داشته باشید که وقتی دکمه دوم (کلید-راست) را روی صحنه قرار می‌دهید و آن را برای تراز با دکمه اول حرکت می‌دهید، برنامه یک اشاره ( خط نقطه چین) که به شما امکان می دهد دکمه را با دقت قرار دهید (شکل 8).

    برنج. 8. تراز خودکار دکمه ها در همان سطح

    برای افزودن یک اسکریپت، باید ویرایشگر Action Script را با استفاده از دستور Window => Development Panels => Actions یا با فشار دادن کلید F9 فراخوانی کنید. اگر قصد دارید مکررا اسکریپت بنویسید، این یک دستور صفحه کلید است که ارزش به خاطر سپردن دارد. در نتیجه، ویرایشگر Action Script ظاهر می شود (شکل 9).

    برنج. 9. پنل های ویرایشگر اکشن اسکریپت

    اگر با برجسته کردن آزمایش کنید عناصر مختلفروی صحنه، در حالی که همزمان پیام‌ها را در پنل‌های ویرایشگر Action Script رصد می‌کنید، متوجه می‌شوید که برنامه پیشنهاد می‌کند که می‌توانید کد را روی کدام عنصر قرار دهید. اگر یک فریم را روی صحنه انتخاب کنید، کتیبه Actions - Frame در گوشه سمت چپ بالای پنل ویرایشگر ظاهر می شود؛ اگر روی دکمه کلیک کنید، کتیبه Actions - Button ظاهر می شود، یعنی برنامه از شما می خواهد که کد وارد شده را نشان می دهد. مربوط به اسکریپت دکمه و اگر عکسی را انتخاب کنید، پیامی در فیلد در نظر گرفته شده برای وارد کردن یک اسکریپت ظاهر می شود: انتخاب فعلی نمی تواند اعمالی را روی آن اعمال کند (یک اسکریپت نمی تواند روی این شی انتخاب شده اعمال شود).

    ما یک اسکریپت را به یک دکمه اختصاص می دهیم. که در آخرین نسخه هااکشن اسکریپت قابلیت نوشتن کدهای متمرکز یعنی کدهایی را دارد که در یک مکان قرار دارند و این قابلیت به شما امکان درک بهتر برنامه های بزرگ را می دهد. با این حال، در مثال های ساده (که ما به آن نگاه می کنیم)، اختصاص یک اسکریپت به یک دکمه کاملاً قابل قبول است.

    بنابراین، برای یک دکمه فلش سمت چپ، باید سناریوی زیر را رسمی کنیم: "اگر دکمه روی یک فریم خاص رها شود، از این فریم باید به فریم قبلی بروید." مطابق با سینتکس زبان Action Script (شکل 10)، به این صورت خواهد بود:

    خط اول شامل کنترل کننده رویداد دکمه on () است که دارای فرمت:

    حالا چند فریم کلیدی اضافه می کنیم تا دکمه های ایجاد شده در فریم اول در آنها کپی شود و عکس های لازم را در فریم های تازه ایجاد شده قرار دهیم.

    اگر فیلم ایجاد شده را برای اجرا اجرا کنیم، فریم ها به طور مداوم یکی پس از دیگری پخش می شوند و بنابراین، ابتدا باید دستور Stop را روی فریم اول بدهیم. برای این کار دستور مربوطه را به فریم اول اضافه کنید (شکل 11).

    برنج. 11. اسکریپت اختصاص داده شده به فریم اول

    لطفاً توجه داشته باشید: دستور دیگر به دکمه اختصاص داده نمی شود، بلکه به فریم اختصاص داده می شود. این واقعیت که به یک فریم یک اسکریپت اختصاص داده شده است در خط ویرایش اصلی ذکر شده است - یک حرف کوچک "a" در بالای نقطه پررنگ در تعیین قاب ظاهر می شود.

    در نتیجه به فیلم بعدی رسیدیم.

    اگر فقط چند فریم در آلبوم عکس داشته باشیم، دو دکمه - "به جلو" و "بازگشت" - کاملاً کافی است، اما اگر مجموعه عکس‌ها بزرگ است، توصیه می‌شود دکمه‌هایی نیز داشته باشید که به ابتدا پیوند دارند. و پایان فیلم که در مثال زیردکمه های مربوطه را اضافه می کنیم: "به اولین فریم" و "به آخرین فریم". می توانید دکمه های یک یادگاری مناسب را از کتابخانه استاندارد دکمه ها از پوشه دکمه های دایره انتخاب کنید (شکل 12).

    با استفاده از مثال پیشنهادی، با دستور دیگری به نام gotoAndStop() آشنا می شویم که به شما امکان می دهد به فریم مورد نظر بروید و سپس توقف کنید.

    برنج. 12. دکمه های پوشه Circle Buttons

    همانطور که در شکل نشان داده شده است، یک کد روی دکمه برای رفتن به اولین فریم (سومین فریم از سمت چپ در شکل 13) قرار می دهیم. 13.

    برنج. 13. اسکریپت برای دکمه "در اولین فریم".

    در مورد یک آلبوم عکس با پنج فریم، اسکریپت انتقال "به آخرین فریم" را به آخرین دکمه اضافه کنید:

    اسکریپت نویسی خودکار

    تا به حال، ما تمام دستورات را به صورت دستی تایپ می کردیم، اما پنل های ویرایشگر ActionScript تعدادی خدمات را برای نوشتن خودکار اسکریپت ارائه می دهند. بیایید این احتمالات را در نظر بگیریم.

    برنج. 14. ابزار اسکریپت خودکار

    پنل ویرایشگر Action Script به شما امکان می دهد دستورات را انتخاب کنید، بکشید، مرتب کنید و حذف کنید.

    بیایید نشان دهیم که چگونه می توانید همان اسکریپت را برای دکمه "Forward" به صورت خودکار بنویسید. با انتخاب پوشه Movie Clip Control (پنجره بالا سمت چپ در شکل 14)، می توانید به کنترل کننده رویداد دسترسی پیدا کنید و سپس باید روی مورد مربوطه دوبار کلیک کنید یا عبارت را روی قسمت نوشتن اسکریپت در Drag و بکشید. حالت رها کردن

    برنج. 15. راهنمایی برای تکمیل یک عبارت

    در نتیجه عبارت مورد نیاز و یک اشاره مانند این در قسمت کار ظاهر می شود (شکل 15): شما دستور مورد نظر را از منو انتخاب می کنید و عبارت به طور خودکار تکمیل می شود. همانطور که از منو مشاهده می شود، شما می توانید نه تنها شرایط مربوط به دکمه های روی صفحه را انتخاب کنید - همچنین می توانید از منو شکل را انتخاب کنید. 15 مورد کلید """ یا "کلید" را فشار دهید که مربوط به فشار دادن است کلیدهای صفحه کلید(فلش چپ، فلش راست)، یعنی می توان یک آلبوم عکس ایجاد کرد که با استفاده از کلیدهای صفحه کلید "ورق زده شود".

    برنج. 16. تماس با دکمه صفحه کلید

    بیایید از دستور keyPress "" استفاده کنیم (شکل 16)، سپس به پوشه Timeline Control بروید، دستور nextFrame را انتخاب کنید و آن را به قسمت کاری بکشید (شکل 17).

    برنج. 17. دستور nextFrame را می توان در پوشه Timeline Control یافت

    برای دکمه ای که فیلم را به ابتدای آلبوم عکس می برد، می توانید فشار دادن را از منو به عنوان رویداد انتخاب کنید کلیدهای خانه، و سپس (شکل 18) دستور gotoAndStop را به داخل فیلد بکشید، در نتیجه یک اشاره دیگر در نحو ممکن این دستور ظاهر می شود.

    فلش های موجود در راهنمای ابزار به شما امکان مشاهده می دهد انواع مختلفنحو. این برنامه دو گزینه را ارائه می دهد (شکل 18 و 19)، یعنی تنظیم یک صحنه و یک فریم یا فقط یک فریم را ارائه می دهد. در مورد ما کافی است فقط Frame را مشخص کنیم. اگر نام صحنه حذف شده باشد، پیش فرض پرش به کادر صحنه فعلی است.

    برنج. 18. راهنمایی در مورد دستور دستور ممکن است

    برنج. 19. فلش مثلثی به شما امکان می دهد گزینه های نحو را مشاهده کنید

    بعد از اینکه همه دکمه های مربوطه را اختصاص دادیم دکمه های صفحه کلید، فیلم زیر را دریافت می کنیم که ورق زدن عکس ها از صفحه کلید انجام می شود و کلیک ماوس روی دکمه های روی صفحه هیچ عواقبی در پی نخواهد داشت.

    آیا می توان سناریویی را ارائه کرد که در آن رویدادهای مختلف منجر به اقدامات مشابه شود؟ به نظر می رسد که می توانید - برای انجام این کار، باید لیستی از نام رویدادها را در کنترل کننده رویداد فهرست کنید. اگر بعد از اولین رویداد یک کاما در لیست رویدادها قرار دهید، خود برنامه یک منو به شما ارائه می دهد (شکل 20).

    برنج. 20. هنگامی که یک کاما را در لیست رویداد وارد می کنید، منویی از دستورات اضافی به طور خودکار ظاهر می شود

    بیایید به اولین رویداد (فشردن دکمه صفحه کلید) رویداد دوم (رها کردن دکمه روی صفحه) را اضافه کنیم:

    روشن (کلید "" را فشار دهید، رها کنید)

    بیایید این روش را برای دکمه های باقی مانده تکرار کنیم و در نتیجه یک آلبوم عکس خواهیم داشت که در آن عکس ها با استفاده از ماوس و صفحه کلید پیمایش می شوند (فایل FLA اصلی را می توانید از لینک دریافت کنید).

    در مثال در نظر گرفته شده، ما از انتقال بر اساس شماره فریم استفاده کردیم، اما این روش همیشه راحت نیست: اگر شماره گذاری فریم در طول فرآیند ویرایش فیلم تغییر کند، منطق ممکن است خراب شود. استفاده از انتقال با علامت فریم راحت تر است. بیایید به مثالی نگاه کنیم که نه تنها نیاز به ورق زدن آلبوم، بلکه رفتن به بخش های مختلف، یعنی ناوبری پیچیده تر دارد.

    اجازه دهید آلبوم از نقاشی تشکیل شده باشد، گرافیک کامپیوتریو عکس ها

    بیایید اولین فریم از بخش "طراحی ها" را برچسب گذاری کنیم تصاویر؛ به همین ترتیب، برچسب های "گرافیک" و "عکس" را به اولین فریم های بخش های دیگر اختصاص می دهیم.

    بیایید یک لایه برای قرار دادن برچسب ها ایجاد کنیم و آن را Lables بنامیم. برای برچسب گذاری یک فریم، در پنل Properties باید نوع برچسب Name را انتخاب کرده و نام آن را یادداشت کنید. در مورد ما، تصاویر (شکل 21). به همین ترتیب، ما نشانگرها را در فریم های 5 و 10 قرار می دهیم (شکل 22).

    برنج. 21. نمونه ای از اختصاص برچسب به یک قاب

    حالا بیایید یک لایه جدید اضافه کنیم و آن را Actions بنامیم. در اولین فریم کلیدی لایه Actions، پانل Actions Frame را فراخوانی کنید (با فشار دادن دکمه F9) و دستور stop () را وارد کنید (شکل 22 را ببینید).

    برنج. 22. فیلمنامه اولین شات

    اجازه دهید یک لایه دیگر به نام Subjects (موضوع) اضافه کنیم، که در آن عناوین را به فریم های مربوطه می دهیم: "Drawings" (شکل 23)، "Graphics" و "Photos".

    برنج. 23. عنوان قاب های بخش "نقشه ها".

    حالا بیایید دکمه های منو با نام های مشابه را به کنار اضافه کنیم که آنها را روی یک لایه جدید به نام Menu قرار می دهیم.

    بیایید اولین مورد از منوی "تصاویر" را از لبه سمت چپ چاپ کنیم و آن را به نماد دکمه تبدیل کنیم. با استفاده از ابزار Arrow، را انتخاب کنید بلوک متنی“Pictures” و دستور Modify => Convert to Symbol را اجرا می کنیم (این دستور را می توان با استفاده از کلید F8 نیز اجرا کرد)، در پنل Convert to Symbol نوع نماد را Button قرار داده و نام آن را PictureButton تعریف می کنیم (شکل 24).

    برنج. 24. نام pictureButton را به دکمه رفتن به قسمت تصاویر اختصاص دهید

    بیایید چهار فریم برای دکمه "طراحی ها" ایجاد کنیم: اولی به سادگی نشان می دهد متن اصلی(شکل 25)، دومی همان متن است که فقط به رنگ آبی است، از فریم سوم می گذریم (در این حالت فریم Down مانند قاب Over خواهد بود) و در کادر Hit یک ناحیه مستطیل شکل می کشیم. که دکمه های ناحیه کلیک را مشخص می کند (شکل 26).

    برنج. 25. فریم بالای تصویر دکمه

    برنج. 26. دکمه ی pictureButton را بر فریم فشار دهید

    حال باید اسکریپت را به دکمه ایجاد شده جدید متصل کنیم. برای انجام این کار، دکمه صحنه 1 را انتخاب کرده و با فشار دادن F9، پنل Actions را فراخوانی کرده و کد نشان داده شده در شکل را وارد کنید. 27.

    برنج. 27. اسکریپت برای انتقال به یک قاب با برچسب

    سوال: ایجاد یک دکمه برای رفتن به فریم ویرایش بعدی


    ظهر بخیر کاربران عزیز انجمن مسئله این است که من با ActionScript 3.0 چندان آشنا نیستم، اما باید فوراً یک کار را در آن انجام دهم.
    یک فیلم فلش با 5 فریم ویرایش وجود دارد. هر فریم ویرایش شامل انیمیشن و موسیقی است. در آخرین فریم که انیمیشن و موسیقی به پایان می رسد، دکمه ای ایجاد کردم تا به فریم ویرایش بعدی بروید. اینم محتوایش:
    کد اکشن اسکریپت 3
    1 2 3 4 5 6 متوقف کردن()؛ Btn2. addEventListener (MouseEvent . CLICK , f2_ClickToGoToNextFrame) ; تابع f2_ClickToGoToNextFrame(رویداد: MouseEvent): void ( nextFrame () ;)

    مشکل این است که فقط یک بار کار می کند. آن ها انتقال از اولین فریم ویرایش به فریم دوم عادی است، اما در دومی دیگر انیمیشن پخش نمی شود. اصلا هیچ اتفاقی نمی افتد.
    میشه بگید چطور میشه کد این دکمه رو درست نوشت؟ من از کمک های ارائه شده سپاسگزار خواهم بود.

    P.S. من از Flash Professional CS6 استفاده می کنم.

    پاسخ:

    پیام Yulia_programmer

    و روی فریم ویرایش دوم هم همین دکمه هست؟با همون کد؟

    نام نمونه ها متفاوت است، اما کد یکسان است.
    من قبلا این موضوع را حل کرده ام. به جای nextframe نوشتم nextscreen. همه چیز همانطور که من نیاز داشتم کار کرد. متشکرم

    سوال: غیرفعال کردن صدا هنگام جابجایی بین برش ها


    روز بخیر اعضای انجمن
    یک ویدیوی فلش حاوی چندین فریم ویرایش وجود دارد. برخی از مونتاژها حاوی صدا هستند. هنگام جابجایی بین فریم ها، صدا همپوشانی دارد. لطفا بگید چطوری درست کنم که موقع تعویض فریم موزیک هم خاموش بشه؟ پیشاپیش از شما متشکرم.

    پاسخ:

    سوال: صدای مونتاژ اول به مونتاژ دوم تبدیل می شود


    روز همگی بخیر، این سوال پیش آمد: چگونه می توانم مطمئن شوم که صدای فریم ویرایش اول به فریم دوم منتقل نمی شود؟
    به طور خلاصه، من در حال ساخت یک کارتون در مورد تانک ها هستم و صدای یک تانک در حال حرکت به فریم ویرایش دوم می رود، زمانی که طبق برنامه ریزی شده، تانک فقط آنجا ایستاده و تیراندازی می کند. به من بگویید چگونه این را درست کنم؟
    پیشاپیش از همه کسانی که پاسخ دادند بسیار سپاسگزارم!

    پاسخ: چگونه صدا را شروع می کنید؟

    سوال: ایجاد دکمه برای سایت گوگل


    ظهر بخیر، استادان انجمن سایبری عزیز. برای ایجاد یک دکمه کوچک برای سایت واقعا به کمک شما نیاز داریم. مشکل این است که من اصلاً با جاوا اسکریپت آشنا نیستم، اما به یک دکمه برای سایتی با محتوای زیر نیاز دارم:

    در سایتی که من ایجاد کردم، sites.google، یک پنجره داخلی با یک فرم گوگل دارم، یک پنجره متنی برای وارد کردن تعدادی وجود دارد. صندوق پستی. برای راحتی کاربر، می خواهم دکمه ای مانند "برو به صندوق پستی خود" در زیر این فرم ایجاد کنم.
    همانطور که متوجه شدم، اسکریپت باید متن را از همان پنجره بگیرد و کاراکترهای غیر ضروری را قطع کند، به عنوان مثال exampleuser در exampleuser@ domain.kg و در یک پنجره جدید به همان دامنه ایمیل سوئیچ کند.

    برخی از مشکلات سایت های گوگل به شدت هر جاوا اسکریپت را مسدود می کنند، اما افزونه هایی برای درج کد وجود دارد. اسکریپت جاوا اسکریپت- Embeded Gadjet، شاید بتواند کمک کند.

    برای هر گونه اطلاعاتی در مورد مشکلم سپاسگزار خواهم بود. اگر به ساختار همان صفحه نیاز دارید، اسکرین شات ها را اضافه می کنم.

    پاسخ: کد htmlاختیاری است، اما ترجیحاً در صورت امکان، و می توانید آن را با یک اسکریپت درج کنید. اسکریپت باید به طور کامل درج شود.

    این مزخرف است، مقدار پیش‌فرض، شما در مرورگر نگاه می‌کنید تا کد عنصر را مشاهده کنید و با کلیک روی دکمه، بسته به آدرس صندوق پستی وارد شده، چه آدرسی نمایش داده می‌شود.

    سوال: هنگام کلیک بر روی دکمه ها، تصویر بعدی/قبلی را نشان دهید


    یک نوار لغزنده وجود دارد که از یک تصویر بزرگ و تصاویر کوچک در زیر آن با فلش تشکیل شده است. من آن را طوری ساختم که وقتی روی تصویر مرکزی کلیک می کنید باز می شود و حتی بزرگتر می شود، به من بگویید چگونه با استفاده از دکمه ها انتقال به تصویر بعدی/قبلی را اجرا کنم.< >

    $(document).ready(function() ($(".bxslider1").bxSlider(( pageCustom: "#bx-pager1" )); $(".slider_boxes").on("click","#clacks ",function() ( var srcc = $(this).attr("src"); $("#shads").fadeIn(); $("#open_img").attr("src", srcc); var img_cl = $("#open_img").attr("class"); $("#big_imgs").fadeIn(); $(".slider_boxes").on("click"، ".but_left"، تابع () ( //تصویر قبلی ظاهر می شود ))؛ $(".slider_boxes").on("click", ".but_right", function() ( //تصویر ظاهر می شود )); )); $("# shads ").click(function() ($("#shads").fadeOut(); $("#big_imgs").fadeOut(); )); ));

    پاسخ: نحوه استنباط تصاویر قبلی و بعدی

    سوال: ایجاد دکمه با افکت همپوشانی


    عصر بخیر

    دو ساعت طول کشید تا تصمیم بگیرم در کدام بخش بهتر است یک موضوع ایجاد کنم، زیرا نمی دانم از کدام راه به مشکل برخورد کنم =/

    من می خواهم یک دکمه در وب سایت ایجاد کنم، اما به گونه ای که نوعی جلوه ویدیویی در پیش زمینه وجود داشته باشد (در اینجا یک نمونه در After Effects ساخته شده است)
    چه ابزارهایی می توان این را پیاده سازی کرد؟ اصلا امکانپذیر است؟
    دکمه باید "مستقل" از انیمیشن افکت رفتار کند. ماوس را نگه داشتم - فرض کنید سبز شد، کلیک کردم - قرمز و غیره.

    متشکرم.

    پاسخ: آیا واقعا هیچ گزینه ای وجود ندارد؟

    مجموعه ای از ابزارهای اساسی برای ایجاد رابط کاربری گرافیکی غیر استاندارد با جلوه های انیمیشن برای سایت به من بگویید.

    می‌دانم که می‌توانید مانند اینجا یا اینجا با CSS سر و کله بزنید، اما نمی‌توانم تصور کنم که چگونه با این وسایل مشکلم را حل کنم. با استفاده از css، آیا می توانید یک ورودی نیم دایره ای با پس زمینه پویا ایجاد کنید، یا فرض کنید مایع درون آن ریخته می شود و با قابلیت وارد کردن داده ها؟

    همه جا می نویسند که فلش از مفید بودنش گذشته است، بدون اینکه هیچ جایگزینی ارائه کنند. در 99 درصد درس‌های فلش، تمام عناصر/نمادها در داخل خود فلش ترسیم می‌شوند و در نتیجه ظاهری کارتونی به نام «Masyanya» ایجاد می‌شود. چند کارتون، چند بازی، چند رابط کاربری گرافیکی. به قولی خیلی خوب به نظر نمی رسد. آنها می گویند: "به HTML5 بروید." خوب، به من بگویید چگونه با استفاده از بوم یک انیمیشن در بالا ایجاد کنم. ترسیم انیمیشن اسپرایت با دست در 100 خط کد دقیقاً همان چیزی است که در HTML5 آرزو و منتظرش بودم. اما شما می توانید خطوط را ترسیم کنید.

    اینجا فتوشاپ است که در آن می توانم مثلاً 4 حالت را برای یک دکمه رسم کنم. توضیح دهید که چرا باید همان اقدامات را از طریق CSS انجام دهم یا همان کار را در فلش دوباره ترسیم کنم؟

    هر چه بیشتر سعی کنید آن را بفهمید، بیشتر گیر می کنید =/

    سوال: ایجاد یک دکمه ("دکمه" را تایپ کنید یا "تصویر" را تایپ کنید؟)


    چیدمان قالب psd، نیاز به استفاده از دکمه ای با پس زمینه خاص خود در قالب تصویر بود. برای اینکه نگران نباشم تصمیم گرفتم از نوع ورودی = "تصویر" استفاده کنم، آیا امکان پردازش کلیک روی چنین دکمه ای برای ارسال فرم وجود دارد؟ یا اینکه باید از type="button" استفاده کرد؟

    پاسخ:

    HTML5
    1 2 3
    جاوا اسکریپت
    1 2 3 تابع submitForm() (document.getElementById("myForm") .submit() ;)
    بعد از 1 ساعت و 6 دقیقه اضافه شد
    تصویری از دکمه را به من نشان دهید، شاید بتوانید ارسال را سبک کنید

    سوال: دکمه ها کار نمی کنند ( Adobe Flash)


    من چندین لایه درست کردم، هر لایه دکمه مخصوص به خود را دارد با یک لینک که باید باز شود. اما بعد از اینکه این لایه‌ها را روی انیمیشن قرار دادم (به آرامی از پشت لبه بیرون می‌روم)، دکمه‌ها کار نمی‌کنند، گزارش می‌گوید

    Cutscene 1, Action Layer, frame 1, line 10, column 1 1120: Reversing the nonexistent button_1 خاصیت.
    Cutscene 1، Action Layer، قاب 100، خط 10، ستون 1 1120: معکوس کردن ویژگی nonexistent button_1.
    Cut 1, Actions layer, frame 200, line 10, column 1 1120: Reversing the nonexistent button_2.
    Cut 1, Actions layer, frame 300, line 10, column 1 1120: Inverting the nonexistent button_3.
    Cut 1, Actions layer, frame 400, line 10, column 1 1120: Inverting the nonexistent button_4 خاصیت.


    چگونه می توان دکمه ها را حتی بعد از انیمیشن کار کرد؟

    پاسخ: من به مشکل دیگری برخوردم، swf خود را در مرورگر ذخیره کردم و باز کردم، اما وقتی روی دکمه کلیک می کنم به سایت نمی رود (از ادوبی فلش می رود) مشکل چیست؟ مرورگر کروم

    سوال: ایجاد یک دکمه با استفاده از CSS


    سلام به همه. من سعی می کنم بفهمم چگونه با استفاده از CSS یک دکمه بسازیم. خود پارامترها به شرح زیر است: ارتفاع - 45 پیکسل، عرض - 110 پیکسل، نوع طراحی - بیضی. وقتی روی دکمه کلیک می کنید، یک افکت کلیک ظاهر می شود (فشار دادن، نمی دانم چگونه درست توضیح دهم) و سپس به لینک داخل دکمه بروید.

    من فکر می کنم باید اینگونه باشد:

    کد CSS
    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 .btn (حاشیه: 1 پیکسل توپر #333؛ طرح کلی: هیچ؛ شعاع حاشیه: 50 درصد؛ پس‌زمینه: هیچ #fff؛ عرض: 110 پیکسل؛ ارتفاع: 45 پیکسل؛ تراز متن: مرکز؛ نمایش: بلوک درون خطی؛ ارتفاع خط : 45 پیکسل؛ مکان نما: نشانگر؛ حاشیه-پایین: 3 پیکسل ثابت #333؛ موقعیت: نسبی؛ بالا: 0 پیکسل؛ -webkit-transition: 0.1s ease-out؛ -moz-transition: 0.1s ease-out؛ -o-transition - moz-transition: 0.1s ease-out؛ -o-transition: 0.1s ease-out; transition: .1s ease-out;)

    سوال: وقتی روی دکمه کلیک می کنید، به لنگر رفته و بلوک را باز کنید


    سلام!
    لطفا کمک کنید.
    در سایت در هدر یک فرم فیلتر با یک دکمه وجود دارد
    یک دستگاه تهویه مطبوع انتخاب کنید

    نتایج مرتب سازی فیلتر در بلوک زیر نمایش داده می شود
    بخش کلاس = "انتخاب،
    قبل از اعمال فیلتر، تمام رکوردها بدون مرتب سازی در آنجا نمایش داده می شوند

    این وظیفه است.
    هنگامی که روی آن کلیک می کنید، ابتدا بلوک را با سوابق پنهان کنید دکمه ارسالشما باید بلوک را نمایش دهید و آن را بلند کنید (صفحه را اسکرول کنید).

    چقدر امتحانش کردم
    جلوی بلوک لنگر انداخته است
    اولاً، لنگر فقط در صورتی کار می کند که دکمه با پیوندی به لنگر پیچیده شده باشد و علاوه بر این، اگر چنین پیوندی در کنار آن قرار گیرد، باید پنهان شود.
    یک کولر گازی تکراری انتخاب کنید

    ثانیاً، وقتی اسکریپتی را نصب کردم که با کلیک روی دکمه، بلوکی را با سوابق نمایش می‌دهد، انتقال به لنگر ناپدید شد.

    تابع resu() ($(.selection").hide(); $(".goresult").click(function(event) ( event.preventDefault(); // به طوری که وقتی روی یک پیوند کلیک می کنید، این کار انجام نشود $(".selection").slideToggle(); )); resu();

    چگونه می توان همه اینها را با هم و در یک زمان انجام داد؟

    پاسخ: لعنتی من زود خوشحالم...
    باز می شود و اسکرول می کند، بله، اما انتخاب متوقف شده است، همه رکوردها را بدون فیلتر نشان می دهد ...


    ما قبلاً کمی نقاشی را یاد گرفته‌ایم، بنابراین می‌خواهم این فرصت را به شما بدهم که با یک منطقه بسیار جالب از ایجاد دکمه‌های فلش آشنا شوید. من به سادگی از استفاده از این نمادهای جادویی برای اهداف خودم شگفت زده شده ام. برخلاف سایر محیط‌ها، که من را در مورد فلش مجذوب می‌کند، ایجاد دکمه‌ها نه تنها شامل تعریف الگوریتم نحوه عملکرد دکمه، بلکه ایجاد آن نیز می‌شود. آن ها ما خودمان ترسیم می کنیم و می دانیم که دکمه ما چگونه کار می کند ، هنگام فشار دادن ، هنگام نگه داشتن مکان نما و موارد دیگر چه اتفاقی برای آن می افتد. من به شما اطمینان می دهم، چنین طیفی از تخیل شما را به اکتشافات جدید و ++ تشویق می کند تا از آنچه انجام داده اید لذت ببرید :)

    یک دکمه چگونه ایجاد می شود و چرا حتی به آن نیاز است؟ دکمه تقریباً در همه جا و همیشه استفاده می شود. نکته یک دکمه این است که وقتی از آن به نحوی استفاده می شود (نه ISO، نه مقدس)، اتفاقاتی رخ می دهد که توسط محتویات دکمه یا تأثیر آن مشخص می شود. می توان از آن به صورت پیش پا افتاده استفاده کرد، از انتقال به فریم دیگر با کلیک کردن بر روی آن گرفته تا محاسبات الگوریتمی باورنکردنی یا منشا انواع رویدادها. اینجا محدودیتی برای تخیل وجود ندارد. وقتی روی دکمه ای که حاوی مجموعه ای از دستورات است کلیک می کنید، رویدادی ایجاد می شود که بعداً استفاده می شود.

    در این مقاله می خواهم به آن نگاه کنم با استفاده از یک دکمه به عنوان انتقال به یک قاب جدید. یعنی: چندین فریم وجود دارد، اما آنها یکی یکی جایگزین یکدیگر نمی شوند، زیرا در فریم اول دستور stop() را نصب کردیم (در مورد آن صحبت کردم). پس بیایید تصور کنیم: ما دو قاب داریم که روی هر یک از آنها کتیبه ای وجود دارد که تعداد این قاب را برای دید و درک آسان نشان می دهد. روی فریم اول و دوم یک دکمه داریم. یک دکمه آماده از آن برداشتم کتابخانه های Adobeفلش CS4 (برای اینکه زیبا به نظر برسد)، اما توصیه می کنم که دکمه را خودتان بسازید. چگونه انجام می شود؟

    یک شی به انتخاب و رنگ خود شبیه به یک دکمه بکشید (اگر بخواهیم از آن یک دکمه بسازیم)، سپس کل شیء کشیده شده را انتخاب کرده و کلید F8 را فشار دهید. درخواستی ظاهر می شود که از شیئی که انتخاب کرده ایم می خواهیم چه کاری انجام دهیم. ما باید یکی از گزینه ها را انتخاب کنیم:

  • دکمه - ساختار خاص خود را دارد و همچنین اهدافی برای برنامه نویسی برای اجرا دارد تیم های مختلف. یعنی هنگام انجام دستکاری های مختلف با دکمه ها: فشار دادن، نشان دادن مکان نما، حرکت مکان نما و غیره، نوعی اسکریپت نصب شده و تعریف شده توسط ما اجرا می شود.
  • کلیپ (فیلم)- یک کلیپ با انیمیشن داخلی (در این مورد بعداً به شما خواهم گفت)
  • گرافیک- گرافیک، ایستا و بدون حرکت، مانند یک تصویر در حوزه فعالیت ما خواهد بود.
  • بر این اساس انتخاب می کنیم دکمه. همین است - دکمه ما ساخته شده است، اما به نوعی ثابت است، وقتی آن را با مکان نما نگه دارید تغییر نمی کند، به طور کلی فقط یک عکس است، و مشخص نیست که آیا اصلاً زنده است یا خیر؟

    بنابراین، هنگام پرورش یک دکمه از یک شی، برخی از قابلیت ها به آن داده می شود: وقتی دوبار کلیک کنیدبر روی دکمه ایجاد شده جدید کلیک کنید، ساختار داخلی کلید ما باز می شود که اکنون آن را شرح می دهم و سعی می کنم به طور مفصل توضیح دهم. برای شروع، دیدگاه کمیسیون را ارائه می کنم دوبار کلیک کنیددکمه سمت چپ ماوس روی دکمه ایجاد شده:


    می بینیم که داخل دکمه هستیم و ساختار آن را در قسمت قاب به دقت بررسی می کنیم: 4 نقطه دارد:

  • بالا - هر چیزی که در زیر این برچسب قرار دارد ظاهر دکمه ما در است حالت عادی، یعنی اگر دکمه به سادگی روی صفحه قرار گیرد (ما هیچ عملی را با آن انجام نمی دهیم) چگونه به نظر می رسد. در اولین ملاقات ما او را اینگونه خواهیم دید.
  • بیش از - ظاهر دکمه زمانی که نشانگر ماوس روی آن قرار دارد. آن ها نشانگر خود را روی آن نگه می‌داریم، و دکمه ما ظاهر خود را تغییر می‌دهد تا به ما اطلاع دهد که روی آن قرار گرفته‌ایم و ممکن است بخواهیم از آن استفاده کنیم. خیلی عملکرد راحتدر فلش، من آن را خیلی دوست دارم :)
  • پایین - ظاهر دکمه وقتی روی آن کلیک می کنیم، یعنی. در لحظه ای که نشانگر ماوس روی دکمه کلیک می کند، دقیقاً همانطور که این نشانگر تعریف می کند، آن را خواهیم دید
  • ضربه - اعتراف می کنم که نمی دانم چرا این نقطه است، اما من معمولاً نمای دکمه را در حالت خنثی مانند یک علامت می کشم. بالا
  • همانطور که می بینید، برای هر حالت یک نمای فردی از دکمه ترسیم می کنیم، باور کنید، این برای ایجاد راه حل های فردی در این زمینه بسیار راحت است.

    ما دکمه را کمی مرتب کرده ایم، اکنون برنامه ای را که می خواهیم ایده خود را پیاده سازی کنیم، مرور می کنیم. ما دو فریم داریم که هر یک کتیبه مخصوص به خود را دارد که تعداد فریم در حال پخش را به ما می گوید، به علاوه دکمه مشابه ساخته شده را به هر فریم اضافه کردیم (شما می توانید آن را در کتابخانه اجزای ما انتخاب کنید):


    بنابراین، ما در حال حاضر دو فریم با متن خود و همان دکمه داریم. حالا بیایید کدی را که در فریم ها و دکمه های خود پیاده سازی می کنیم، مرور کنیم. در فریم اول، همانطور که در بالا نوشتم، stop() می نویسیم، و اینجاست که دستورات فریم در واقع به پایان می رسند :)

    ما تمام عملیات های دیگر را با استفاده از کد موجود در دکمه انجام خواهیم داد، و بلافاصله باید درک کنیم که دستورات دکمه در هر فریم متفاوت خواهد بود، یعنی از قاب قبلی منتقل نمی شوند. اولین فریم را فعال انتخاب می کنیم و با یک کلیک دکمه خود را انتخاب می کنیم. در پنجره Actions اکنون می توانیم کد خود را برای دکمه بنویسیم. این چیزی است که باید در کد دکمه واقع در فریم اول وارد کنیم:

    روشن (انتشار) (gotoAndStop(2)؛ )

    اکنون همه چیز را توضیح می دهم: در (انتشار) - این عملیاتبرای ما تعیین می کند که آنچه در کروشه های مربع زیر آمده است، کدی است که با کلیک روی این دکمه اجرا می شود. یعنی دکمه را فشار می دهیم و کد داده شده داخل آن خوانده می شود. در داخل چه اتفاقی خواهد افتاد؟ در داخل پرانتز مربع، قبلاً خواهیم نوشت


    چیزی که به دست آوردیم: وقتی دکمه را فشار می دهیم، به پخش فریم شماره 2 می رویم. اگرچه در ابتدا روی فریم شماره 1 متوقف می شویم، زیرا شامل کادر است. دستور stop().حال با فشردن دکمه از فریم اول به پخش دومی می رویم.

    فریم دوم دستوراتی در داخل آن برای اجرا ندارد، اما ما در آن توقف می کنیم، زیرا هنگام حرکت از فریم 1 به ما دستور داده شد که در این فریم توقف کنیم (از gotoAndStop (2)). بنابراین، روی این قاب یخ می زنیم و نوعی تصویر ثابت می بینیم. اکنون چگونه می توانیم به 1 فریم برگردیم؟فکر می کنم قبلاً حدس زده اید - برای دکمه فریم دوم ما مجموعه دستورات استفاده شده قبلی را می نویسیم و فقط تعداد فریمی را که قرار است به آن برویم تغییر می دهیم:
    on (release) ( gotoAndStop(1)؛ ) اگر در عوض اشتباه نخواهیم کرد gotoAndStop (1)ما آن را یادداشت می کنیم gotoAndPlay (1)،زیرا در هر صورت در فریم 1 متوقف خواهیم شد، زیرا حاوی دستور است متوقف کردن()، که در هر صورت پخش را در فریم 1 متوقف می کند، زیرا کد فریم اول فقط پس از دستورات فریم دومی که از آن پرش کرده ایم خوانده می شود. بیایید نگاهی بیندازیم به آنچه که باید در فلش می گرفتیم:

    نتیجه: با فشردن دکمه بین فریم اول و دوم جابجایی انجام می دهیم. این پیاده سازیاغلب در زندگی استفاده می شود، زمانی که با فشار دادن یک دکمه نیاز به انجام یک رویداد یا انتقال داریم. همچنین می‌توان از آن در موقعیت‌های مختلف استفاده کرد: زمانی که نیاز به اجرای یک کلیپ دارید (بعداً در مورد آن صحبت خواهم کرد)، رندر یک فریم را تغییر دهید، دستورات دیگری را برای یک فریم تنظیم کنید، عملیات محاسبه را انجام دهید، و خیلی چیزهای دیگر. سعی کنید کمی آزمایش کنید و در جایی که از دستورات و اقداماتی که قبلاً می دانید استفاده می کنید، تغییر دهید. منتظر نتایج و سوالات شما هستم! :)

    بهترین مقالات در این زمینه