پرش به محتوا

آموزش ویجت Transform در فلاتر ✔️

آموزش ویجت Transform در فلاتر

آموزش ویجت Transform در فلاتر

برای شروع کار با Transform ابتدا وارد Scaffold خودمون میشم ویدیو زیر و ببنید:

[restrict]

زاویه ها در Transform

خب دوستان طبق ویدیو بالا ما اومدیم یه آیکن ایجاد کردیم و با استفاده Transform اومدیم و یه زاویه 45 در جه بهش دادیم حالا اگه خوایم به صورت 90 درجه قرار بگیر به صورت زیر عمل میکنیم

قابلیت Scale

آموزش ویجت Transform در فلاتر

خب دیدید که با استفاده از این مورد تونستیم زاویه 90 درجه رو هم برای Icon مورد نظرمون ست کنیم این Transform قابلیت دیگه ای به اسم scale داره که در ادامه نحوه کارش و مشاهده کنید.

[/restrict]

آموزش ویجت Transform در فلاتر

برای اینکه درک بهتری از scale داشته باشیم توی ویدیو بالا اومدیم و یه دکمه تعریف کردیم و بعد گفتیم هر بار که روی دکمه کلیک بشه اندازه این منوی من تغییر بکنه و بعد دیدیم که با کلیک روی دکمه تونستیم هر با اون icon رو تغییر سایز بدیم دوستان شاید به نظرتون خیلی چیز ساده ای هست اما در پروژه کاملا درک میکنید که این چه قابلیت خوبی هست برای طراحی ui و …

قابلیت Translate

[restrict]

خب قابلیت دیگه ای که داره اسمش هست Translate ویدیو زیر و ببینید.

خب با استفاده از Translate توی ویدیو بالا تونستیم که اون Icon رو با متد offset جابه جا کنیم

[/restrict]

خب قابلیت دیگه ای که داره ما اگه از خود Transform استفاده کنیم هم میتونیم باهاش یه حالت Italic رو به ویجتمون بدیم و کار کنیم باهاش ویدیو زیر و ببینید.

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.