《学习记录》TextInputLayout一般用法

本文介绍了TextInputLayout组件的一般用法,包括如何配置计数、错误提示及Hint等属性,并通过示例展示了如何在实际项目中应用这些功能。

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

《学习记录》TextInputLayout一般用法

design库已经出现相当长一段时间了,平时除了用一用TabLayout,其他基本没用到!这怎么能忍,看到谷歌给的LoginActivity的template,里面就用TextInputLayout和TextInputEditText,于是抽时间看一看,顺便写篇博客记录一下学习记录。

直接开始:

TextInputLayout直接用来包裹一个EditText或者EditText的子类,在用户输入时做一些使用户感觉更友好的体验。

有一些enabled的属性和Appearance的属性,列举如下;

  • app:counterEnabled :是否开启字数计数,开启字数计数后在EditText的右下角有一个计数的标志。
  • app:counterMaxLength :设置EditText应该输入的最大字数,如果输入的字数超过设置的字数,则计数标志会有相应的提示。
  • app:counterTextAppearance :计数标志的样式,不超过字数的正常模式下。
  • app:counterOverflowTextAppearance:超过字数时,计数标志的样式。

  • app:hintEnabled :hintEnabled 设置为true,则在输入状态下,hint会跑到EditText左上方。

  • app:hintAnimationEnabled :hint跑到EditText左上方时是否有一个动画效果。
  • app:hintTextAppearance:跑到EditText左上方的hint的样式。

  • app:errorEnabled :是否显示错误内容,设置为true,EditText的左下方会出现错误提示信息。

  • app:errorTextAppearance:错误提示的样式。

里面的TextAppearance很多,一幅图来说明:

这里写图片描述

额,图太丑了!!!!

那我们一般的用法是咋样呢?很简单,

  • 布局代码如下:
 <android.support.design.widget.TextInputLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:counterEnabled="true"<!--设置计数开启-->
        app:counterMaxLength="6"<!-设置最大长度是6-->
        app:counterOverflowTextAppearance="@style/myOverFlowText"<!--设置长度超出后的样式-->
        app:errorTextAppearance="@style/myErrorStyle"<!--设置错误提示样式-->
        app:counterTextAppearance="@style/countStyle"<!-设置计数样式->
        app:hintTextAppearance="@style/hintStyle"<!--设置hint样式-->
        app:hintAnimationEnabled="true"<!--设置hint动画开启-->
        app:hintEnabled="true"><!-设置hint跑到顶部开启->

        <EditText
            android:id="@+id/id_login_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入用户名"
            android:inputType="text" />
    </android.support.design.widget.TextInputLayout>
  • 代码设置如下:

private TextInputLayout layoutName,layoutPassword;
private EditText etLoginName,etPassword;
private Button btnSubmit;

private boolean isNameValid(){
        if(TextUtils.isEmpty(etLoginName.getText().toString())){
            layoutName.setErrorEnabled(true);
            layoutName.setError("用户名不能为空");
            etLoginName.requestFocus();
            return false;
        }
        layoutName.setErrorEnabled(false);
        return true;
    }
etLoginName.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) {

        }

        @Override
        public void afterTextChanged(Editable s) {
            isNameValid();
        }

});


btnSubmit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(!isNameValid()){
                    Snackbar.make(layoutName,"用户名无效",Snackbar.LENGTH_SHORT)
                            .setAction("click text",null).show();
                    return;
                }

                //go on doing something

            }
        });
  • 当然,输入框错误提示你可以这样指定:
            etPassword.setError("error msg");

andriod移动端记事本一、题目要求 设计并实现一个基于 Android 原生开发技术的移动端记事本系统。该系统应具备以下功能: 笔记管理:用户可以创建、编辑、删除和查看笔记。 分类功能:用户可以为笔记添加分类标签(如“工作”“生活”“学习”等)。 搜索功能:用户可以通过关键词搜索笔记内容。 数据存储:笔记数据应持久化存储,支持本地存储。 界面友好:界面简洁美观,用户体验良好。 二、界面设计稿 1. 主界面(MainActivity) 顶部导航栏: 标题:记事本 右侧按钮:添加笔记(+图标) 中间内容区: 列表显示所有笔记的标题和分类标签。 每个笔记条目可以点击进入查看详细内容。 底部导航栏: 搜索按钮 设置按钮 2. 添加/编辑笔记界面(AddEditNoteActivity) 顶部导航栏: 标题:添加笔记/编辑笔记(根据操作显示) 右侧按钮:保存 中间内容区: 标题输入框(EditText) 内容输入框(EditText,支持多行) 分类选择(Spinner下拉菜单) 底部: 保存按钮(与导航栏的保存按钮功能一致) 3. 笔记详情界面(NoteDetailActivity) 顶部导航栏: 标题:笔记详情 右侧按钮:编辑按钮 中间内容区: 显示笔记标题 显示笔记内容 显示分类标签 底部: 删除按钮 4. 搜索界面(SearchActivity) 顶部导航栏: 标题:搜索笔记 返回按钮 中间内容区: 搜索框(EditText) 搜索结果列表(显示匹配笔记的标题和分类) 5. 设置界面(SettingsActivity) 顶部导航栏: 标题:设置 返回按钮 中间内容区: 主题切换(夜间模式/白天模式) 关于应用(点击后弹出对话框显示版本信息) 三、系统设计方案 1. 技术选型 开发工具:Android Studio 开发语言:Java/Kotlin 数据存储:SQLite 数据库 2. 功能模块设计 笔记模块: 数据结构:Note 类,包含 id(主键)、title(标题)、content(内容)、category(分类)、timestamp(时间戳)。 数据库表结构:notes 表,字段包括 id(INTEGER)、title(TEXT)、content(TEXT)、category(TEXT)、timestamp(TEXT)。 功能:创建、读取、更新、删除笔记。 - 分类模块: 数据结构:Category 类,包含 id(主键)、name(分类名称)。 数据库表结构:categories 表,字段包括 id(INTEGER)、name(TEXT)。 功能:添加、删除、显示分类。 - 搜索模块: 功能:通过关键词搜索笔记标题或内容,返回匹配的笔记列表。 - 数据存储模块: 使用 SQLite 数据库,创建 NoteDatabaseHelper 类,继承 SQLiteOpenHelper,实现数据库的创建、升级和数据操作。 - 界面模块: 使用 XML 布局文件定义界面,使用 RecyclerView 显示笔记列表,Spinner 实现分类选择。 使用 Intent 在不同 Activity 之间传递数据。 3. 数据流设计 - 启动应用: 主界面加载,从数据库中读取笔记数据,显示在列表中。 - 添加笔记: 点击添加按钮,跳转到添加笔记界面。 输入标题、内容和选择分类后,点击保存按钮,将数据存储到数据库,并返回主界面刷新列表。 - 查看笔记: 点击笔记条目,跳转到笔记详情界面。 点击编辑按钮,跳转到编辑笔记界面,修改后保存更新数据库。 点击删除按钮,删除笔记并返回主界面刷新列表。 - 搜索笔记: 点击搜索按钮,跳转到搜索界面。 输入关键词,搜索数据库中的笔记,显示匹配结果。 4. 代码结构 - MainActivity: 显示笔记列表,处理添加、搜索和设置按钮的点击事件。 - AddEditNoteActivity: 提供添加和编辑笔记的界面,处理数据保存逻辑。 - NoteDetailActivity: 显示笔记详情,处理编辑和删除操作。 - SearchActivity: 提供搜索界面,处理搜索逻辑。 - SettingsActivity: 提供应用设置界面,处理主题切换等设置。 - NoteDatabaseHelper: 管理数据库的创建、升级和数据操作。 - Note 类: 定义笔记的数据结构。 - Category 类: 定义分类的数据结构。
最新发布
05-14
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值