آموزش تصویری ایجاد دکمه در نرم افزار Storyline

ارسال شده در: آموزشی, تولید محتوا, نرم افزار | 0

آموزش تصویری ایجاد دکمه در نرم افزار Storyline

با com01 همراه باشید …

۱- برای اضافه کردن Button ابتدا روی گزینه ی Insert رفته و سپس از بخش Controls دکمه را انتخاب و ترسیم میکنیم.

دکمهopen image

۲- زمانی که Button را ترسیم کردیم وارد بخش Status در قسمت پایین اسلاید کنار Timeline می شویم تا بتوانیم حالت های محتلف Button را مشاهده کنیم.

بررسی حالات Button :

  • Normal : هیچ عملی روی Button انجام نشده است.

  • Hover : زمانی که موس را روی Button میبریم به چه حالتی باشد.

  • Down : زمانی که روی Button کلیک میکنیم به چه حالتی باشد.

  • Visited : زمانی که دکمه را مشاهده می کنیم به چه حالتی باشد.

  • Disabled : حالت دکمه زمانی که غیر فعال است.

دکمهopen image

 Initial State : با استفاده از این گزینه میتونیم وضعیت اولیه Button رو تعیین کنیم.

دکمهopen image

زمانی که دکمه در حالت انتخاب است با استفاده از گزینه ی Format میتوانیم تنظیمات ظاهری دلخواه را به Button اعمال کنیم.

دکمهopen image

دکمهopen image

Edit Stase : برای اینکه حالت Button را ویرایش کنیم روی این گزینه کلیک کرده و تنظیمات دلخواه را انجام میدهیم سپس Done را میزنیم.

دکمهopen image

در این مثال ما حالت نهایی Button را Visited در نظر گرفتیم.  و حالت ابتدایی Button  روی Normal تنظیم شده است.

 بنابراین شکلی انتخاب میکنیم برای اینکه ،  زمانی که روی Button کلیک کردیم این شکل (ضربدر) ظاهر شود و به این معنی باشد که این دکمه قبلا مشاهده شده است.

دکمهopen image

شکلی که ترسیم میکنیم در مثال ما ضربدر، دکمه در همان حالتی که میخواهیم شکل نمایش داده شود باید قرار داشته باشد ( در مثال ما Visited )

دکمهopen image

دکمهopen image

تا اینجا کار ما برای ترسیم Button و انواع حالات Button تمام شد .

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

خوب برای این کار نیاز به اضافه کردن تصویر و یا ترسیم یک شکل داریم

ما با استفاده از ابزار Shape یک چهار ضلعی ترسم میکنیم شبیه شکل زیر ،

دکمهopen image

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

در این مثال ما نیاز به قراردادن تصویری در چهارضلعی داریم.

دکمهopen image

در تصاویر زیر مراحل اضافه کردن تصویر به چهارضلعی را مشاهده می کنید.

دکمهopen image

دکمهopen image

?حالت اولیه چهار ضلعی را باید روی ?Hidden تنظیم کنیم.

دکمهopen image

تصویر زیر مربوط به ?Trigger ?ها است که باعث ایجاد عملی در Button می شوند که  ?به طور مفصل در آموزش های بعدی توضیح داده خواهد شد.?

فقط برای این مثال ، تنظیمات را دقیقا به شکل زیر تنظیم کنید و سپس پروژه را اجرا کنید.

میبینید که با فشردن Button ، تصویر نمایش داده می شود و همچنین علامت ضربدر کنار ؤ طاهر می شود و به معنی این هست که Button مشاهده شده است.

دکمهopen image

مطالب مرتبط :

آموزش نرم افزار تولید محتوای StoryLine

ارسال پاسخ