android 填写参数模板布局之一

最新推荐文章于 2021-05-26 08:13:13 发布
原创 最新推荐文章于 2021-05-26 08:13:13 发布 · 890 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#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;
        }
    }

三，效果图

这里写图片描述

Android Studio自定义模板
2401_84544752的博客
04-28 856
以前一直是自己在网上东平西凑的找，找到的东西也是零零散散，很多时候都是看着看着就没了，时间浪费了，问题却还没得到解决，很让人抓狂。后面我就自己整理了一套资料，还别说，真香！资料有条理，有系统，还很全面，我不方便直接放出来，大家可以先看看有没有用得到的地方吧。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
效率提升百分之四十，Android Studio模板真好用！
chuhe1989的博客
04-02 1195
CV 工程师你好，以下内容会让你感觉到不适，慎入！ 在平时的开发工作中，我们经常将一个地方的代码，复制粘贴到另外一个地方，俗称搬砖，搬砖搬多了，作为一个资深的挨踢民工，难免会总结一些提高生产力的搬砖经验 Android Studio 模板是个提高生产力的好东西，使用过 MVPArms 的朋友，都应该使用过我提供的配套模板，使用该套模板，一键即可生成整个页面需要的所有文件，甚至还...
Android移动设备布局模板
08-23
作者：郭孝星 微博：http://weibo.com/allenwells 邮箱：allenwells@163.com 博客：http://blog.youkuaiyun.com/allenwells Github：https://github.com/AllenWells
制作android布局模板,Android布局大全
weixin_33724264的博客
05-26 489
所有的布局方式都可以归类为ViewGroup的5个类别，即ViewGroup的5个直接子类。其它的一些布局都扩展自这5个类。1.LinearLayout，线性布局方式这种布局比较常用，也比较简单，就是每个元素占一行，当然也可能声明为横向排放，也就是每个元素占一列。LinearLayout按照垂直或者水平的顺序依次排列子元素，每一个子元素都位于前一个元素之后。如果是垂直排列，那么将是一个N行单列的结...
Android Studio布局模板一之FloatButton和Toolbar
Tcoy.Lin
03-28 6032
Toolbar FloatingtingActivity
Android TableLayout设计模板
不以己悲的博客
08-20 3124
TableLayout比较常用,设计简洁.xxxxxActivity.java:package com.fp.xxximport android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;public class xxxxxActivity extends Activity  implements View.OnClickListener{    @Override
android项目布局模板,zxn-templates
weixin_36245958的博客
05-26 299
zxn-templatesbintray.user=zhang721688bintray.apikey=838701a79a44c97075eda1019ee0a26428f4003e介绍android开发常用模板使用方法,以及配置过程.ASTemplatessettings.zip为常用配置,可以导入.使用该模版为配置好的模版,直接放置在指定位置即可使用1,本机1放置路径:C:\ZxnProgr...
Android Studio自定义模板之MVPActivity
sheaji的博客
07-18 2496
前言 Android开发中经常需要创建Activity。一般情况下，咱们都是右键"New"->Java Class/Activity。但是生成的Activity模板都比较简单，未必符合我们所需的模板样式。例如MVP框架下，创建完Activity，需要创建Present，Contract等文件，还需要编写Model、View、Present的关联等一系列代码。所以我们需要自定义模板，帮我们省去这一系列操作。 接下来有人肯定要说，我直接copy一下以前的Activity、Present多好（手动狗头.j
android 模板 ui布局,Android UI布局
weixin_34107887的博客
05-26 396
一、线性布局-LinearLayout(至上而下布局)其中android:orientation=”vertical”意思为垂直方向的线性布局，此处的”vertical”可改为”horizontal”,意思是水平方向的线性布局。android:layout_width=”match_parent”意思为这个控件的宽度占满整个屏幕或者父控件，此处的”match_parent”可改为”wrap_par...
Android Layout样式布局
05-16
包含所有的Android Layout的样式布局和属性讲解
Android五种布局示例
03-16
LinearLayout TableLayout RelativeLayout FrameLayout AbsoluteLayout
Android studio 安卓填写注册表单源代码 （课后练习的答案）
01-03
MainActivity.java package com.example.registerpage; import androidx.appcompat.app.AppCompatActivity; import android.app.DatePickerDialog; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.Button; import an
Android 用户个人信息状态布局显示
09-10
一个简单的自定义的组合布局，用来显示个人信息状态的 头像圆角显示，状态描述自定义显示
android 布局参数理解
whl_1990的专栏
11-03 475
1，Layout_weight这个属性只对Linearlayout生效，等于0时优先满足。1，2,3,4按比例分配（数值越小占地越多）。此属性优先于其他大小属性。 2，singleLine已过期，使用lines="1"替代，滚动时加上scroll方向。 3，使用android.view.View.layout(int l, int t, int r, int b)这个方法设置的
android 个人资料 布局,Android之布局
weixin_42298415的博客
05-26 263
LinearLayout - 线性布局线性布局，最常用的布局之一，所有包含在线性布局里的控件在线性方向上依次排列。注意：线性布局不会换行，当组件一个挨着一个地排列到头之后，剩下的组件将不会被显示出来。1.方向在线性布局里面的控件，是按照线性的顺序进行排列的，方向有两种：横向和纵向。属性和属性值:android:orientation = "horizontal" // 水平android:orie...
android 新建布局,Android使用布局作为创建多个布局实例的模板
weixin_28909601的博客
05-26 267
你可以轻松地做到这一点，你只需要打破它。首先加载要插入动态视图的布局。然后，您可以充实您的子视图，并根据需要填充多次。然后将视图添加到父版本，最后将活动的内容视图设置为父视图。这里有一个例子：LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);LinearLayou...
【Android】【Layout】ConstrainLayout
天天向上 Up Up Up (*^▽^*)
03-23 453
学布局的最好方式，就是自己放几个控件，把属性一一尝试一遍。 只看文章，不愿尝试，是种很懒惰的习惯，学习要有耐心，不要怕费时间。 TopToTopOf，BaselineToBaselineOf Margin（设置了参照对象才有效） Guideline（参照线，Orientation，GuidePercent，GuideBegin，GuideEnd） Bias（同时指定了Top和Bottom...
Android布局加载-使用模版方法设计模式
m0_37499494的博客
08-02 499
* 一.安卓布局加载之使用模版方法设计模式进行布局加载 Android开发中一般我们进行一个activity页面布局加载是在活动的生命周期函数onCreate()方法中进行。代码如下： public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bun...
android 我的功能模块模板布局之一
Jason101123的博客
12-28 2460
一，布局为<?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="mat
Android Studio模板开发：创建Java和Kotlin模板
3. **配置模板元数据**：在`templates`目录下创建一个名为`template.xml`的文件，用于描述模板的名称、描述、预览图片以及参数配置等信息。这一步骤是生成模板的关键。 4. **打包模板**：将模板文件夹打包成一个zip...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值