iPhone Duo اومد؛ اپ شما آمادهست؟
فرانتاندخلاصهٔ کاملتر
اپل iPhone Duo، اولین آیفون تاشو، رو معرفی کرده و نویسنده تو این مقاله توضیح میده که توسعهدهندهها برای این دستگاه باید به چی فکر کنن. صفحهٔ داخلی میتونه باز بشه، نصفه تا بشه، بچرخه و با یه اپ دیگه تقسیم بشه. یعنی خیلی از فرضهایی که سالها روی آیفون جواب میداد دیگه قابل اعتماد نیست.
قدم اول سادهست: اپ رو با Xcode 27.1 و iOS 27.1 SDK دوباره build کنید. اپی که با SDK قدیمیتر ساخته شده، فقط یه تیکهٔ باریک از صفحهٔ داخلی رو پر میکنه و دورش خالی میمونه. با SDK جدید، رابط کاربری کل صفحه رو میگیره و سیستم جای بیشتری داره که اپ رو با دستگاه جدید جور کنه. نویسنده میگه شاید همینجا بفهمید کار کمتری از چیزی که فکر میکردید لازمه.
بعدش سؤال اصلی پیش میاد: با این همه جای اضافه چی کار کنیم؟ به گفتهٔ نویسنده، چیدمانی که روی یه عرض ثابت ساخته شده زود کم میاره، چون Split View (یعنی باز کردن دو اپ کنار هم) میتونه اون فضا رو یهو ازتون بگیره. راهحل استفاده از size classes هست، یعنی دستهبندیهایی که سیستم برای اندازهٔ پنجره میده، تا ستونهای اضافه وقتی جا هست ظاهر بشن و وقتی نیست جمع بشن. مثال مقاله Mail هست: روی صفحهٔ باریک صندوق و ایمیل پشت سر هم میان، ولی روی صفحهٔ پهن کنار هم.
لبهها هم مهمتر شدن. دوربین و کنترلهای سیستم safe area (یعنی محدودهای که محتوای تعاملی باید داخلش بمونه) رو روی هر لبه متفاوت میکنن و با چرخش گوشی هم عوض میشه. دکمه و فیلد متنی باید داخل safe area بمونن ولی پسزمینه میتونه تا لبه بره. اپل APIهای Concentricity رو هم تو SwiftUI و UIKit داره که کمک میکنه گوشههای UI با انحنای صفحه جور بشن.
چیزی که واقعاً تازهست، محل تای صفحهست. وقتی گوشی نصفه تا شده، وسط صفحه جاییه که دیدن و لمس کنترلها سختتر میشه. نویسنده توصیه میکنه کنترلهای مهم از محل تا دور بمونن، ولی محتوای اسکرولی مثل لیست و مقاله مشکلی نداره که از اونجا رد بشه. کامپوننتهای سیستمی مثل toolbar و tab bar میتونن برن کنار صفحه، sheetها از روی تا کنار میرن و اکشنهای کماهمیتتر میرن تو منوی overflow. یعنی هرچی بیشتر از کامپوننتهای سیستم استفاده کنید، کار کمتری گردن خودتونه.
توصیهٔ آخر مقاله تست واقعیه: اپ رو باز، بسته، تاشده، چرخیده و تو Split View امتحان کنید و دنبال مشکلهای ظریفتر باشید، مثل sidebarی که بعد از کم شدن جا هنوز میمونه یا دکمهای که زیادی نزدیک محل تا افتاده. برای React Native هم نویسنده میگه APIهای native تو Expo Router و Expo UI خودشون با iPhone Duo جور میشن و لازم نیست خودتون تا رو تشخیص بدید.
نکات کلیدی:
- اپ رو با Xcode 27.1 و iOS 27.1 SDK دوباره build کنید، وگرنه فقط یه تیکهٔ باریک از صفحهٔ داخلی رو پر میکنه.
- برای چیدمان منعطف از size classes استفاده کنید، نه نسخههای جدا برای هر حالت.
- safe area روی هر لبه فرق داره و با چرخش عوض میشه؛ کنترلهای تعاملی باید داخلش بمونن.
- کنترلهای مهم رو از محل تا دور نگه دارید؛ محتوای اسکرولی مشکلی نداره.
- toolbar، tab bar، sheet و popover سیستمی خودشون با حالتهای گوشی جور میشن.
- تو React Native، Expo Router و Expo UI از قبل برای iPhone Duo آمادهن.
