آموزش PasscodeView در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش PasscodeView در برنامه نویسی اندروید می پردازیم از PasscodeView برای نمایش فیلد ورودی شبیه به کد تلگرام استفاده می شود البته خیلی بهتر از بخش کد تلگرام ? در ادامه می توانید پیش نمایشی از آن را مشاهده کنید.

در صورتی که می خواهید پیش نمایش کاملیتری ببینید از لینک زیر استفاده کنید.
لینک پیشنمایش

برای استفاده از این کتاب خانه ابتدا باید آن را به پروژه خود اضافه کنیم .
وارد فایل Build.gradle از نوع Module شده و در بخش dependencies خط زیر را اضافه کنید.

dependencies {
    compile 'com.hanks:passcodeview:0.1.1'
}

dependencies {

compile 'com.hanks:passcodeview:0.1.1'

}

سپس پروژه را sync (همگان سازی) کنید.علت خطاهای گریدل را قبلا بررسی کردیم برای حل مشکل خودتان در سایت واژه gradle را در سایت جستجو کنید.
برای اضافه کردن آن کد زیر را در layout خود قرار دهید.

<com.hanks.passcodeview.PasscodeView
    android:id="@+id/passcodeView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#222222"
    app:firstInputTip="Enter a passcode of 5 digits "
    app:correctStateColor="#71bb4d"
    app:wrongStateColor="#ea2b46"
    app:normalStateColor="#ffffff"
    app:numberTextColor="#222222"
    app:passcodeLength="5"
    app:passcodeViewType="set_passcode"/>

<com.hanks.passcodeview.PasscodeView

android:id="@+id/passcodeView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#222222"

app:firstInputTip="Enter a passcode of 5 digits "

app:correctStateColor="#71bb4d"

app:wrongStateColor="#ea2b46"

app:normalStateColor="#ffffff"

app:numberTextColor="#222222"

app:passcodeLength="5"

app:passcodeViewType="set_passcode"/>

app:correctStateColor : رنگ حالت درست بودن کد را تنظیم می کند.
app:wrongStateColor : رنگ حالت غلط بودن کد را تنظیم می کند.
app:normalStateColor : رنگ حالت نرمال (معمولی) را تنظیم می کند.
app:numberTextColor : رنگ عدد ها را تنظیم می کند.
app:passcodeLength : طول عددهای ورودی را تنظیم می کند.
برای دسترسی از طریق کد مثل زیر می توانید استفاده کنید.

PasscodeView passcodeView = (PasscodeView) findViewById(R.id.passcodeView);
        passcodeView.setListener(new PasscodeView.PasscodeViewListener() {
            @Override
            public void onFail() {
            }
            @Override
            public void onSuccess(String number) {
                Toast.makeText(getApplication(),"finish",Toast.LENGTH_SHORT).show();
                onBackPressed();
            }
        });

PasscodeView passcodeView = (PasscodeView) findViewById(R.id.passcodeView);

passcodeView.setListener(new PasscodeView.PasscodeViewListener() {

@Override

public void onFail() {

}

@Override

public void onSuccess(String number) {

Toast.makeText(getApplication(),"finish",Toast.LENGTH_SHORT).show();

onBackPressed();

}

});

در بالا ما یک Listener تعریف کردیم تا success و fail را بررسی کنیم یعتی در صورتی که passcode درست بود و در صورتی که غلط بود پس شرط در اینجا بررسی می شود شما فقط باید کد رو دریافت کنید و بررسی کنید در void های ذکر شده. همانطور که مشاهده می کنید این یک Listener معمولی نیست و از Listener به نام PasscodeViewListener استفاده کردیم.

این آموزش هم همانند آموزش های قبلی به پایان رسید.

موفق و پیروز باشید.

مطالعه بیشتر