معماری فریم ورک برنامه نویسی فلاتر

معماری فریم ورک برنامه نویسی فلاتر

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، اجازه دهید ما در مورد معماری فریم ورک برنامه نویسی فلاتر بحث کنیم.

ابزارک ها (ویجت ها)

مفهوم اصلی فریم ورک برنامه نویسی فلاتر این است که همه چیز یک ابزارک است. ابزارک ها در اصل اجزای رابط کاربری هستند که برای ایجاد رابط کاربری برنامه استفاده می شوند.

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

به عنوان مثال، سلسله مراتب ویجت برنامه hello world (در درس قبل ایجاد شده است) همانطور که در نمودار زیر مشخص شده است

در اینجا نکات زیر قابل توجه است:

• MyApp ویجت کاربر است و با استفاده از ویجت بومی ، MaterialApp ساخته می شود.
• MaterialApp دارای ویژگی خانه برای تعیین رابط کاربری صفحه اصلی است که دوباره یک ابزارک ایجاد شده توسط کاربر ، MyHomePage است.
• MyHomePage با استفاده از ویجت بومی دیگری به نام Scaffold ساخته شده است
• Scaffold دارای دو ویژگی است – body و appBar
• body برای تعیین رابط کاربری اصلی خود و از appBar برای مشخص کردن رابط کاربری هدر آن استفاده می شود
• Header UI با استفاده از widget native flutter ساخته شده است ، AppBar و Body UI با استفاده از widget Center ساخته شده اند.
• ابزارک Center دارای یک ویژگی به نام Child است که محتوای واقعی را ارجاع می دهد و با استفاده از ابزارک Text ساخته می شود

ژست های حرکتی

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

مفهوم state در برنامه نویسی فلاتر 

ابزارک های فلاتر با تهیه یک ابزارک ویژه، StatefulWidget، از وضعیت نگهداری state پشتیبانی می کنند. ویجت برای پشتیبانی از نگهداری state باید از ابزارک StatefulWidget مشتق شود و همه ابزارک دیگر باید از StatefulWidget مشتق شود. ویجت های فلاتر به صورت بومی واکنش پذیر هستند. این همانند واکنش های است و StatefulWidget هر زمان که وضعیت داخلی آن تغییر کند به صورت خودکار ارائه می شود. ارائه مجدد با یافتن تفاوت بین رابط کاربری ویجت قدیمی و جدید و ارائه تنها تغییرات لازم بهینه می شود

لایه ها در فلاتر

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

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

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

• در برنامه نویسی فلاتر، همه چیز یک ابزارک است و یک ابزارک پیچیده از ابزارک های موجود تشکیل شده است.
• در صورت لزوم با استفاده از ابزارک GestureDetector می توان ویژگی های تعاملی را وارد کرد.
• با استفاده از ابزارک StatefulWidget می توانید حالت ویجت را هر زمان لازم داشت ، حفظ کنید.
• فلاتر طرح لایه ای را ارائه می دهد تا بسته به پیچیدگی کار بتوان هر لایه را برنامه ریزی کرد.

منبع.

لیست جلسات قبل آموزش برنامه نویسی فلاتر

1. معرفی برنامه نویسی فلاتر
2. آموزش نصب فلاتر
3. اصول ایجاد یک برنامه فلاتر در Android Studio