اخبار محصول

با نسخه بتای ۱.۲ طرح‌بندی تطبیقی ​​​​کامپوزیت، امکانات جدیدی را آشکار کنید

۳ دقیقه مطالعه
Fahd Imtiaz و Miguel Montemayor

با ورود گوشی‌های جدید مانند Pixel 10 Pro Fold به اکوسیستم اندروید، توسعه اپلیکیشن‌های تطبیقی ​​برای ایجاد تجربه کاربری با کیفیت بالا در تلفن‌ها، تبلت‌ها و گوشی‌های تاشو ضروری است. کاربران انتظار دارند رابط کاربری اپلیکیشن شما به طور یکپارچه با این اندازه‌ها و حالت‌های مختلف سازگار شود.

برای کمک به شما در ساخت کارآمدتر این تجربیات پویا، اعلام می‌کنیم که کتابخانه طرح‌بندی تطبیقی ​​​​کامپوز ۱.۲ رسماً وارد نسخه بتا شده است. این نسخه ابزارهای قدرتمند جدیدی را برای ایجاد رابط‌های کاربری واکنش‌گرا و بی‌نقص برای این اکوسیستم در حال گسترش دستگاه‌ها فراهم می‌کند.

ابزارهای جدید قدرتمند برای یک بوم بزرگتر

کتابخانه Compose Adaptive Layouts ابزار بنیادی ما برای ساخت رابط‌های کاربری است که با اندازه‌های مختلف پنجره سازگار می‌شوند. این نسخه بتای جدید مملو از ویژگی‌های قدرتمندی است که به شما کمک می‌کند تا با کد کمتر، طرح‌بندی‌های پیچیده‌ای ایجاد کنید. موارد کلیدی اضافه شده عبارتند از:

  • استراتژی‌های جدید و قدرتمند طرح‌بندی: نسخه بتا، استراتژی‌های جدید طرح‌بندی مانند reflow و levitate را معرفی می‌کند که برای کمک به شما در ساخت طرح‌بندی‌های پویا طراحی شده‌اند که هم در نمایشگرهای بیرونی و هم در نمایشگرهای داخلی دستگاه‌هایی مانند Pixel 10 Pro Fold ، Galaxy Z Fold7 و Z Flip7 عالی به نظر می‌رسند.
  • کلاس‌های جدید اندازه پنجره: این نسخه پشتیبانی داخلی برای کلاس‌های جدید اندازه پنجره بزرگ و خیلی بزرگ اضافه می‌کند. این نقاط توقف جدید برای طراحی و ایجاد تغییرات غنی و چند قسمتی رابط کاربری در صفحه نمایش‌های گسترده مانند تبلت‌ها و دستگاه‌های تاشوی بزرگ ضروری هستند.
سازگاری-صفحه-جدید.webp

دو استراتژی جدید برای تطبیق صفحه نمایش: reflow (چپ) و levitate (راست)

برای مشاهده لیست کامل تغییرات، به مستندات رسمی انتشار مراجعه کنید. راهنماهای ما در مورد طرح‌بندی‌های متعارف و ساخت یک طرح‌بندی پشتیبانی از صفحه را بررسی کنید.

کاربران بیشتری را در هر صفحه نمایش درگیر کنید

پذیرش یک طرز فکر تطبیقی ​​چیزی بیش از یک بهترین روش است، بلکه یک استراتژی برای رشد است. هدف فقط این نیست که برنامه شما روی صفحه نمایش بزرگتر کار کند، بلکه این است که با بصری‌تر شدن برای کاربران، آن را درخشان کنید. به جای اینکه صرفاً یک طرح تک ستونی را بکشید، به این فکر کنید که چگونه می‌توانید از فضای اضافی برای ایجاد تجربیات کارآمدتر و فراگیرتر استفاده کنید.

adaptive2.png

این اصل اساسی پشت استراتژی‌های طرح‌بندی پویا مانند reflow است، یک ویژگی جدید قدرتمند در نسخه بتای Compose Adaptive Layouts 1.2 که برای کمک به شما در ساخت این رابط‌های کاربری طراحی شده است. به عنوان مثال، یک نقطه شروع عالی، اتخاذ یک طرح‌بندی چند قسمتی است. با نمایش یک لیست و نمای جزئیات مربوطه در کنار هم، تعداد دفعات لمس را کاهش می‌دهید و به کاربران اجازه می‌دهید وظایف را سریع‌تر انجام دهند.

این نوع توسعه تطبیقیِ متفکرانه، چیزی است که واقعاً تعامل را افزایش می‌دهد. و همانطور که در آخرین قسمت از #TheAndroidShow اشاره کردیم، به همین دلیل است که می‌بینیم کاربرانی که از یک برنامه هم در تلفن همراه و هم در صفحه نمایش بزرگتر استفاده می‌کنند، تقریباً سه برابر بیشتر درگیر هستند. ساخت برنامه به صورت تطبیقی ​​نه تنها کاربران فعلی شما را خوشحال‌تر می‌کند، بلکه یک تجربه ارزشمندتر و جذاب‌تر ایجاد می‌کند که وفاداری پایدار ایجاد می‌کند و به شما در دستیابی به کاربران جدید کمک می‌کند.

اکوسیستم رو به گسترش اندروید، از گوشی‌های تاشو تا کامپیوترهای رومیزی

این تغییر به سمت طراحی تطبیقی ​​در کل اکوسیستم اندروید گسترش یافته است. از Pixel 10 Pro Fold جدید گرفته تا جدیدترین گوشی‌های تاشو سامسونگ گلکسی، توسعه‌دهندگان این فرصت را دارند که با یک پایگاه کاربری بزرگ و رو به رشد در بیش از ۵۰۰ میلیون دستگاه با صفحه نمایش بزرگ تعامل داشته باشند.

مواد.png

به همین دلیل است که ما همچنان به سرمایه‌گذاری روی تجربیات آینده‌نگر مانند Connected Displays ادامه می‌دهیم، که در حال حاضر در پیش‌نمایش توسعه‌دهندگان برای امتحان کردن موجود است. این ویژگی، سطوح و مدل‌های تعاملی جدیدی را برای اجرای برنامه‌ها باز می‌کند و ویژگی‌های واقعی در سطح دسکتاپ و گردش‌های کاری چند نمونه‌ای را امکان‌پذیر می‌سازد. ما قبلاً جزئیاتی در مورد نحوه شروع کار با پیش‌نمایش توسعه‌دهندگان Connected Displays و نحوه شکل‌دهی آن به آینده تجربیات چند دستگاهی را به اشتراک گذاشته‌ایم.

به کارگیری اصول تطبیقی ​​در عمل

برای توسعه‌دهندگانی که می‌خواهند برنامه‌های خود را برای این آینده‌ی تطبیقی ​​آماده کنند، در اینجا چند نکته‌ی کلیدی و مهم وجود دارد که باید در نظر داشته باشند:

  • فهرستی از وضعیت فعلی خود تهیه کنید: اولین قدم این است که ببینید امروز در کجا قرار دارید. برنامه خود را روی یک دستگاه با صفحه نمایش بزرگ یا با شبیه‌ساز قابل تغییر اندازه در اندروید استودیو آزمایش کنید تا زمینه‌های بهبود، مانند رابط‌های کاربری کشیده یا مشکلات قابلیت استفاده را شناسایی کنید.
  • پشتیبانی از طرح‌بندی‌های بهینه: از کتابخانه‌هایی مانند Compose Adaptive Layouts برای ساخت رابط کاربری استفاده کنید که با اندازه‌های مختلف پنجره و حالت‌های مختلف دستگاه سازگار باشد. برنامه شما باید هم در حالت عمودی و هم در حالت افقی، بدون محدود کردن جهت‌گیری ، به خوبی کار کند.
  • فراتر از لمس فکر کنید: یک تجربه تطبیقی ​​عالی به معنای پشتیبانی از همه روش‌های ورودی است. این فراتر از قابلیت‌های اساسی است و شامل جزئیات متفکرانه‌ای است که کاربران انتظار دارند، مانند حالت‌های شناور برای مکان‌نمای ماوس، منوهای زمینه در کلیک راست و پشتیبانی از میانبرهای صفحه کلید .

پتانسیل اپلیکیشن شما دیگر محدود به یک صفحه نمایش نیست. همین امروز گالری طراحی صفحه نمایش بزرگ و دستورالعمل‌های کیفیت اپلیکیشن را بررسی کنید تا تصور کنید اپلیکیشن شما به کجا می‌تواند برسد. در developer.android.com/adaptive-apps الهام بگیرید و الگوهای طراحی، راهنمایی‌های رسمی و نمونه‌های اپلیکیشنی که برای هر بار تا شدن، برگرداندن و نمایش نیاز دارید را پیدا کنید.

    نوشته شده توسط:

    ادامه مطلب