صفحههای شرایط و ضوابط (Term) برای نمایش متون قانونی، شرایط استفاده یا سیاستها درون اپلیکیشن طراحی شدهاند. این صفحات به کاربران امکان میدهند موافقتنامههای مهم را مرور کنند و در صورت نیاز، یک دکمه پذیرش ارائه میشود تا کاربران پیش از ادامه، رضایت خود را تأیید کنند. این کار، هم رعایت قوانین و شفافیت را تضمین میکند و هم تجربه کاربری را در داخل اپلیکیشن یکپارچه نگه میدارد.
این بخش رفتار اصلی صفحه Term را تعریف میکند: نوع، نام، رنگ و کاور را مشخص میکند، ناوبری را با مسیرها (Routes)، صفحه بعدی (NextPage) و Timeout کنترل میکند، مشخص میکند که آیا صفحه پایان توالی است یا خیر، گزینههای نمایش مثل تمامصفحه (Fullscreen)، حالت افقی (Landscape) و امکان گرفتن اسکرینشات را مدیریت میکند و چیدمان و جهت متن را تعیین میکند.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| @Type | PageType | "Term" | نوع صفحه را به عنوان Term مشخص میکند |
| 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} | جهت متن محتوای صفحه |
این بخش نوار عنوان صفحه را مدیریت میکند: میتوان آن را نمایش یا مخفی کرد، رنگ پسزمینه، متن عنوان، اندازه، رنگ و سبک آن را تنظیم نمود، صفحه منو را متصل کرد و آیکونهای بازگشت (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} | آیکون دکمه منو |
این بخش خصوصیات اصلی دکمه قبول را تعریف میکند: نمایش یا مخفی بودن، اندازه، شعاع حاشیه، فاصله خارجی و فاصله از عناصر اطراف و همچنین اکشنهای اجرا شده هنگام کلیک.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Term.Accept.Show | Boolean | true | نمایش یا مخفی کردن دکمه قبول |
| Term.Accept.Size | Number | 80 | اندازه دکمه قبول |
| Term.Accept.Radius | Number | 1000 | شعاع حاشیه دکمه قبول |
| Term.Accept.Margin | Number | 30 | فاصله خارجی دکمه قبول |
| Term.Accept.MarginLine | Number | 30 | فاصله بین دکمه و خطوط یا عناصر مجاور |
| Term.Accept.OnClick | Array |
[] | اکشنهای اجرا شده هنگام کلیک روی دکمه |
این بخش حالت قبل از کلیک دکمه قبول را تعریف میکند: رنگ پسزمینه، متن نمایش داده شده، رنگ متن، اندازه فونت و سبک متن.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Term.Accept.Before.Color | Color | {color} | رنگ پسزمینه قبل از کلیک |
| Term.Accept.Before.Text | String | {text} | متن نمایش داده شده قبل از کلیک |
| Term.Accept.Before.Text.Color | Color | {textColor} | رنگ متن قبل از کلیک |
| Term.Accept.Before.Text.Size | Number | 16 | اندازه فونت متن قبل از کلیک |
| Term.Accept.Before.Text.Style | TextStyle | {textStyle} | سبک متن قبل از کلیک (bold/italic و غیره) |
این بخش حالت پس از کلیک دکمه قبول را تعریف میکند: رنگ پسزمینه، متن نمایش داده شده، رنگ متن، اندازه فونت و سبک متن.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Term.Accept.After.Color | Color | {color} | رنگ پسزمینه بعد از کلیک |
| Term.Accept.After.Text | String | {text} | متن نمایش داده شده بعد از کلیک |
| Term.Accept.After.Text.Color | Color | {textColor} | رنگ متن بعد از کلیک |
| Term.Accept.After.Text.Size | Number | 16 | اندازه فونت متن بعد از کلیک |
| Term.Accept.After.Text.Style | TextStyle | {textStyle} | سبک متن بعد از کلیک (bold/italic و غیره) |
این بخش Elements شامل آرایهای از کامپوننتهای UI است که داخل صفحه نمایش داده میشوند و امکان ساختاردهی و نمایش محتوای تعاملی را فراهم میکند.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Elements | Array |
[] | لیستی از عناصر UI که در صفحه نمایش داده میشوند. |
برای طراحی صفحات خود میتوانید اینجا کلیک کنید.
برای یادگیری نحوه ساخت همین صفحه با استفاده از کدنویسی JSON، مراجعه کنید به:
ساخت صفحه قوانین با JSON