پرش به مطلب اصلی

ویجت پروفایل کاربر

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

کاربردها

  • نمایش اطلاعات پروفایل کاربر.
  • ساخت سریع صفحه حساب کاربری بدون طراحی جزءبه‌جزء.
  • نمایش داده‌های مخصوص کاربر واردشده.
اگر به چیدمان دلخواه نیاز دارید

ترتیب فیلدها، حذف یک فیلد، دو ستونه کردن اطلاعات یا گذاشتن عکس در وسط صفحه با این ویجت ممکن نیست. برای این کارها صفحه پروفایل را از اجزای معمولی بسازید؛ راهنمای کامل در طراحی آزاد صفحه پروفایل کاربر آمده است.

یادداشت

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

فرم تنظیمات ویجت پروفایل کاربر
فرم تنظیمات ویجت «پروفایل کاربر» در پنل اپ‌ادیتور.

تنظیمات اصلی

ظاهر پروفایل

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

رفتار ویجت در اپ

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

فیلدهای سفارشی پروفایل نیز در انتهای همین ویجت نمایش داده می‌شوند؛ فیلدی که در پنل اجازه ویرایش توسط کاربر ندارد، بدون دکمه ویرایش دیده می‌شود.

نکته

این ویجت را معمولاً در صفحه «حساب کاربری» یا «پروفایل من» قرار دهید و مسیر ورود/خروج کاربر را هم در همان بخش در دسترس بگذارید.

تبدیل به ویجت‌های قابل ویرایش

اگر بعداً به چیدمان دلخواه نیاز پیدا کردید، لازم نیست صفحه را از صفر بسازید:

  1. در درخت صفحه، منوی «بیشتر» همین ویجت را باز کنید.
  2. گزینه تبدیل به ویجت‌های قابل ویرایش را بزنید.

اپ‌ادیتور کنار ویجت یک گروه معادل می‌سازد که شامل آواتار (بایندشده به sys.user.picUrl و با عملکرد «تعویض عکس پروفایل» روی لمس) و ردیف‌های نام کامل، موبایل، ایمیل و فیلدهای سفارشی است. فونت، اندازه‌ها و رنگ‌هایی که روی خود ویجت تنظیم کرده‌اید به ردیف‌های تولیدشده منتقل می‌شوند.

یادداشت

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

نکات طراحی و تست

  • جایگاه «ویجت پروفایل کاربر» را در چیدمان صفحه با اندازه‌های مختلف نمایش بررسی کنید.
  • عنوان، متن و فاصله‌گذاری اطراف ویجت را با سایر اجزای همان صفحه هماهنگ نگه دارید.
  • قبل از انتشار، تعامل کاربر با ویجت را روی دستگاه واقعی تست کنید؛ مخصوصاً اگر ویجت داخل گروه، تب، اسلاید یا فرم قرار دارد.