ویجت فرم ورود
این ویجت فرم ورود کاربران را نمایش میدهد تا کاربر بتواند وارد حساب کاربری شود. فیلدهای آن بر اساس نوع احراز هویت انتخابشده در تنظیمات ساخته میشوند و چیدمانشان ثابت است.
ترتیب فیلدها، ظاهر دکمه، گذاشتن لوگو یا جای پیام خطا با این ویجت قابل تغییر نیست. برای این کارها فرم را از اجزای معمولی بسازید؛ راهنمای کامل در طراحی آزاد فرم ورود و عضویت آمده است.
کاربردها
- ساخت فرم ورود کاربران داخل اپ.
- اتصال کاربر به حساب کاربری و نمایش محتوای مخصوص کاربران واردشده.
- شروع جریانهایی مثل پروفایل، سفارشها یا محتوای خصوصی.
برای فرم ورود، مسیرهای ثبتنام و بازیابی رمز را هم در دسترس کاربر قرار دهید.
تنظیمات اصلی
این ویجت بیشتر تنظیمات ظاهری فرم را کنترل میکند. فیلدهای اصلی فرم بهصورت آماده نمایش داده میشوند و شما ظاهر آنها را با این گزینهها هماهنگ میکنید.
فیلدهای فرم ورود بر اساس نوع احراز هویت در بخش تنظیمات اپ > حساب کاربری نمایش داده میشوند. برای مثال، اگر ورود با موبایل و رمز یکبارمصرف فعال باشد، جریان دریافت موبایل و کد نمایش داده میشود؛ اما در روشهای مبتنی بر رمز عبور، فیلدهای موبایل/ایمیل و رمز عبور نمایش داده میشوند.
ارتباط با تنظیمات حساب کاربری
- قبل از استفاده از این ویجت، قابلیت حساب کاربری را در تنظیمات اپ فعال و نوع ورود را مشخص کنید.
- در تنظیمات حساب کاربری، صفحه ورود را به صفحهای وصل کنید که این ویجت داخل آن قرار دارد.
- اگر نوع ورود عضویت و ورود با موبایل و رمز یکبارمصرف باشد، صفحه ورود و عضویت میتوانند یکی باشند و قرار دادن ویجت فرم ورود در همان صفحه کافی است.
- اگر برای ورود یا تأیید حساب از پیامک استفاده میکنید، موجودی پیامک را قبل از تست و انتشار بررسی کنید.
- برای کاربرانی که هنوز حساب ندارند یا رمز خود را فراموش کردهاند، مسیر رفتن به صفحه عضویت و بازیابی رمز را در همان صفحه در دسترس قرار دهید.
ظاهر متنها و فیلدها
- فونت: فونت نوشتههای فرم را تعیین میکند.
- سایز متن: اندازه متن داخل فیلدها را مشخص میکند.
- سایز برچسب: اندازه عنوان فیلدها مثل موبایل، ایمیل یا رمز عبور را مشخص میکند.
- سایز خطا: اندازه پیامهای خطا را تعیین میکند.
- نمایش کامل کادر: اگر فعال باشد، فیلدها به شکل کادر کامل دیده میشوند. اگر غیرفعال باشد، معمولاً فقط خط زیر فیلد نمایش داده میشود.
- انحنای کادر و ضخامت کادر: شکل ظاهری فیلدها را تنظیم میکند.
- رنگ زمینه، متن، برچسب، کادر، کادر هنگام انتخاب و خطا: برای هماهنگ کردن فرم با طراحی اپ استفاده میشود.
نکته
- فرم را بعد از طراحی روی گوشی واقعی تست کنید؛ مخصوصاً پیامهای خطا و خوانایی فیلدها.
- رنگ خطا را طوری انتخاب کنید که کاربر سریع متوجه اشتباه شود.
- اگر پسزمینه صفحه رنگی است، رنگ متن و کادر را با دقت انتخاب کنید تا فرم خوانا بماند.
نکات طراحی و تست
- جایگاه «ویجت فرم ورود» را در چیدمان صفحه با اندازههای مختلف نمایش بررسی کنید.
- عنوان، متن و فاصلهگذاری اطراف ویجت را با سایر اجزای همان صفحه هماهنگ نگه دارید.
- قبل از انتشار، تعامل کاربر با ویجت را روی دستگاه واقعی تست کنید؛ مخصوصاً اگر ویجت داخل گروه، تب، اسلاید یا فرم قرار دارد.
تبدیل به ویجتهای قابل ویرایش
اگر بعداً به چیدمان دلخواه نیاز پیدا کردید، لازم نیست فرم را از صفر بسازید:
- در درخت صفحه، منوی «بیشتر» همین ویجت را باز کنید.
- گزینه تبدیل به ویجتهای قابل ویرایش را بزنید.
بلوک معادل کنار ویجت ساخته میشود: عنوان، فیلدهای متصل به متغیر، دکمه با عملکرد ورود به حساب کاربری و متن خطای شرطی.
همین بلوک را میتوانید مستقیماً از مسیر حساب کاربری ← بلوکهای حساب کاربری ← فرم ورود اضافه کنید.
ویجت اصلی حذف نمیشود و اپهای ساختهشده دستنخورده کار میکنند. بعد از اطمینان از فرم تازه، ویجت قدیمی را پاک کنید.