خواسته از متریال صفحه آرایی و اجزای آن برای اندروید
متریال صفحه ارایی سیستمی برای تشکیل داد یک خروجی دیجیتال قشنگ و تماما طراحی اپلیکیشن در مشهد داینامیک میباشد .
که با همپاچرگی استایل ها ، تعامل و موشن های ساختاری که از اصول و اجزای اثبات ساخته شده اند .
برای نرمافزارهای 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" />
قطعه بالا دو فیلد متنی را علامت میدهد که هرمورد از یک عنصر و یک فرزند درست شده میباشد.
متن اشاره برای هر فیلد متنی در خصوصیت android:hint معین گردیدهاست.
Username
Password
اشتباهات :
اجزای 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" />
قطعه بالا دو فیلد متنی را علامت میدهد که هرمورد از یک عنصر و یک فرزند درست شده میباشد.
متن اشاره برای هر فیلد متنی در خصوصیت android:hint معین گردیدهاست.
Username
Password
اشتباهات :
اجزای 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"/>
فعلا اپلیکیشن را اعمال نمائید. شما می بایست کاغذ ای با دو فیلد متنی برای «اسم کاربری» و «سر عبور» مشاهده کنید.