????? ?????? ???? ????? ?? ??????

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

(نکته ی بسیار مهمی که وجود دارااست این میباشد که‌این نوشته‌ی‌علمی برای معرفی و یادگرفتن متریال صفحه ارایی اندروید و نرم افزار در پوسته
یک پروژه برای پیاده سازی یک‌سری کاغذ ی نرم افزار فروشگاهی ارائه گردیده‌است .
همینطور نوشته‌علمی فقط به مباحث پیاده سازی خلاصه نشده و طریق ی طراحی بک اند نیز در بعضی از مناطق یادگرفتن داده شد‌ه‌است .)

مراد از متریال طراحی صفحه و اجزای آن برای اندروید
متریال صفحه ارایی سیستمی برای تشکیل داد یک خروجی دیجیتال قشنگ و تماما داینامیک میباشد .
که با همپاچرگی استایل ها ، تعامل و موشن های ساختاری که از اصول و اجزای اثبات ساخته شده اند .
برای نرم افزار‌های Android، Material Components for Android (MDC Android) کتابخانه ای میباشد که‌این
عملیات یک دست سازی و تعامل را بسیار بی آلایش و آسوده نموده است .
با تکامل سیستم Material Design ، این مؤلفه‌ها به‌روزرسانی می گردند تا از پیاده‌سازی بی‌نقص پیکسلی و رعایت استانداردهای توسعه و گسترش فرانت‌اند Google اعتقاد و باور نتیجه ها خواهد شد.
MDC برای اینترنت، iOS و Flutter نیز مو جود میباشد.
درین نرم‌افزار، یک شیت ورود با استعمال از یکسری مؤلفه MDC Android ساخت‌و‌ساز می‌کنید.

مولفه های MDC Android
(ساخته ورقه ورود)

بعداز بار گذاری Staeter Code که توضیحات آن در نشانی :

https://codelabs.developers.google.com/codelabs/mdc-101-java#1

آمده میباشد وارد روند اضافه کرده text fields خوا‌هیم شد .

برای آغاز، ما دو فیلد متنی را به شیت ورود خویش اضافه می‌کنیم تا اشخاص بتوانند اسم کاربری و سر عبور خویش را وارد نمایند.
ما از مؤلفه MDC Text Field به کارگیری می‌کنیم که مشتمل بر سعی داخلی میباشد که برچسب شناور و پیام های اشتباه را نیز اکران میدهد.

اضافه کردن به XML :

در shr_login_fragment.xml، دو عنصر TextInputLayout را با یک TextInputEditText فرزند در باطن ، در ذیل برچسب “SHRINE” اضافه نمائید :

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_username">

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:maxLines="1" />

android:id="@+id/password_text_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_password">

android:id="@+id/password_edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

COPY
قطعه بالا دو فیلد متنی را نماد میدهد که هر مورد از یک عنصر و یک فرزند درست شده میباشد.
متن اشاره برای هر فیلد متنی در خصوصیت android:hint معلوم شد‌ه‌است.

Username
Password
COPY
مشکلات :
اجزای TextInputLayout خطاهای داخلی را اکران می‌دهد .
برای اکران اشتباهات، تغییرات تحت را در shr_login_fragment.xml اجرا نمایید:
مشخصه app:errorEnabled را در عنصر Password TextInputLayout روی true تهیه نمایید.
این المنت مازاد برای پیام غلط در ذیل فیلد متنی اضافه می نماید.
خصوصیت android:inputType را روی “textPassword” در عنصر Password TextInputEditText قرار دهید.
با این شغل متن ورودی در نصیب راز عبور مخفی می‌شود.
با این تغییرات، فیلدهای متنی در shr_login_fragment.xml بایستی به صورت تحت باشند:

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_username">

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:maxLines="1" />

android:id="@+id/password_text_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_password"
app:errorEnabled="true">

android:id="@+id/password_edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword"/>

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

(نکته ی بسیار مهمی که وجود دارااست این میباشد که‌این نوشته‌ی‌علمی برای معرفی و یادگرفتن متریال صفحه ارایی اندروید و نرم افزار در پوسته
یک پروژه برای پیاده سازی یک‌سری کاغذ ی نرم افزار فروشگاهی ارائه گردیده‌است .
همینطور نوشته‌علمی فقط به مباحث پیاده سازی خلاصه نشده و طریق ی طراحی بک اند نیز در بعضی از مناطق یادگرفتن داده شد‌ه‌است .)

مراد از متریال طراحی صفحه و اجزای آن برای اندروید
متریال صفحه ارایی سیستمی برای تشکیل داد یک خروجی دیجیتال قشنگ و تماما داینامیک میباشد .
که با همپاچرگی استایل ها ، تعامل و موشن های ساختاری که از اصول و اجزای اثبات ساخته شده اند .
برای نرم افزار‌های Android، Material Components for Android (MDC Android) کتابخانه ای میباشد که‌این
عملیات یک دست سازی و تعامل را بسیار بی آلایش و آسوده نموده است .
با تکامل سیستم Material Design ، این مؤلفه‌ها به‌روزرسانی می گردند تا از پیاده‌سازی بی‌نقص پیکسلی و رعایت استانداردهای توسعه و گسترش فرانت‌اند Google اعتقاد و باور نتیجه ها خواهد شد.
MDC برای اینترنت، iOS و Flutter نیز مو جود میباشد.
درین نرم‌افزار، یک شیت ورود با استعمال از یکسری مؤلفه MDC Android ساخت‌و‌ساز می‌کنید.

مولفه های MDC Android
(ساخته ورقه ورود)

بعداز بار گذاری Staeter Code که توضیحات آن در نشانی :

https://codelabs.developers.google.com/codelabs/mdc-101-java#1

آمده میباشد وارد روند اضافه کرده text fields خوا‌هیم شد .

برای آغاز، ما دو فیلد متنی را به شیت ورود خویش اضافه می‌کنیم تا اشخاص بتوانند اسم کاربری و سر عبور خویش را وارد نمایند.
ما از مؤلفه MDC Text Field به کارگیری می‌کنیم که مشتمل بر سعی داخلی میباشد که برچسب شناور و پیام های اشتباه را نیز اکران میدهد.

اضافه کردن به XML :

در shr_login_fragment.xml، دو عنصر TextInputLayout را با یک TextInputEditText فرزند در باطن ، در ذیل برچسب “SHRINE” اضافه نمائید :

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_username">

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:maxLines="1" />

android:id="@+id/password_text_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_password">

android:id="@+id/password_edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

COPY
قطعه بالا دو فیلد متنی را نماد میدهد که هر مورد از یک عنصر و یک فرزند درست شده میباشد.
متن اشاره برای هر فیلد متنی در خصوصیت android:hint معلوم شد‌ه‌است.

Username
Password
COPY
مشکلات :
اجزای TextInputLayout خطاهای داخلی را اکران می‌دهد .
برای اکران اشتباهات، تغییرات تحت را در shr_login_fragment.xml اجرا نمایید:
مشخصه app:errorEnabled را در عنصر Password TextInputLayout روی true تهیه نمایید.
این المنت مازاد برای پیام غلط در ذیل فیلد متنی اضافه می نماید.
خصوصیت android:inputType را روی “textPassword” در عنصر Password TextInputEditText قرار دهید.
با این شغل متن ورودی در نصیب راز عبور مخفی می‌شود.
با این تغییرات، فیلدهای متنی در shr_login_fragment.xml بایستی به صورت تحت باشند:

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_username">

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:maxLines="1" />

android:id="@+id/password_text_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="4dp"
android:hint="@string/shr_hint_password"
app:errorEnabled="true">

android:id="@+id/password_edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword"/>