ردیف ۲ - بهینه‌سازی تطبیقی

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

تصویر سه سطح کیفی به صورت لایه‌هایی که به صورت عمودی روی هم چیده شده‌اند و سطح میانی هایلایت شده است.

دستورالعمل‌ها

برنامه خود را طوری بسازید که با تمام اندازه‌های صفحه نمایش و حالت‌های دستگاه سازگار باشد.

رابط کاربری

شناسه آزمایش‌ها توضیحات
طرح‌بندی‌های_واکنش‌گرا_تطبیقی جریان طرح‌بندی T

این برنامه دارای طرح‌بندی‌های واکنش‌گرا و تطبیقی ​​است که برای همه اندازه‌های صفحه نمایش طراحی شده‌اند. همه طرح‌بندی‌ها واکنش‌گرا هستند (به بخش «انتقال رابط کاربری به طرح‌بندی‌های واکنش‌گرا » مراجعه کنید). پیاده‌سازی طرح‌بندی‌های تطبیقی ​​توسط کلاس‌های اندازه پنجره تعیین می‌شود.

رابط کاربری برنامه می‌تواند شامل موارد زیر باشد:

  • ریل‌های ناوبری پیشرو که در اندازه‌های بزرگتر پنجره به پنل‌های ناوبری کامل گسترش می‌یابند
  • طرح‌بندی‌های شبکه‌ای که تعداد ستون‌ها را برای تطبیق با تغییرات اندازه پنجره، مقیاس‌بندی می‌کنند
  • ستون‌های متن در صفحه نمایش‌های بزرگ
  • پنل‌های لبه پایینی که به طور پیش‌فرض در اندازه‌های صفحه نمایش دسکتاپ باز هستند؛ در صفحه نمایش‌های کوچک‌تر بسته هستند

برای استفاده از فضای صفحه نمایش بزرگ، طرح‌بندی‌های چند قسمتی (در صورت لزوم) ایجاد کنید. به طرح‌بندی‌های متعارف مراجعه کنید.

تعبیه فعالیت ، برنامه‌های مبتنی بر فعالیت را قادر می‌سازد تا با نمایش فعالیت‌ها در کنار هم، طرح‌بندی‌های چندصفحه‌ای ایجاد کنند.

عناصر_ثانویه_UI جریان طرح‌بندی T

ماژول‌ها، منوهای زمینه و سایر عناصر ثانویه به درستی در تمام انواع صفحه نمایش و حالت‌های دستگاه قالب‌بندی شده‌اند، به عنوان مثال:

  • صفحات پایینی در صفحه نمایش‌های بزرگ تمام عرض را ندارند. (برای جلوگیری از کشیدگی، حداکثر عرض را اعمال کنید.) به بخش رفتار در صفحات پایین مراجعه کنید.
  • دکمه‌ها در صفحه نمایش‌های بزرگ تمام عرض را ندارند. به بخش رفتار در دکمه‌ها مراجعه کنید.
  • فیلدهای متنی و کادرها در صفحات نمایش بزرگ به طور کامل کشیده نمی‌شوند. به بخش «رفتار» در فیلدهای متنی مراجعه کنید.
  • منوهای ویرایشی کوچک یا ماژول‌ها کل صفحه را پوشش نمی‌دهند و تا حد امکان زمینه را برای کاربر حفظ می‌کنند. به بخش منوها مراجعه کنید.
  • منوهای زمینه در کنار آیتمی که کاربر انتخاب کرده است ظاهر می‌شوند. به مبحث «منوهای زمینه» در منوها مراجعه کنید.
  • ریل‌های ناوبری جایگزین نوارهای ناوبری شده‌اند تا ارگونومی بهتری در صفحات نمایش بزرگ ایجاد شود. به ریل ناوبری مراجعه کنید.
  • کشوهای ناوبری به ریل‌های ناوبری توسعه‌یافته به‌روزرسانی شده‌اند. به کشوی ناوبری مراجعه کنید.
  • کادرهای محاوره‌ای به جدیدترین کامپوننت متریال به‌روزرسانی شده‌اند. به بخش دیالوگ‌ها مراجعه کنید.
  • تصاویر با وضوح مناسب نمایش داده می‌شوند و کشیده یا برش داده نمی‌شوند.
اهداف لمسی اهداف T-Touch حداقل اندازه اهداف لمسی ۴۸dp است. به دستورالعمل‌های چیدمان و تایپوگرافی طراحی متریال مراجعه کنید.
فوکوس قابل ترسیم فوکوس قابل ترسیم T حالت فوکوس برای drawable های سفارشی که تعاملی هستند ایجاد می‌شود. drawable سفارشی هر عنصر رابط کاربری بصری است که توسط چارچوب اندروید ارائه نشده است. اگر کاربران بتوانند با یک drawable سفارشی تعامل داشته باشند، drawable باید در حالت غیر لمسی دستگاه، قابلیت فوکوس داشته باشد و یک نشانه بصری از حالت فوکوس باید آشکار باشد.

صفحه‌کلید، ماوس و ترک‌پد

شناسه آزمایش‌ها توضیحات
ناوبری_صفحه‌کلید ناوبری T-Keyboard جریان‌های وظیفه اصلی در برنامه از پیمایش صفحه‌کلید، از جمله پیمایش با کلید Tab و جهت‌نما، پشتیبانی می‌کنند. به ساخت برنامه‌های با دسترسی بیشتر مراجعه کنید.
میانبرهای صفحه‌کلید میانبرهای صفحه‌کلید T این برنامه از میانبرهای صفحه کلید برای اقدامات متداول مانند انتخاب، برش، کپی، چسباندن، لغو و انجام مجدد پشتیبانی می‌کند. به سازگاری ورودی مراجعه کنید.
پخش_رسانه_کیبورد پخش_رسانه_تی-کیبورد از صفحه کلید می‌توان برای کنترل پخش رسانه استفاده کرد؛ برای مثال، کلید فاصله (Spacebar) رسانه را پخش و متوقف می‌کند.
ارسال_صفحه_کلید ارسال از طریق کیبورد T کلید Enter از صفحه کلید، عملکرد ارسال را در برنامه‌های ارتباطی انجام می‌دهد.
منوهای_زمینه منوی_زمینه T منوهای زمینه با کلیک راست (دکمه ثانویه ماوس یا ضربه ثانویه) ماوس و ترک‌پد معمولی قابل دسترسی هستند.
بزرگنمایی_محتوا بزرگنمایی محتوا محتوای برنامه را می‌توان با استفاده از اسکرول ماوس (همراه با فشار دادن کلید Control یا Ctrl ) و حرکات نیشگون گرفتن ترک‌پد بزرگنمایی کرد.
Hover_States T-Hover_States عناصر رابط کاربری قابل اجرا (در صورت لزوم) دارای حالت‌های شناور هستند تا به کاربران ماوس و ترک‌پد نشان دهند که عناصر تعاملی هستند.

آزمایش‌ها

برای اطمینان از اینکه برنامه شما بهینه شده و برای همه پیکربندی‌های نمایشگر پاسخگو است، آزمایش‌های زیر را انجام دهید.

رابط کاربری

شناسه ویژگی توضیحات
جریان طرح‌بندی T طرح‌بندی‌های_واکنش‌گرا_تطبیقی ،
عناصر_ثانویه_UI

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

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

برای برنامه‌هایی که از تعبیه فعالیت استفاده می‌کنند، بررسی کنید که آیا فعالیت‌ها در صفحه نمایش‌های بزرگ در کنار هم نمایش داده می‌شوند یا در صفحه نمایش‌های کوچک به صورت پشته نمایش داده می‌شوند.

اهداف T-Touch اهداف لمسی تأیید کنید که اهداف لمسی اندازه و موقعیت ثابت و قابل دسترسی را حفظ می‌کنند و توسط سایر عناصر رابط کاربری برای همه اندازه‌ها و پیکربندی‌های صفحه نمایش پنهان یا مبهم نمی‌شوند. برای اطلاعات در مورد دسترسی، به اسکنر دسترسی مراجعه کنید.
فوکوس قابل ترسیم T فوکوس قابل ترسیم در هر صفحه برنامه که حاوی یک drawable تعاملی سفارشی است، تأیید کنید که drawable می‌تواند با استفاده از یک صفحه کلید خارجی، D-pad یا دستگاه دیگری که امکان focus شدن عناصر رابط کاربری را فراهم می‌کند، فوکوس شود. تأیید کنید که یک نشانگر بصری از وضعیت focus شده قابل مشاهده است. برای اطلاعات مرتبط، به Touch Mode مراجعه کنید.

صفحه‌کلید، ماوس و ترک‌پد

شناسه ویژگی توضیحات
ناوبری T-Keyboard ناوبری T-Keyboard با استفاده از موارد زیر، در میان اجزای قابل فوکوس برنامه پیمایش کنید تب و کلیدهای جهت‌نمای یک صفحه‌کلید خارجی.
میانبرهای صفحه‌کلید T میانبرهای صفحه‌کلید از میانبرهای صفحه کلید روی یک صفحه کلید خارجی برای انجام اقدامات انتخاب، برش، کپی، چسباندن، لغو و انجام مجدد استفاده کنید.
پخش_رسانه_تی-کیبورد پخش_رسانه_کیبورد از یک صفحه کلید خارجی برای شروع، توقف، مکث، عقب و جلو بردن پخش رسانه استفاده کنید.
ارسال از طریق کیبورد T ارسال_صفحه_کلید برای ارسال یا ارسال داده‌ها از کلید Enter یک صفحه کلید خارجی استفاده کنید.
منوی_زمینه T منوهای_زمینه برای دسترسی به منوی زمینه عناصر تعاملی، از دکمه ثانویه ماوس یا قابلیت ضربه ثانویه ترک‌پد استفاده کنید.
بزرگنمایی محتوا بزرگنمایی_محتوا از اسکرول ماوس (همراه با کلید Control یا Ctrl ) و حرکات نیشگون گرفتن ترک‌پد برای بزرگنمایی و کوچک‌نمایی محتوا استفاده کنید.
T-Hover_States Hover_States برای فعال کردن حالت شناور عنصر، نشانگر ماوس یا ترک‌پد را روی عناصر رابط کاربری قابل اجرا نگه دارید.