android 填写参数模板布局之一

本文介绍了一个用于填写银行卡信息的界面设计方案,包括持卡人姓名、身份证号码、预留手机及验证码等字段,并通过Java代码实现了界面元素的交互逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一,整体布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#F8F8F8"
    android:clipToPadding="false"
    android:fitsSystemWindows="true"
    android:orientation="vertical"
    tools:context="com.jiangtunjf.jgapplication.Main7Activity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="10dp"
                android:text="请填写持卡本人银行信息"
                android:textColor="@color/text_color_content"
                android:textSize="13sp"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="@color/white"
                android:orientation="vertical">

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="15dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="5dp"
                        android:text="持卡人姓名"
                        android:textColor="@color/text_color_main"
                        android:textSize="15sp"/>

                    <EditText
                        android:id="@+id/et_name"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="94dp"
                        android:layout_toLeftOf="@+id/clearName"
                        android:background="@null"
                        android:hint="请输入姓名"
                        android:maxLines="1"
                        android:singleLine="true"
                        android:textColor="@color/text_color_content"
                        android:textColorHint="@color/text_color_hint"
                        android:textSize="15sp"/>

                    <ImageView
                        android:id="@+id/clearName"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:padding="2dp"
                        android:src="@drawable/btn_close"/>

                </RelativeLayout>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="@color/line_division"/>

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="15dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="5dp"
                        android:text="身份证号码"
                        android:textColor="@color/text_color_main"
                        android:textSize="15sp"/>

                    <EditText
                        android:id="@+id/et_idCard"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="94dp"
                        android:layout_toLeftOf="@+id/clearIdCard"
                        android:background="@null"
                        android:digits="0123456789XYZxyz*"
                        android:hint="请输入身份证号码"
                        android:maxLines="1"
                        android:singleLine="true"
                        android:textColor="@color/text_color_content"
                        android:textColorHint="@color/text_color_hint"
                        android:textSize="15sp"/>

                    <ImageView
                        android:id="@+id/clearIdCard"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:padding="2dp"
                        android:src="@drawable/btn_close"/>

                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:background="@color/white"
                android:orientation="vertical">

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="15dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="5dp"
                        android:text="预留手机"
                        android:textColor="@color/text_color_main"
                        android:textSize="15sp"/>

                    <EditText
                        android:id="@+id/et_phone"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="94dp"
                        android:layout_toLeftOf="@+id/clearPhone"
                        android:background="@null"
                        android:hint="请输入银行预留手机号码"
                        android:maxLines="1"
                        android:singleLine="true"
                        android:textColor="@color/text_color_content"
                        android:textColorHint="@color/text_color_hint"
                        android:textSize="15sp"/>

                    <ImageView
                        android:id="@+id/clearPhone"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:padding="2dp"
                        android:src="@drawable/btn_close"/>

                </RelativeLayout>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="@color/line_division"/>

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="15dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="5dp"
                        android:text="验证码"
                        android:textColor="@color/text_color_main"
                        android:textSize="15sp"/>

                    <EditText
                        android:id="@+id/et_captcha"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="94dp"
                        android:layout_toLeftOf="@+id/clearCaptcha"
                        android:background="@null"
                        android:hint="请输入验证码"
                        android:maxLines="1"
                        android:singleLine="true"
                        android:textColor="@color/text_color_content"
                        android:textColorHint="@color/text_color_hint"
                        android:textSize="15sp"/>

                    <ImageView
                        android:id="@+id/clearCaptcha"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_toLeftOf="@+id/getCaptcha_line"
                        android:padding="2dp"
                        android:src="@drawable/btn_close"/>

                    <View
                        android:id="@+id/getCaptcha_line"
                        android:layout_width="1dp"
                        android:layout_height="17dp"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="20dp"
                        android:layout_marginRight="20dp"
                        android:layout_toLeftOf="@+id/getCaptcha"
                        android:background="@color/red_light"/>

                    <TextView
                        android:id="@+id/getCaptcha"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:text="获取验证码"
                        android:textColor="@color/text_color_main"
                        android:textSize="15sp"/>

                </RelativeLayout>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

二,java 代码

    private EditText mEtName;
    private EditText mIdCard;
    private EditText mPhone;
    private EditText mCaptcha;
    private ImageView clearName;
    private ImageView clearIdCard;
    private ImageView clearPhone;
    private ImageView clearCaptcha;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main7);
        mEtName = findViewById(R.id.et_name);
        mIdCard = findViewById(R.id.et_idCard);
        mPhone = findViewById(R.id.et_phone);
        mCaptcha = findViewById(R.id.et_captcha);

        clearName = findViewById(R.id.clearName);
        clearIdCard = findViewById(R.id.clearIdCard);
        clearPhone = findViewById(R.id.clearPhone);
        clearCaptcha = findViewById(R.id.clearCaptcha);
        initEvent();

        RxTextView.textChanges(mEtName).subscribe(new Consumer<CharSequence>() {
            @Override
            public void accept(CharSequence charSequence) throws Exception {
                RxView.visibility(clearName).accept(charSequence.length() > 0);
            }
        });

        RxTextView.textChanges(mIdCard).subscribe(new Consumer<CharSequence>() {
            @Override
            public void accept(CharSequence charSequence) throws Exception {
                RxView.visibility(clearIdCard).accept(charSequence.length() > 0);
            }
        });

        RxTextView.textChanges(mPhone).subscribe(new Consumer<CharSequence>() {
            @Override
            public void accept(CharSequence charSequence) throws Exception {
                RxView.visibility(clearPhone).accept(charSequence.length() > 0);
            }
        });

        RxTextView.textChanges(mCaptcha).subscribe(new Consumer<CharSequence>() {
            @Override
            public void accept(CharSequence charSequence) throws Exception {
                RxView.visibility(clearCaptcha).accept(charSequence.length() > 0);
            }
        });
    }

    private void initEvent() {
        clearName.setOnClickListener(this);
        clearIdCard.setOnClickListener(this);
        clearPhone.setOnClickListener(this);
        clearCaptcha.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.clearName:
                mEtName.setText("");
                break;
            case R.id.clearIdCard:
                mIdCard.setText("");
                break;
            case R.id.clearPhone:
                mPhone.setText("");
                break;
            case R.id.clearCaptcha:
                mCaptcha.setText("");
                break;
        }
    }

三,效果图

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值