ورود با اکانت گوگل
یا
آقای متریال

برای جستجو کلمه مورد نظر خود را وارد کنید

معرفی و آموزش TextInputLayout | User input errors

rouhollah.mz


اطلاعات نویسنده
پشتیبانی
برای دیدن اطلاعات تماس تهیه کننده این محصول باید محصول رو خریداری کرده باشید

به نام خدا User input errors

سلام ، در خدمتتون هستیم با آموزش User input errors

مانند راهنمایی برای کاربر در خصوص وارد کردن متن مورد نظر در ادیت تکست میمونه و در صورت اشتباه در وارد کردن متن مکانی برای نشان دادن ایرادات میباشد.

__

برای اضافه کردن در اولین مرحله باید کتابخانه ی AppCompat و Design رو در build.gradle وارد کنیم :

dependencies {  
    compile 'com.android.support:appcompat-v7:23.2.1' 
    compile 'com.android.support:design:23.2.1' 
}

پس از اون باید مطمئن بشیم که اکتیویتی مورد نظر ما extend شده باشه از AppCompatActivity  :

public class MainActivity extends AppCompatActivity { 
...
}

در مرحله ی بعد EditText رو درون TextInputLayout قرار میدیدم :

<android.support.design.widget.TextInputLayout  
    android:id="@+id/inputLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:errorEnabled="true">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/First_name" />

</android.support.design.widget.TextInputLayout>

 

برای نشان دادن یا مخفی کردن error از setError استفاده میکنیم :

TextInputLayout inputLayout = (TextInputLayout) findViewById(R.id.inputLayout);  
inputLayout.setError("First name is required"); // show error  
inputLayout.setError(null); // hide error

_

برای دیدن متن error در پایین ادیت تکست ، در کدهای TextInputLayout باید app:errorEnabled="true" رو وارد کنید .

برای اینکه Style مورد نظر خودمون رو (رنگ هنگام تپ شدن) به EditText بدیم باید به این شیوه عمل کنیم :

باید Custom Style خودمون رو در style.xml وارد کنیم :

<!--Error label text style-->  
<style name="MyErrorText" parent="TextAppearance.AppCompat.Small">  
    <item name="android:textColor">@color/pink</item>
</style>

<!--Input field style-->  
<style name="MyEditText" parent="Theme.AppCompat.Light">  
    <item name="colorControlNormal">@color/indigo</item>
    <item name="colorControlActivated">@color/pink</item>
</style>

و برای وارد کردن رنگ مورد نظر ، کافیه که کد رنگ رو بجای این قسمت وارد کنیم :

@color/indigo | @color/pink

این استایل رو برای TextInputLayout با app:errorTextAppearance و برای EditText با android:theme وارد میکنیم .

و تنها کار باقی مونده وارد کردن این Style برای EditText و TextInputLayout مورد نظر ماست :

<android.support.design.widget.TextInputLayout  
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:errorTextAppearance="@style/MyErrorText"
    app:errorEnabled="true">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/Title"
        android:theme="@style/MyEditText" />

</android.support.design.widget.TextInputLayout>

نتیجه ی نهایی :

که برای هر یک از اجزای مربوط به ادیت تکست رنگ خاصی رو در نظر گرفتیم.

User input errors

User input errors

__

امیداوریم که آموزش برای شما مفید بوده باشه ، موفق باشید .

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp