1:上滑 顶部背景图片缓慢消失，标题悬浮

1.1：CoordinatorLayout中设置

　　前面的添加依赖，在上一篇中已经说过，在这就不在重复了，协调者布局中这次又加入了一个新的布局CollapsingToolbarLayout（折叠工具栏布局），很明显上面的效果图中的工具栏上滑的同时把图片折叠进去了，这是一个动画效果，如果不是MaterialDesign库的强大，这都是我们自己写。我们来分析一下效果图中都用到了什么，只看带颜色的有文字，和一个苹果背景图、还有一个悬浮按钮（吸附在CollapsingToolbarLayout的右下角）。我们来分析一下主要代码

最外层-->里层还是：CoordinatorLayout-->AppBarLayout-->CollapsingToolbarLayout。竟然折叠的部分是toolbar和背景图片，这就理所应当的把这两个空间写在CollapsingToolbarLayout中，因为上面协调者布局和appbar布局很简单，这里就不在写了，只贴出折叠布局代码（里面的注释有贴出后加的，用该代码时要注意语法）。这里可以看出我在ImageView中加入了高度180dp，这里是一定要加上的，否侧toolbar的会出现以下几种错误，1:文字不显示。2：只显示标题栏。3：图片过大充满整个屏幕。当然这些问题不是每个人都有的。

这才是我们折叠式布局的写法，并且需要关注的是我们的悬浮按钮FloatingActionButton，高亮的部分是重点。

 写到这里基本上完成了，代码少，效果好正是该库的强大，在Activity中的使用基本和上一篇是一样的。对于这个悬浮按钮里面也有很多属性，这里就不在一一写出了，这里只是作为一个辅助，让我们在视觉更舒服所加的。

2：在标题 上栏加入布局，放一些搜索框

2.1：布局书写

这里的布局和上面是一样的，只是把imageview换成了LinearLayout布局，在该布局中写上我们熟悉的输入框和图片按钮即可，

最外层-->里层还是：CoordinatorLayout-->AppBarLayout-->CollapsingToolbarLayout-->LinearLayout。

3:输入框TextInputEditText的使用

在最平常的时候，我们写输入框，要加正则表达式来判断是哪一行出现不符合要求的数据，然后用一个toast来提示用户，这就显得用户体验极差，有的用户还没看完toast就关掉了，而且具体哪一行错误也没有标红，这就很尴尬了，那么今天这个控件也是一个输入框，但是外层加一个布局（TextInputLayout），就可以达到精确到一行提示具体错误。

TextInputLayout是22.2.0新添加的控件， 要和EditText(或EditText的子类）结合使用，并且只能包含一个EditText(或EditText的子类）。

当EditText获得光标时，通常会自动隐藏提示文本，这不太友好。这时候TextInputLayout则是显示错误，TextInputLayout是LinearLayout的子类，用于辅助显示提示信息。当EditText获得焦点时，它的提示文本会自动显示在其上方，并带有动画效果。

现在仅仅是过度效果，还没有加提示信息，用法很简单，但注意一点TextInputLayout只能包含一个TextInputEditText，如果写用户名和密码那就写两个TextInputLayout，哦，对了这个最外层布局倒和协调者布局没多大关系，随便一个线性布局即可。

这里要注意的是Id是加在 TextInputLayout上，在Activity中获取也是获取的layout，那么怎么获取edittext输入的数据呢，有方法的。

viewById.getEditText().addTextChangedListener(this);

 获取里面的text文本并且添加文本变化监听，这里要实现三个方法

public void afterTextChanged(Editable s) //内容改变后调用

 这两个方法简单demo上都用不到，这里就不过多解释了。

@Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {

    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {

    }

 这里我们重点看afterTextChanged方法,这里只给第一个控件加上了该监听(对比)。

 @Override
    public void afterTextChanged(Editable s) {
        if(s.length()<4){
            viewById.setError("必须大于4位");
            viewById.setErrorEnabled(true);
        }else {
            viewById.setErrorEnabled(false);
        }
    }

# android  # 这就  # 子类  # 输入框  # 的是  # 还没  # 就不  # 提示信息  # 这两个  # 很简单  # 都用 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  网站制作软件免费下载安装,有哪些免费下载的软件网站？  javascript中对象的定义、使用以及对象和原型链操作小结  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  昵图网官网入口 昵图网素材平台官方入口  如何获取免费开源的自助建站系统源码？  Python正则表达式进阶教程_复杂匹配与分组替换解析  python中快速进行多个字符替换的方法小结  ,网页ppt怎么弄成自己的ppt？  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  如何在万网主机上快速搭建网站？  网页设计与网站制作内容,怎样注册网站？  Bootstrap整体框架之JavaScript插件架构  如何快速完成中国万网建站详细流程？  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  如何在 Pandas 中基于一列条件计算另一列的分组均值  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  如何在阿里云高效完成企业建站全流程？  Laravel如何实现API速率限制？（Rate Limiting教程）  如何确保西部建站助手FTP传输的安全性？  高端建站三要素：定制模板、企业官网与响应式设计优化  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  如何快速搭建虚拟主机网站？新手必看指南  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  如何利用DOS批处理实现定时关机操作详解  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  Laravel如何实现事件和监听器？（Event & Listener实战）  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  如何快速搭建高效WAP手机网站吸引移动用户？  Laravel如何使用模型观察者？（Observer代码示例）  如何在Windows虚拟主机上快速搭建网站？  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  百度浏览器如何管理插件 百度浏览器插件管理方法  香港服务器如何优化才能显著提升网站加载速度？  Mybatis 中的insertOrUpdate操作  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  Laravel如何使用Socialite实现第三方登录？（微信/GitHub示例）  Laravel如何实现API版本控制_Laravel版本化API设计方案  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  魔方云NAT建站如何实现端口转发？  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  网站图片在线制作软件,怎么在图片上做链接？  BootStrap整体框架之基础布局组件  开心动漫网站制作软件下载,十分开心动画为何停播？  JS碰撞运动实现方法详解  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】