Android自定义View之六位密码框

今天是我第一次写技术博客,本人也是小菜鸟一枚,工作不满一年,博客内容也比较简单,对专业知识了解不够深入,写博客的原因一来是为了分享,而来也是激励自己,如果内容有什么错误问题,请大家指教纠正。

今天要讲的是六位密码输入框。先上代码。首先是layout.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="55dip"
    android:gravity="center"
    android:layout_gravity="center"
    android:orientation="horizontal">
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="fill_parent" >
        <EditText
            android:id="@+id/e1"
            android:layout_width="45dip"
            android:layout_height="fill_parent"
            android:background="@drawable/topayl"
            android:gravity="center"
            android:inputType="numberPassword"
            android:maxLength="1" />
        <TextView
            android:id="@+id/heng1"
            android:layout_width="15dip"
            android:layout_height="2dip"
            android:layout_gravity="center"
            android:background="@color/black"
            android:gravity="center"
            android:visibility="gone" />
    </FrameLayout>

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="fill_parent" >
        <EditText
            android:id="@+id/e2"
            android:layout_width="45dip"
            android:layout_height="fill_parent"
            android:background="@drawable/topaym"
            android:gravity="center"
            android:inputType="numberPassword"
            android:maxLength="1" />
        <TextView
            android:id="@+id/heng2"
            android:layout_width="15dip"
            android:layout_height="2dip"
            android:layout_gravity="center"
            android:background="@color/black"
            android:gravity="center"
            android:visibility="gone" />
    </FrameLayout>

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="fill_parent" >
        <EditText
            android:id="@+id/e3"
            android:layout_width="45dip"
            android:layout_height="fill_parent"
            android:background="@drawable/topaym"
            android:gravity="center"
            android:inputType="numberPassword"
            android:maxLength="1" />
        <TextView
            android:id="@+id/heng3"
            android:layout_width="15dip"
            android:layout_height="2dip"
            android:layout_gravity="center"
            android:background="@color/black"
            android:gravity="center"
            android:visibility="gone" />
    </FrameLayout>

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="fill_parent" >
        <EditText
            android:id="@+id/e4"
            android:layout_width="45dip"
            android:layout_height="fill_parent"
            android:background="@drawable/topaym"
            android:gravity="center"
            android:inputType="numberPassword"
            android:maxLength="1" />
        &l
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好,以下是实现自定义密码的代码: 1. 在 XML 布局文件中添加一个 EditText 控件,设置输入类型为密码: <EditText android:id="@+id/password_edittext" android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPassword" /> 2. 创建一个自定义的 PasswordView 类,继承自 View,用于绘制密码: public class PasswordView extends View { private Paint mPaint; private int mWidth; private int mHeight; private int mCircleRadius; private int mCircleSpacing; private int mCircleCount; private int mPasswordLength; private int[] mPassword; public PasswordView(Context context) { this(context, null); } public PasswordView(Context context, AttributeSet attrs) { this(context, attrs, ); } public PasswordView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setStyle(Paint.Style.FILL); mPaint.setColor(Color.BLACK); mCircleRadius = dp2px(10); mCircleSpacing = dp2px(20); mCircleCount = 6; mPasswordLength = ; mPassword = new int[mCircleCount]; } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); mWidth = getMeasuredWidth(); mHeight = getMeasuredHeight(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int startX = (mWidth - mCircleRadius * 2 * mCircleCount - mCircleSpacing * (mCircleCount - 1)) / 2; int centerY = mHeight / 2; for (int i = ; i < mCircleCount; i++) { int x = startX + i * (mCircleRadius * 2 + mCircleSpacing); canvas.drawCircle(x, centerY, mCircleRadius, mPaint); if (i < mPasswordLength) { canvas.drawCircle(x, centerY, mCircleRadius - dp2px(2), mPaint); } } } public void setPassword(int[] password) { mPassword = password; mPasswordLength = password.length; invalidate(); } private int dp2px(int dp) { return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, getResources().getDisplayMetrics()); } } 3. 在 Activity 中,获取 EditText 控件和自定义的 PasswordView 控件,并设置监听器,当 EditText 的文本发生变化时,更新 PasswordView密码显示: public class MainActivity extends AppCompatActivity { private EditText mPasswordEditText; private PasswordView mPasswordView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mPasswordEditText = findViewById(R.id.password_edittext); mPasswordView = findViewById(R.id.password_view); mPasswordEditText.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { String passwordStr = s.toString(); int[] password = new int[passwordStr.length()]; for (int i = ; i < passwordStr.length(); i++) { password[i] = Integer.parseInt(String.valueOf(passwordStr.charAt(i))); } mPasswordView.setPassword(password); } @Override public void afterTextChanged(Editable s) { } }); } } 希望能对您有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值