آموزش برنامه نویسی اندروید | EditText سفارشی برای کارت بانکی در اندروید
سلام توسعه دهندگان گرامی در این سری از آموزش برنامه نویسی اندروید به آموزش EditText سفارشی برای کارت بانکی در اندروید می پردازیم از این آموزش به عنوان دریافت شماره کارت بانکی می توانید استفاده کنید در ادامه با ما همراه باشید تا نحوه استفاده از آن را یاد گیرید.
پیش نمایش کتاب خانه
در حالت های مختلفی می توان از آن استفاده کرد.
ابتدا باید کتاب خانه مربوطه را اضافه کنید همانند زیر عمل کنید.
وارد فایل Build.gradle از نوع Top-Level شده سپس در بخش repositories خط زیر را اضافه کنید.
1 2 3 4 5 | repositories { maven{ url "https://dl.bintray.com/infideap2/Block-EditText" } } |
وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط زیر را اضافه کنید.
1 2 3 | dependencies { implementation 'com.infideap.blockedittext:block-edittext:0.0.6' } |
پروژه را sync کنید قند شکن فراموش نشود.
در دو حالت می توانید از آن استفاده کنید.
TAC
1 2 3 4 5 6 7 8 9 10 11 | <com.infideap.blockedittext.BlockEditText android:id="@+id/blockEditText_tac" app:bet_defaultLength="1" app:bet_numberOfBlock="4" app:bet_inputType="Integer" app:bet_hintTextAppearance="@style/TextAppearance.AppCompat.Medium" app:bet_hint="TAC" app:bet_textSize="24sp" android:layout_width="300dp" app:bet_editTextBackground="@drawable/selector_edittext_round_border" android:layout_height="wrap_content" /> |
Credit Card
1 2 3 4 5 6 7 8 9 10 | <com.infideap.blockedittext.BlockEditText android:id="@+id/blockEditText_visa" android:layout_width="match_parent" android:layout_height="wrap_content" app:bet_defaultLength="4" app:bet_hint="Visa/Mastercard" app:bet_hintTextAppearance="@style/TextAppearance.AppCompat.Medium" app:bet_inputType="Integer" app:bet_numberOfBlock="4" app:bet_text="131321323-13213-21321312" /> |
app:bet_defaultLength : طول هر خانه از EditText ورودی را تعیین می کند.
app:bet_numberOfBlock : تعداد Block هایی که ساخته می شود را تعیین می کند.
app:bet_hint : یک Hint برای Block ها تعریف می کند.
app:bet_hintTextAppearance : اندازه از نظر مقایسی مربوط به hint را تعین می کند شامل medium , Large , samll می شود.
app:bet_inputType : تعیین نوع ورودی Edittext ها
app:bet_text : متن پیشفرض که در Edittext ها قرار میگیرد شما باید آن را حذف کنید.
اگر بخواهید از طریق کد آن را سفارشی کنید می توانید از نمونه کدهای زیر استفاده کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | amexEditText.setNumberOfBlock(3); amexEditText.setDefaultLength(4); amexEditText.setLengthAt(1,6); amexEditText.setHint("Amex"); amexEditText.setText("1234567890"); amexEditText.getText(); amexEditText.setTextSize(16); amexEditText.setHintTextSize(16); amexEditText.setSeparatorTextSize(16); amexEditText.setSeparatorCharacter('-'); amexEditText.setSeparatorPadding(8); amexEditText.setInputType(InputType.TYPE_CLASS_NUMBER); amexEditText.setTextAppearance(android.support.v7.appcompat.R.style.Base_TextAppearance_AppCompat_Medium); amexEditText.setHintTextAppearance(android.support.v7.appcompat.R.style.Base_TextAppearance_AppCompat_Medium); amexEditText.setSeparatorTextAppearance(android.support.v7.appcompat.R.style.Base_TextAppearance_AppCompat_Medium); amexEditText.setEdiTextBackground(ContextCompat.getDrawable(this, R.drawable.selector_edittext_round_border_line)); amexEditText.setSelection(0); amexEditText.addCardPrefix(CardPrefix.amex(this)) amexEditText.addCardPrefix(CardPrefix.amex(amexDrawable)) amexEditText.addCardPrefix(new CardPrefix(this, R.drawable.ic_amex, "34")) amexEditText.addCardPrefix(new CardPrefix(amexDrawable, "34")) |
و در نهایت برای اینکه آن را findViewbyid کنید می توانید مثل زیر عمل کنید.
1 | BlockEditText amexEditText = findViewById(R.id.blockEditText_amex); |
این آموزش هم به پایان رسید.
موفق و پیروز باشید.
