مرجع تخصصی بروزترین مقالات طراحی اپلیکیشن

افزودن دکمه ها
در مرحله آن‌گاه، دو دکمه را به کاغذ ورود خویش اضافه میکنیم: « Cancel » طراحی اپلیکیشن در مشهد و « Next ».
ما از مولفه MDC Button به کار گیری خوا هیم کرد که با یک استایل موج دار جوهری Material Design دکمه ها را اضافه می نماید .

در shr_login_fragment.xml، یک را به ، در تحت ارکان TextInputLayout اضافه فرمائید.
آنگاه دو عنصر را به اضافه فرمایید.

فولدر XML نتیجه ها بایستی به صورت ذیل باشد:

android:layout_width="match_parent"
android:layout_height="wrap_content">

android:id="@+id/next_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:text="@string/shr_button_next" />

android:id="@+id/cancel_button"
style="@style/Widget.MaterialComponents.Button.TextButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="12dp"
android:layout_marginRight="12dp"
android:layout_toStartOf="@id/next_button"
android:layout_toLeftOf="@id/next_button"
android:text="@string/shr_button_cancel" />

COPY

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

رفتن به بخش آتی
در غایت، کد جاوا را به LoginFragment.java اضافه می‌کنیم تا دکمه “NEXT” خویش را به قطعه دیگری متصل کنیم.
متوجه خواهید شد که هرمورد از مؤلفه هایی که به طرح خویش اضافه کردیم، یک شناسه به آن تخصیص داده گردیده‌است.
ما از این شناسه‌ها برای ارجاع به مؤلفه‌های کدمان به کار گیری می کنیم و بعضی از امکان ها مانند رسیدگی مشکلات و پیمایش را اضافه میکنیم.

بیایید یک سیاق بولی محرمانه isPasswordValid در LoginFragment.java در تحت () onCreateView اضافه کنیم که منطقی برای گزینش اینکه آیا سر عبور دارای اعتبار میباشد یا این که خیرمی باشد.
برای هدف ها این دمو، ما صرفا مطمئن می شویم که راز عبور دستکم 8 کاراکتر باشد:

/*
In reality, this will have more complex logic including, but not limited to, actual
authentication of the username and password.
*/
private boolean isPasswordValid(@Nullable Editable text) {
return text != null && text.length() >= 8;
}
COPY
در مرحله آن گاه، یک کلیک listener به دکمه « NEXT» اضافه نمایید که نادرست را مبنی بر اسلوب () isPasswordValid که تولید کردیم تهیه و تمیز می نماید.
در () onCreateView، این کلیک listener می بایست میان خط inflater و خط نمای بازگشتی قرار گیرد.
در مرحله آن‌گاه، بیایید یک listener کلیدی به سر عبور TextInputEditText اضافه کنیم تا به رویدادهای کلیدی که غلط را منزه می نمایند دقت داشته باشیم.
این listener همینطور بایستی از () isPasswordValid برای رسیدگی دارای اعتبار بودن یا این که نبودن راز عبور به کارگیری نماید.
میتوانید این آیتم را مستقیماً تحت کلیک مستمع در () onCreateView اضافه فرمایید.
مشی onCreateView شما اینک می بایست چیزی مشابه به‌این باشد:

@Override
public View onCreateView(
@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.shr_login_fragment, container, false);
final TextInputLayout passwordTextInput = view.findViewById(R.id.password_text_input);
final TextInputEditText passwordEditText = view.findViewById(R.id.password_edit_text);
MaterialButton nextButton = view.findViewById(R.id.next_button);

// Set an error if the password is less than 8 characters.
nextButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (!isPasswordValid(passwordEditText.getText())) {
passwordTextInput.setError(getString(R.string.shr_error_password));
} else {
passwordTextInput.setError(null); // Clear the error
}
}
});

// Clear the error once more than 8 characters are typed.
passwordEditText.setOnKeyListener(new View.OnKeyListener() {
@Override
public boolean onKey(View view, int i, KeyEvent keyEvent) {
if (isPasswordValid(passwordEditText.getText())) {
passwordTextInput.setError(null); //Clear the error
}
return false;
}
});
return view;
}
COPY
Structure و Layout
در قسمت قبلی ، شما از دو جزء متریال (MDC) برای ساختن یک کاغذ ورود استعمال کردید: فیلدهای متنی و دکمه ها.
در حال حاضر اذن دهید این اساس را با اضافه کردن ناوبری، ساختار و اطلاعات توسعه و گسترش دهیم.

درین نصیب از دکان ما مستلزم دو قسمت دیگر هستیم که عبارتند از :

نوار نرم‌افزار بلندتر
لیست کانال ای از تولید ها

افزودن دکمه ها
در مرحله آن‌گاه، دو دکمه را به کاغذ ورود خویش اضافه میکنیم: « Cancel » طراحی اپلیکیشن در مشهد و « Next ».
ما از مولفه MDC Button به کار گیری خوا هیم کرد که با یک استایل موج دار جوهری Material Design دکمه ها را اضافه می نماید .

در shr_login_fragment.xml، یک را به ، در تحت ارکان TextInputLayout اضافه فرمائید.
آنگاه دو عنصر را به اضافه فرمایید.

فولدر XML نتیجه ها بایستی به صورت ذیل باشد:

android:layout_width="match_parent"
android:layout_height="wrap_content">

android:id="@+id/next_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:text="@string/shr_button_next" />

android:id="@+id/cancel_button"
style="@style/Widget.MaterialComponents.Button.TextButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="12dp"
android:layout_marginRight="12dp"
android:layout_toStartOf="@id/next_button"
android:layout_toLeftOf="@id/next_button"
android:text="@string/shr_button_cancel" />

COPY

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

رفتن به بخش آتی
در غایت، کد جاوا را به LoginFragment.java اضافه می‌کنیم تا دکمه “NEXT” خویش را به قطعه دیگری متصل کنیم.
متوجه خواهید شد که هرمورد از مؤلفه هایی که به طرح خویش اضافه کردیم، یک شناسه به آن تخصیص داده گردیده‌است.
ما از این شناسه‌ها برای ارجاع به مؤلفه‌های کدمان به کار گیری می کنیم و بعضی از امکان ها مانند رسیدگی مشکلات و پیمایش را اضافه میکنیم.

بیایید یک سیاق بولی محرمانه isPasswordValid در LoginFragment.java در تحت () onCreateView اضافه کنیم که منطقی برای گزینش اینکه آیا سر عبور دارای اعتبار میباشد یا این که خیرمی باشد.
برای هدف ها این دمو، ما صرفا مطمئن می شویم که راز عبور دستکم 8 کاراکتر باشد:

/*
In reality, this will have more complex logic including, but not limited to, actual
authentication of the username and password.
*/
private boolean isPasswordValid(@Nullable Editable text) {
return text != null && text.length() >= 8;
}
COPY
در مرحله آن گاه، یک کلیک listener به دکمه « NEXT» اضافه نمایید که نادرست را مبنی بر اسلوب () isPasswordValid که تولید کردیم تهیه و تمیز می نماید.
در () onCreateView، این کلیک listener می بایست میان خط inflater و خط نمای بازگشتی قرار گیرد.
در مرحله آن‌گاه، بیایید یک listener کلیدی به سر عبور TextInputEditText اضافه کنیم تا به رویدادهای کلیدی که غلط را منزه می نمایند دقت داشته باشیم.
این listener همینطور بایستی از () isPasswordValid برای رسیدگی دارای اعتبار بودن یا این که نبودن راز عبور به کارگیری نماید.
میتوانید این آیتم را مستقیماً تحت کلیک مستمع در () onCreateView اضافه فرمایید.
مشی onCreateView شما اینک می بایست چیزی مشابه به‌این باشد:

@Override
public View onCreateView(
@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.shr_login_fragment, container, false);
final TextInputLayout passwordTextInput = view.findViewById(R.id.password_text_input);
final TextInputEditText passwordEditText = view.findViewById(R.id.password_edit_text);
MaterialButton nextButton = view.findViewById(R.id.next_button);

// Set an error if the password is less than 8 characters.
nextButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (!isPasswordValid(passwordEditText.getText())) {
passwordTextInput.setError(getString(R.string.shr_error_password));
} else {
passwordTextInput.setError(null); // Clear the error
}
}
});

// Clear the error once more than 8 characters are typed.
passwordEditText.setOnKeyListener(new View.OnKeyListener() {
@Override
public boolean onKey(View view, int i, KeyEvent keyEvent) {
if (isPasswordValid(passwordEditText.getText())) {
passwordTextInput.setError(null); //Clear the error
}
return false;
}
});
return view;
}
COPY
Structure و Layout
در قسمت قبلی ، شما از دو جزء متریال (MDC) برای ساختن یک کاغذ ورود استعمال کردید: فیلدهای متنی و دکمه ها.
در حال حاضر اذن دهید این اساس را با اضافه کردن ناوبری، ساختار و اطلاعات توسعه و گسترش دهیم.

درین نصیب از دکان ما مستلزم دو قسمت دیگر هستیم که عبارتند از :

نوار نرم‌افزار بلندتر
لیست کانال ای از تولید ها