صفحات Splash یک معرفی کوتاه هنگام اجرای اپلیکیشن هستند. این صفحات معمولاً شامل لوگو، انیمیشن یا پیام خوشآمدگویی هستند و تا زمانی که اپلیکیشن آماده شود نمایش داده میشوند. هدف آنها ایجاد اولین برداشت حرفهای و تقویت برند قبل از دسترسی کاربر به رابط اصلی اپلیکیشن است.
این بخش رفتار اصلی یک صفحه Splash را تعریف میکند: نوع، نام، رنگ و کاور را مشخص میکند، ناوبری را با مسیرها (Routes)، صفحه بعدی (NextPage) و Timeout کنترل میکند، مشخص میکند که آیا صفحه آخرین مرحله است یا خیر، گزینههای نمایش مثل تمامصفحه (Fullscreen)، حالت افقی (Landscape) و امکان گرفتن اسکرینشات را مدیریت میکند و چیدمان و جهت متن را تعیین میکند.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| @Type | PageType | "Splash" | نوع صفحه را به عنوان صفحه Splash مشخص میکند |
| Name | PageName | {name} | نام یا عنوان صفحه |
| Color | Color | {color} | رنگ پسزمینه صفحه |
| Cover | URL | {cover} | تصویر کاور اختیاری برای صفحه |
| Routes | Array |
[] | لیست اسکریپتها یا اقدامات مرتبط با این صفحه |
| NextPage | Page | 0 | شناسه صفحه بعدی برای ناوبری |
| Timeout | Number | 0 | مدت زمان به ثانیه قبل از ناوبری خودکار |
| Finish | Boolean | false | مشخص میکند که آیا این صفحه پایان یک توالی است یا خیر |
| FullScreen | Boolean | false | نمایش صفحه در حالت تمامصفحه |
| CanLandScape | Boolean | false | اجازه جهت افقی اگر true |
| CanScreenShot | Boolean | false | اجازه گرفتن اسکرینشات توسط کاربر اگر true |
| Dir | Direction | {dir} | جهت چیدمان صفحه (ltr یا rtl) |
| Dir.Text | TextDirection | {dir} | جهت متن محتوای صفحه |
نمونه کدنویسی:
{
"@Type": "Splash",
"Name": "{name}",
"Color": "{color}",
"Cover": "{cover}",
"Routes": [],
"NextPage": 0,
"Timeout": 0,
"Finish": false,
"FullScreen": false,
"CanLandScape": false,
"CanScreenShot": false,
"Dir": "{dir}",
"Dir.Text": "{dir}"
}این بخش محتوای Splash Screen را تعریف میکند: متن خوشآمدگویی با اندازه، رنگ و سبک قابل تنظیم، نمایش لوگو یا تصویر با اندازه قابل تنظیم و کنترل نمایش Progress Indicator در هنگام لود را مشخص میکند.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Splash.Text | String | {text} | متن نمایش داده شده روی Splash Screen |
| Splash.Text.Size | Number | 16 | اندازه فونت متن |
| Splash.Text.Color | String | {textColor} | رنگ متن |
| Splash.Text.Style | String | {textStyle} | سبک متن (bold/italic و غیره) |
| Splash.Logo | URL | {logo} | مسیر یا URL لوگو/تصویر Splash |
| Splash.Logo.Size | Number | 128 | اندازه لوگو یا تصویر |
| Splash.Progress.Show | Boolean | true | نمایش یا مخفی کردن Progress Indicator |
نمونه کدنویسی:
{
"@Type": "Splash",
"Splash.Text": "{text}",
"Splash.Text.Size": 16,
"Splash.Text.Color": "{textColor}",
"Splash.Text.Style": "{textStyle}",
"Splash.Logo": "{logo}",
"Splash.Logo.Size": 128,
"Splash.Progress.Show": true
}برای مشاهدهٔ نحوهٔ ایجاد این صفحه در اپلیکیشن ساز اپلین (حالت بدون کدنویسی)، به لینک زیر مراجعه کنید:
طراحی صفحهٔ پیش نمایش در اپلین استودیو