معرفی
جتپک کامپوز (Jetpack Compose) ابزار مدرن گوگل برای ساخت رابط کاربری بومی اپلیکیشنهای اندروید با زبان Kotlin است. این ابزار از رویکرد اعلانی (Declarative UI) استفاده می‌کند. در این رویکرد، توسعه‌دهنده رابط کاربری را بر اساس وضعیت (State) برنامه توصیف می‌کند و Compose با تغییر وضعیت، رابط را به‌روزرسانی می‌کند. در این رویکرد، توسعه‌دهنده رابط را بر پایه وضعیت (State) برنامه توصیف می‌کند؛ سپس Compose هنگام تغییر وضعیت، رابط لازم را به‌روزرسانی می‌کند. راهنمای رسمی Android Developers این مدل را جایگزینی برای ساخت و تغییر مستقیم Viewها در XML معرفی می‌کند.
واحد اصلی ساخت رابط در Compose، تابع Composable است. این تابع بخشی از رابط کاربری، مانند دکمه، فرم ورود یا فهرست محصولات را توصیف می‌کند. این توابع را میتوان ترکیب، بازاستفاده و آزمایش کرد. برای چیدمان نیز اجزایی مانند Column، Row، Box و LazyColumn در اختیار دارید.
مدیریت درست وضعیت و درک بازترکیب (Recomposition) بخش مهم کار با Compose است. پس از تغییر وضعیت خوانده‌شده در رابط، Compose Composableهای نامعتبرشده را دوباره ارزیابی می‌کند و در بعضی شرایط می‌تواند بخش‌هایی را از بازترکیب رد کند. نتیجه به پایداری داده، محل خواندن وضعیت و ساختار Composableها وابسته است. راهنمای مدل ذهنی Compose و مستندات State در Compose این رفتار را با جزئیات توضیح می‌دهند.
داده‌های صفحه باید با چرخه حیات Activity یا Fragment هماهنگ باشند؛ برای نمونه، مستندات رسمی استفاده از APIهای lifecycle-aware را برای جمع‌آوری جریان‌های داده در رابط توصیه می‌کنند. این موضوع در صفحه‌هایی که داده شبکه، وضعیت بارگذاری یا رویدادهای کاربر دارند، از نمایش یا دریافت داده در وضعیت نامناسب صفحه جلوگیری می‌کند. برای جزئیات، مستندات چرخه حیات Composableها را بخوانید.
چه زمانی Compose را انتخاب کنید
برای اپلیکیشن فقط اندروید با تیمی که Kotlin می‌نویسد، Compose انتخابی مناسب برای ساخت رابط جدید و معماری مبتنی بر وضعیت است.
اگر کدبیس فعلی بر XML و View تکیه دارد، هزینه بازنویسی را با افزودن تدریجی Compose به یک صفحه یا قابلیت مستقل مقایسه کنید. Compose و Viewها میتوانند در یک پروژه کنار هم باشند؛ مستندات Interop با Viewها مسیرهای این هم‌زیستی را توضیح می‌دهند.
اگر یک کدبیس مشترک برای Android و iOS اولویت اصلی است، Flutter یا React Native را نیز بر اساس مهارت تیم، افزونه‌های موردنیاز و هزینه نگهداری بررسی کنید.
برای رابط بومی iOS، SwiftUI گزینه مدرن‌تر اپل است؛ UIKit نیز در پروژه‌های قدیمی‌تر iOS، نیازهای سفارشی‌سازی خاص یا کدبیس‌های موجود اهمیت دارد. این دو جایگزین مستقیم برای رابط اندروید نیستند، بلکه هنگام انتخاب راهبرد چندسکویی یا توسعه iOS مطرح می‌شوند.
شروع عملی و معیار آمادگی
پیش از شروع، باید بتوانید در Kotlin تابع، کلاس، lambda، nullability و coroutine را در یک برنامه ساده به‌کار ببرید. سپس در Android Studio یک صفحه فهرست محصول بسازید که وضعیت بارگذاری، خطا و داده را نمایش دهد؛ با LazyColumn فهرست را پیاده‌سازی کنید، صفحه جزئیات را با ناوبری باز کنید و وضعیت فیلتر را پس از چرخش صفحه حفظ کنید.
وقتی بتوانید بدون انتقال بی‌دلیل وضعیت به چند Composable، ورودی کاربر را مدیریت کنید، فهرست Lazy بسازید، بازگشت از صفحه جزئیات را درست انجام دهید و داده وابسته به صفحه را با چرخه حیات هماهنگ نگه دارید، درک پایه قابل‌ارزیابی از Compose دارید. برای مشاهده حالت‌های مختلف یک Composable پیش از اجرای کامل برنامه، از Preview در Android Studio استفاده کنید.
برای فردی که با مفاهیم پایه Kotlin آشناست و هفته‌ای ۸ تا ۱۰ ساعت تمرین می‌کند، یادگیری مفاهیم اولیه Compose و ساخت یک پروژه ساده ممکن است حدود ۴ تا ۸ هفته زمان ببرد. این زمان با توجه به تجربه قبلی فرد در توسعه اندروید و میزان پیچیدگی پروژه متفاوت است. اگر Kotlin، معماری اندروید یا مدیریت وضعیت را هم‌زمان می‌آموزید، این بازه طولانی‌تر می‌شود.
ارتباط با استخدام در ایران
در آگهی‌های ایران، عنوان‌های «Android Developer» و «Android Kotlin Developer» را جداگانه بررسی کنید؛ یکسان بودن عنوان شغلی به معنای یکسان بودن کدبیس و ابزارها نیست. هنگام تطبیق رزومه با هر آگهی، Kotlin، Android Studio، معماری اپلیکیشن، کار با API، Git و میزان نیاز به XML و View را کنار Compose بررسی کنید.
شناخت XML و View برای تیم‌هایی که محصول موجود را نگهداری می‌کنند مهم است، زیرا ممکن است مهاجرت به Compose مرحله‌ای باشد. توسعه‌دهنده اپلیکیشن موبایل نیز باید بتواند میان نیاز محصول، محدودیت کدبیس و انتخاب ابزار رابط تصمیم بگیرد، نه اینکه Compose را برای هر پروژه تنها گزینه ممکن بداند.
ویژگی‌های کلیدی
موارد زیر تصویری کلی از این بخش برای این ابزار ارائه می‌کنند.
-
رابط کاربری اعلانی
رابط را به‌صورت تابعی از وضعیت برنامه توصیف می‌کنید. با تغییر وضعیت، Compose رابط لازم را به‌روزرسانی می‌کند و نیاز به تغییر دستی Viewها کاهش می‌یابد.
-
کامپوننت‌های Composable
بخش‌های مختلف رابط کاربری با توابع Composable ساخته می‌شوند. توسعه‌دهنده می‌تواند اجزایی مانند کارت محصول، نوار ابزار یا فرم ثبت‌نام را به توابع کوچک‌تر تقسیم کند و در بخش‌های مختلف برنامه دوباره به‌کار ببرد.
-
چیدمان با Kotlin
چیدمان، فاصله‌گذاری، شرط‌ها و تکرار فهرست‌ها در Kotlin نوشته می‌شوند. Column، Row، Box و LazyColumn از اجزای رایج برای ساخت ساختار صفحه هستند.
-
مدیریت وضعیت و بازترکیب
پس از تغییر وضعیت، Compose Composableهای نامعتبرشده را دوباره اجرا می‌کند و ممکن است بخش‌هایی را از بازترکیب رد کند. این رفتار به پایداری داده، نحوه خواندن وضعیت و ساختار Composableها وابسته است. جزئیات در مستندات مدل ذهنی Compose آمده است: developer.android.com
-
هماهنگی با چرخه حیات اندروید
میتوان داده‌های موجود در ViewModel و جریان‌هایی مانند Flow را با چرخه حیات صفحه هماهنگ کرد و در رابط کاربری نمایش داد. مستندات رسمی چرخه حیات Composableها روش‌های مناسب این کار را توضیح می‌دهد: developer.android.com
-
پیش‌نمایش و ابزارهای توسعه
Android Studio امکان Preview برای مشاهده Composableها بدون اجرای کامل برنامه را فراهم می‌کند. این قابلیت برای بررسی حالت‌های مختلف رابط و تم‌ها کاربردی است: developer.android.com
-
سازگاری تدریجی با Viewهای قدیمی
Compose می‌تواند در پروژه‌های مبتنی بر XML به‌تدریج استفاده شود و Viewهای سنتی نیز در رابط Compose میزبانی شوند. مستندات رسمی مسیرهای هم‌زیستی Compose و View را توضیح می‌دهد: developer.android.com
کاربردها
در ادامه، مهم‌ترین موارد این بخش به تفکیک معرفی شده‌اند.
-
ساخت رابط اپلیکیشن جدید اندروید
برای اپلیکیشنهای فقط اندروید که تیم با Kotlin کار می‌کند و می‌خواهد رابطی مبتنی بر وضعیت بسازد، Compose گزینه‌ای مناسب است. پیش از انتخاب، نیاز به پشتیبانی از کدبیس XML موجود و مهارت تیم را بررسی کنید.
-
پیاده‌سازی فهرست‌ها و صفحه‌های داده‌محور
صفحه‌هایی مانند فهرست کالا، پیام‌ها، سفارش‌ها یا نتایج جست‌وجو را میتوان با LazyColumn و وضعیت‌های بارگذاری، خطا و داده طراحی کرد.
-
ساخت فرم‌های تعاملی
در فرم‌های ورود، ثبت‌نام یا پرداخت، میتوان مقدار ورودی‌ها، نتیجه اعتبارسنجی و وضعیت فعال یا غیرفعال بودن دکمه‌ها را به State متصل کرد. به این ترتیب، رابط کاربری متناسب با تغییرات ورودی کاربر به‌روزرسانی می‌شود.
-
نوسازی تدریجی اپلیکیشن XML
تیم‌هایی که اپلیکیشن قدیمی دارند، میتوانند ابتدا یک صفحه یا یک جزء جدید را با Compose بسازند و پس از تثبیت الگوهای معماری، دامنه مهاجرت را گسترش دهند. هم‌زیستی Compose و View در مستندات Android Developers پشتیبانی شده است.
-
ساخت سیستم طراحی داخلی
تیم می‌تواند رنگ‌ها، تایپوگرافی، دکمه‌ها و اجزای پرتکرار را به Composableهای استاندارد تبدیل کند تا ظاهر صفحه‌های مختلف یکپارچه بماند.
ابزارهای جایگزین
در کنار جتپک کامپوز، ابزارهای مشابه زیر نیز در دسترس هستند.
پرسش‌های رایج درباره جتپک کامپوز
در این بخش، به تعدادی از پرسش‌های رایج درباره این ابزار پاسخ داده شده است.
آیا برای یادگیری جتپک کامپوز باید Kotlin بلد باشم؟
بله. جتپک کامپوز برای توسعه رابط کاربری اندروید با زبان Kotlin طراحی شده است. برای یادگیری آن، بهتر است ابتدا با مفاهیم پایه Kotlin مانند تابع، کلاس، عبارتهای lambda و مدیریت مقادیر null آشنا باشید. آشنایی با coroutine نیز در توسعه اپلیکیشنهای اندروید کاربرد زیادی دارد.
آیا جتپک کامپوز جای XML را در اندروید گرفته است؟
Compose رویکرد مدرن و پیشنهادی گوگل برای ساخت رابط کاربری اندروید است، اما XML و Viewهای سنتی همچنان در بسیاری از پروژه‌های موجود استفاده می‌شوند. توسعه‌دهندگان میتوانند این دو روش را در یک پروژه ترکیب کنند و به‌تدریج بخش‌های مختلف برنامه را به Compose منتقل کنند. Compose و Viewهای XML میتوانند در یک پروژه کنار هم باشند. مستندات رسمی هم‌زیستی آن‌ها را توضیح می‌دهد: developer.android.com
بازترکیب در Jetpack Compose چیست؟
بازترکیب فرایندی است که Compose پس از تغییر وضعیت، Composableهای نامعتبرشده را دوباره ارزیابی می‌کند. Compose ممکن است بتواند برخی بخش‌ها را از بازترکیب رد کند؛ این رفتار به ساختار Composableها، پایداری داده و نحوه خواندن وضعیت وابسته است. راهنمای رسمی: developer.android.com
آیا میتوان Compose را به پروژه اندروید قدیمی اضافه کرد؟
بله. Compose و Viewهای XML میتوانند در یک پروژه کنار هم استفاده شوند. معمولاً بهتر است مهاجرت را از یک صفحه یا قابلیت مستقل آغاز کنید، نه از بازنویسی کامل اپلیکیشن. راهنمای رسمی: developer.android.com
برای کار با جتپک کامپوز به چه ابزاری نیاز دارم؟
Android Studio ابزار اصلی توسعه، اجرای شبیهساز، بررسی خطا و مشاهده Previewهای Compose است. همچنین به Kotlin و شناخت پایه توسعه اندروید نیاز دارید. مستندات Preview: developer.android.com
