وب

صفحات Web برای نمایش محتوای وب خارجی یا سایت‌ها مستقیماً داخل اپ طراحی شده‌اند و از نمایشگر درون‌اپ (in‑app browser view) استفاده می‌کنند تا کاربران بدون خروج از اپ بتوانند منابع آنلاین را مشاهده کنند.

---

صفحه (Page)

این بخش رفتار اصلی صفحه Web را تعریف می‌کند: نوع، نام، رنگ و کاور را مشخص می‌کند، ناوبری را با مسیرها (Routes)، صفحه بعدی (NextPage) و Timeout کنترل می‌کند، مشخص می‌کند که آیا صفحه پایان توالی است یا خیر، گزینه‌های نمایش مثل تمام‌صفحه (Fullscreen)، حالت افقی (Landscape) و امکان گرفتن اسکرین‌شات را مدیریت می‌کند و چیدمان و جهت متن را تعیین می‌کند.

فیلد	نوع	مقدار پیش‌فرض	توضیحات
@Type	PageType	"Web"	نوع صفحه را به عنوان Web مشخص می‌کند
Name	PageName	{name}	نام یا عنوان صفحه
Color	String	{color}	رنگ پس‌زمینه صفحه
Cover	String	{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": "Web",

  "Name": "{name}",
  "Color": "{color}",
  "Cover": "{cover}",
  "Routes": [],
  "NextPage": 0,
  "Timeout": 0,
  "Finish": false,
  "FullScreen": false,
  "CanLandScape": false,
  "CanScreenShot": false,
  "Dir": "{dir}",
  "Dir.Text": "{dir}"
}

---

عنوان (Title)

این بخش نوار عنوان صفحه را مدیریت می‌کند: می‌توان آن را نمایش یا مخفی کرد، رنگ پس‌زمینه، متن عنوان، اندازه، رنگ و سبک آن را تنظیم نمود، صفحه منو را متصل کرد و آیکون‌های بازگشت (Back) و منو (Menu) را تعیین نمود.

فیلد	نوع	مقدار پیش‌فرض	توضیحات
Title.Show	Boolean	true	نمایش یا مخفی کردن نوار عنوان
Title.Color	Color	{titleColor}	رنگ پس‌زمینه نوار عنوان
Title.Text	String	{titleText}	متن عنوان نمایش داده شده
Title.Text.Size	Number	16	اندازه فونت متن عنوان
Title.Text.Color	Color	{titleTextColor}	رنگ متن عنوان
Title.Text.Style	TextStyle	{titleTextStyle}	سبک متن عنوان (bold/italic و غیره)
Title.Menu	PageName	{pageName}	نام صفحه منو برای دسترسی از عنوان
Title.Back.Logo	Logo	{backLogo}	آیکون دکمه بازگشت
Title.Menu.Logo	Logo	{menuLogo}	آیکون دکمه منو

نمونه کدنویسی:

{
  "@Type": "Web",

  "Title.Show": true,
  "Title.Color": "{titleColor}",
  "Title.Text": "{titleText}",
  "Title.Text.Size": 16,
  "Title.Text.Color": "{titleTextColor}",
  "Title.Text.Style": "{titleTextStyle}",
  "Title.Menu": "{pageName}",
  "Title.Back.Logo": "{backLogo}",
  "Title.Menu.Logo": "{menuLogo}"
}

---

وب (Web)

این بخش نمایش صفحه وب داخل اپ را تعریف می‌کند: آدرس URL برای نمایش، و امکان مخفی کردن المان‌ها بر اساس ID یا Name هنگام بارگذاری را فراهم می‌کند.

فیلد	نوع	مقدار پیش‌فرض	توضیحات
Web.URL	URL	{url}	آدرس صفحه وب برای نمایش
Web.HideByID	Array	{hideByID}	لیست ID المان‌هایی که هنگام بارگذاری مخفی شوند
Web.HideByName	Array	{hideByName}	لیست Name المان‌هایی که هنگام بارگذاری مخفی شوند

نمونه کدنویسی:

{
  "@Type": "Web",

  "Web.URL": "{url}",
  "Web.HideByID": [],
  "Web.HideByName": []
}

---

خطاهای وب (Web Error)

این بخش نمایش خطاهای وب را تعریف می‌کند: متن خطا با اندازه، رنگ و سبک قابل تنظیم، نمایش اختیاری لوگو/تصویر با سایز دلخواه و کنترل نمایش نوار پیشرفت (Progress Indicator) هنگام خطا.

فیلد	نوع	مقدار پیش‌فرض	توضیحات
Web.Error.Text	String	{text}	متن نمایش داده شده هنگام رخ دادن خطا
Web.Error.Text.Size	Number	16	اندازه فونت متن خطا
Web.Error.Text.Color	Color	{textColor}	رنگ متن خطا
Web.Error.Text.Style	TextStyle	{textStyle}	سبک متن خطا (bold/italic و غیره)
Web.Error.Logo	Logo	{logo}	آدرس لوگو/تصویر نمایش داده شده هنگام خطا
Web.Error.Logo.Size	Number	128	اندازه لوگو خطا بر حسب پیکسل
Web.Error.Progress.Show	Boolean	false	نمایش نوار پیشرفت همراه با پیام خطا

نمونه کدنویسی:

{
  "@Type": "Web",

  "Web.Error.Text": "{text}",
  "Web.Error.Text.Size": 16,
  "Web.Error.Text.Color": "{textColor}",
  "Web.Error.Text.Style": "{textStyle}",
  "Web.Error.Logo": "{logo}",
  "Web.Error.Logo.Size": 128,
  "Web.Error.Progress.Show": false
}

---

ناوبری (Nav)

فیلد AppNav.Show یک مقدار Boolean دارد که مشخص می‌کند نوار ناوبری اپلیکیشن نمایش داده شود یا خیر.

فیلد	نوع	مقدار پیش‌فرض	توضیحات
AppNav.Show	Boolean	false	نمایش یا عدم نمایش نوار ناوبری

نمونه کدنویسی:

{
  "@Type": "Web",

  "AppNav.Show": false
}

---

پاصفحه (Footer)

این بخش Footer را تعریف می‌کند: مشخص می‌کند کدام صفحه داخل Footer نمایش داده شود، ارتفاع، شعاع گوشه‌ها، حاشیه بیرونی و فاصله خط جداکننده را تنظیم می‌کند.

فیلد	نوع	مقدار پیش‌فرض	توضیحات
Footer.View	PageName	{pageName}	صفحه‌ای که داخل Footer نمایش داده می‌شود
Footer.Size	Number	100	ارتفاع Footer
Footer.Radius	Number	0	شعاع گوشه‌های Footer
Footer.Margin	Number	0	حاشیه بیرونی Footer
Footer.MarginLine	Number	0	فاصله خط جداکننده Footer

نمونه کدنویسی:

{
  "@Type": "Web",

  "Footer.View": "{pageName}",
  "Footer.Size": 100,
  "Footer.Radius": 0,
  "Footer.Margin": 0,
  "Footer.MarginLine": 0
}

🔗 نسخهٔ بصری

برای مشاهدهٔ نحوهٔ ایجاد این صفحه در اپلیکیشن ساز اپلین (حالت بدون کدنویسی)، به لینک زیر مراجعه کنید:
طراحی صفحهٔ وب در اپلین استودیو