Android仿微信或支付寶方塊密碼輸入框
更新時間:2018年06月05日 11:12:57 作者:yaya_soft
這篇文章主要為大家詳細介紹了Android仿微信或支付寶方塊密碼輸入框,具有一定的參考價值,感興趣的小伙伴們可以參考一下
在用到支付類或者驗證類app時,都有一個簡密的輸入框。百度了下有個不錯的帖子,點擊打開鏈接
不過自己也寫了個簡單的類似的。
懶得運行,直接截layout.xml的效果圖先。
布局文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffff" android:paddingBottom="20dp" android:paddingTop="30dp" > <TextView android:id="@+id/txtTitle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:text="請輸入驗證碼" android:textStyle="bold" android:textSize="22sp" /> <LinearLayout android:id="@+id/layout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/txtTitle" android:layout_centerHorizontal="true" android:layout_marginTop="10dp" android:orientation="horizontal" > <TextView android:id="@+id/t1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/i1" android:gravity="center" android:inputType="number" android:lines="1" android:maxLines="1" /> <TextView android:id="@+id/t2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/i1" android:gravity="center" android:inputType="number" android:lines="1" android:maxLines="1" /> <TextView android:id="@+id/t3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/i1" android:gravity="center" android:inputType="number" android:lines="1" android:maxLines="1" /> <TextView android:id="@+id/t4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/i2" android:gravity="center" android:inputType="number" android:lines="1" android:maxLines="1" /> </LinearLayout> <EditText android:id="@+id/editHide" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/layout" android:layout_alignLeft="@+id/layout" android:layout_alignRight="@+id/layout" android:layout_alignTop="@+id/layout" android:layout_weight="1" android:background="#00000000" android:cursorVisible="false" android:ems="10" android:inputType="number" android:maxLength="4" android:textColor="#00000000" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/layout" android:layout_centerHorizontal="true" android:layout_marginTop="20dp" > <Button android:id="@+id/verifycode_ok" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#fa8d70" android:layout_marginRight="30dp" android:textColor="#ffffff" android:text="確定" /> <Button android:id="@+id/verifycode_cancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="30dp" android:background="@color/index_time_but" android:textColor="#ffffff" android:text="取消" /> </LinearLayout> </RelativeLayout>
代碼:
import android.app.Activity; import android.os.Bundle; import android.text.Editable; import android.text.TextWatcher; import android.widget.EditText; import android.widget.TextView; public class MainActivity extends Activity { TextView t1, t2, t3, t4, et; String key = ""; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.verifycode); t1 = (TextView) findViewById(R.id.t1); t2 = (TextView) findViewById(R.id.t2); t3 = (TextView) findViewById(R.id.t3); t4 = (TextView) findViewById(R.id.t4); et = (EditText) findViewById(R.id.editText1); et.addTextChangedListener(tw); } void setKey() { char[] arr = key.toCharArray(); t1.setText(""); t2.setText(""); t3.setText(""); t4.setText(""); for (int i = 0; i < arr.length; i++) { if (i == 0) { t1.setText(String.valueOf(arr[0])); } else if (i == 1) { t2.setText(String.valueOf(arr[1])); } else if (i == 2) { t3.setText(String.valueOf(arr[2])); } else if (i == 3) { t4.setText(String.valueOf(arr[3])); } } } TextWatcher tw = new TextWatcher() { @Override public void onTextChanged(CharSequence s, int start, int before, int count) { } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void afterTextChanged(Editable s) { key = s.toString(); setKey(); } }; }
好噠,就這樣了,運行就有效果了。沒有什么自定義,沒有什么第三方。
當然。如果你要彈窗形式的話,也一樣,加下面的就能彈窗了
final AlertDialog dialog = new AlertDialog.Builder(mContext).create(); dialog.show(); dialog.getWindow().setContentView(R.layout.verifycode);t1 = (TextView) dialog.findViewById(R.id.t1); t2 = (TextView) dialog.findViewById(R.id.t2); t3 = (TextView) dialog.findViewById(R.id.t3); t4 = (TextView) dialog.findViewById(R.id.t4);
后期有時間再補上項目DOME。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Android?獲取實時網(wǎng)速實現(xiàn)詳解
這篇文章主要為大家介紹了Android?獲取實時網(wǎng)速實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-11-11Android使用glide加載gif動畫設置播放次數(shù)
這篇文章主要為大家詳細介紹了Android使用glide加載gif動畫設置播放次數(shù),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11Android 清除SharedPreferences 產生的數(shù)據(jù)(實例代碼)
項目是要保存上次文件播放的位置,我使用SharedPreferences來保存,鍵值對分別是文件路徑和當時播放的位置2013-11-11android中Intent傳值與Bundle傳值的區(qū)別詳解
本篇文章是對android中Intent傳值與Bundle傳值的區(qū)別進行了詳細的分析介紹,需要的朋友參考下2013-05-05