پروفایل

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

---

صفحه (Page)

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

فیلد	نوع	مقدار پیش‌فرض	توضیحات
@Type	PageType	"Profile"	نوع صفحه را به عنوان صفحه Profile مشخص می‌کند
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": "Profile",

  "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)

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

فیلد	نوع	مقدار پیش‌فرض	توضیحات
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": "Profile",

  "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}"
}

---

اطلاعات پروفایل (Profile)

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

فیلد	نوع	مقدار پیش‌فرض	توضیحات
@Type	PageName	"Profile"	نوع عنصر به عنوان Profile تعیین می‌شود
Profile.Logo	URL	{logo}	مسیر یا URL تصویر پروفایل
Profile.Logo.Size	Number	128	اندازه تصویر پروفایل
Profile.Name	Name	{name}	نمایش نام کاربر
Profile.Name.Color	String	{nameColor}	رنگ متن نام کاربر
Profile.Name.Size	Number	22	اندازه فونت نام کاربر
Profile.Name.Style	String	{nameStyle}	سبک متن نام (bold/italic و غیره)
Profile.Email	Email	{email}	نمایش ایمیل کاربر
Profile.Email.Color	String	{emailColor}	رنگ متن ایمیل
Profile.Email.Size	Number	22	اندازه فونت ایمیل
Profile.Email.Style	String	{emailStyle}	سبک متن ایمیل (bold/italic و غیره)

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

{
  "@Type": "Profile",

  "Profile.Logo": "{logo}",
  "Profile.Logo.Size": 128,
  "Profile.Name": "{name}",
  "Profile.Name.Color": "{nameColor}",
  "Profile.Name.Size": 22,
  "Profile.Name.Style": "{nameStyle}",
  "Profile.Email": "{email}",
  "Profile.Email.Color": "{emailColor}",
  "Profile.Email.Size": 22,
  "Profile.Email.Style": "{emailStyle}"
}

---

ناوبری (Nav)

این بخش مشخص می‌کند که نوار ناوبری قابل مشاهده باشد یا خیر.

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

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

{
  "@Type": "Profile",

  "AppNav.Show": false
}

---

پاورقی (Footer)

این بخش 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": "Profile",

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

---

عناصر (Elements)

این بخش آرایه‌ای از UI Components است که داخل صفحه رندر می‌شوند و امکان ساختاردهی و نمایش محتوای تعاملی را فراهم می‌کنند.

فیلد	نوع	مقدار پیش‌فرض	توضیحات
Elements	Array	[]	لیست عناصر UI که در صفحه رندر می‌شوند

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

{
  "@Type": "Profile",

  "Elements": [

  ]
}

🔗 نسخهٔ بصری

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