فلاتر یک فریمورک متنباز و بسیار محبوب برای ساخت اپلیکیشنهای موبایل، وب و دسکتاپ است که توسط گوگل توسعه یافته است. یکی از ویژگیهای قدرتمند فلاتر، قابلیت طراحی و ایجاد گرافیکهای پیچیده و زیبا است. یکی از ابزارهای کاربردی در طراحیهای گرافیکی، گرادیانتها هستند. در این مقاله به بررسی دقیق Linear Gradient در فلاتر خواهیم پرداخت و نحوه استفاده از آن را به همراه مثالهای کاربردی توضیح خواهیم داد.
Linear Gradient یا گرادیانت خطی، یک تغییر تدریجی و پیوسته از یک رنگ به رنگ دیگر است که در یک خط مستقیم رخ میدهد. این نوع گرادیانت میتواند در طراحیهای مختلف برای ایجاد جلوههای بصری زیبا و حرفهای استفاده شود. در فلاتر، ایجاد گرادیانتهای خطی بسیار ساده است و به شما امکان میدهد تا رنگهای مختلف را به صورت خطی ترکیب کنید و طرحهای جذابی بسازید.
برای استفاده از Linear Gradient در فلاتر، از ویجت Container و پارامتر decoration استفاده میکنیم. در ادامه به بررسی دقیقتر این موضوع خواهیم پرداخت.
Container ایجاد میکنیم که شامل پارامتر decoration باشد.
LinearGradient، لیستی از رنگها که میخواهید در گرادیانت استفاده شود را تعریف میکنید. برای مثال، در کد بالا از رنگهای آبی و قرمز استفاده شده است.begin و end میتوانید جهت گرادیانت را تعیین کنید. به طور پیشفرض، گرادیانت از بالا به پایین خواهد بود. برای تغییر جهت، میتوانید از Alignment استفاده کنید.
stops میتوانید مشخص کنید که تغییر رنگها در چه نقاطی از مسیر گرادیانت رخ دهد. این پارامتر یک لیست از اعداد اعشاری بین ۰ و ۱ است که نشاندهنده مکانهای نسبی رنگها است.
در این مثال، یک صفحه کامل با استفاده از گرادیانت خطی طراحی شده است. این صفحه شامل یک AppBar و یک Container با گرادیانت خطی است.
در این کد، یک Scaffold با یک AppBar و یک Container دارای گرادیانت خطی از سه رنگ آبی، سبز و قرمز ایجاد شده است. متن “Hello, Flutter!” در مرکز صفحه نمایش داده میشود.
دوره فلاتر الماس یکی از دورههای جامع و پیشرفته برای یادگیری فلاتر است که به شما کمک میکند تا مهارتهای خود را در زمینه توسعه اپلیکیشنهای موبایل، وب و دسکتاپ با استفاده از فلاتر به سطح بالاتری برسانید. این دوره شامل مباحث متعددی از جمله کار با ویجتها، مدیریت وضعیت، اتصال به APIها، و همچنین طراحیهای گرافیکی پیشرفته مانند استفاده از گرادیانتها میباشد.
در دوره فلاتر الماس، شما با مباحث زیر آشنا خواهید شد:
Provider، Bloc و غیره.
Linear Gradient یک ابزار قدرتمند در فلاتر است که به شما امکان میدهد تا طرحهای گرافیکی زیبا و جذابی ایجاد کنید. با استفاده از این ابزار میتوانید تجربه کاربری اپلیکیشنهای خود را بهبود بخشید و جلوههای بصری حرفهایتری ارائه دهید. اگر به دنبال یادگیری بیشتر و پیشرفتهتر در زمینه فلاتر هستید، دوره فلاتر الماس میتواند یک انتخاب عالی برای شما باشد تا مهارتهای خود را به سطح بالاتری برسانید.
