首页
学习
活动
专区
圈层
工具
发布

TextInputLayout-Android M新控件

本博文将演示如何使用Design Support Library中的TextInputLayout控件。 ---- 官方API ---- 运行效果 ?...在你的build.gradle文件中,添加如下依赖: compile 'com.android.support:appcompat-v7:23.1.1' compile 'com.android.support...它显示了一个“登录”文字与两个EditText元素,一个是为用户名准备的,一个是为密码准备的。布局中还包含了一个触发登陆流程的按钮。背景颜色是扁平风格的灰色。...跟ScrollView一样,TextInputLayout只接受一个子元素。子元素需要是一个EditText元素。...现在我们定义了什么是错误的什么是正确的,也知道了如何获取EditText中的数据以及显示可能的错误,onClick方法的实现就很简单了。

1.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    再不迁移到Material Design Components 就out啦

    本指南将向您展示如何迁移代码库,以便您可以使用新的属性,样式和小部件。 精简的主题示例 本指南使用了精简的应用程序来演示迁移过程。...Android Studio中的 重构 > 迁移到 AndroidX 工具会将您的 Design Support Library 依赖重构成 MDC。...要恢复为旧的文本字段可以在布局中添加样式 android.material.textfield.TextInputLayout ... + style="@style...下面这几种情况应该考虑 在布局中写的控件如果有对应的 MDC 控件的话,直接使用 MDC 控件 任何的风格,默认风格和默认风格属性应该改变成 MDC 版本 在编程中或者自定义类的父级类使用的任何控件都应该为...,以使用自定义字体系列,XML或通过Android Studio 下载字体: <!

    3.9K30

    Android之MaterialDesign应用技术2-仿支付宝上滑搜索框缓慢消失

    1.1:CoordinatorLayout中设置   前面的添加依赖,在上一篇中已经说过,在这就不在重复了,协调者布局中这次又加入了一个新的布局CollapsingToolbarLayout(折叠工具栏布局...竟然折叠的部分是toolbar和背景图片,这就理所应当的把这两个空间写在CollapsingToolbarLayout中,因为上面协调者布局和appbar布局很简单,这里就不在写了,只贴出折叠布局代码(...,代码少,效果好正是该库的强大,在Activity中的使用基本和上一篇是一样的。...2.1:布局书写 这里的布局和上面是一样的,只是把imageview换成了LinearLayout布局,在该布局中写上我们熟悉的输入框和图片按钮即可, 最外层-->里层还是:CoordinatorLayout...TextInputLayout是22.2.0新添加的控件, 要和EditText(或EditText的子类)结合使用,并且只能包含一个EditText(或EditText的子类)。

    1.9K100

    Android MVVM框架搭建(一)ViewModel + LiveData + DataBinding

    Control (控制层)控制器由View 根据用户行为触发并响应来自view 的用户交互,然后根据view 的事件逻辑来修改对应的Model, Control 并不关心 View 如何展示 相关数据或状态...View只做和UI相关的工作,不涉及任何业务逻辑,不涉及操作数据,不处理数据。UI和数据严格的分开。...好了,说了这么多理论的东西,下面进入实操环节,先说明开发环境,我使用的Android Studio是4.2.1,API版本30,gradle 版本6.7.1,JDK8,电脑Win10。...看懂了之后首先在项目中,启用DataBinding,找到app模块下的build.gradle,在android{}闭包下添加如下代码: //启用DataBinding buildFeatures...pwd也是一样的,然后在最后一处标注的地方,对MainViewModel中的account和pwd进行数据观察,当这两个值有改变时通知页面最新的值,这里用了lambda表达式进行了一次简化,实际的代码是这样的

    19.4K98

    Android MVVM框架搭建(一)ViewModel + LiveData + DataBinding

    Control (控制层)控制器由View 根据用户行为触发并响应来自view 的用户交互,然后根据view 的事件逻辑来修改对应的Model, Control 并不关心 View 如何展示 相关数据或状态...View只做和UI相关的工作,不涉及任何业务逻辑,不涉及操作数据,不处理数据。UI和数据严格的分开。...好了,说了这么多理论的东西,下面进入实操环节,先说明开发环境,我使用的Android Studio是4.2.1,API版本30,gradle 版本6.7.1,JDK8,电脑Win10。...看懂了之后首先在项目中,启用DataBinding,找到app模块下的build.gradle,在android{}闭包下添加如下代码: //启用DataBinding buildFeatures...pwd也是一样的,然后在最后一处标注的地方,对MainViewModel中的account和pwd进行数据观察,当这两个值有改变时通知页面最新的值,这里用了lambda表达式进行了一次简化,实际的代码是这样的

    3.2K32

    这些Android系统样式中的颜色属性你知道吗?

    Android 系统样式中的颜色属性 推荐阅读看完后彻底搞清楚Android中的 Attr 、 Style 、Theme 几个常用的颜色属性 先放上一张经典的图片,图片来自网络。 ?...5.0 开始 Android 系统引入了 Material Design 风格,各个控件在这样主题下面,风格有很大的变化。.../v7/appcompat/res/values-v21/themes_base.xml 同时由于部分属性的版本兼容问题,为了避免添加多个版本的 styles 文件,可以省略 android: 命名空间...状态 EditText:获取焦点的时候的下划线和光标颜色 TextInputLayout:悬浮 label 字体颜色 等等 android:navigationBarColor navigation...这是 ThemOverlay 样式的全部样式了,每个样式里面的内容都很简单。就是修改一些最基本的属性,不像 Theme 一样里面有那么多的内容。

    2.4K10

    Android O:使用自定义字体资源

    前言 Android O中的新功能之一是使用自定义字体资源。在这篇文章中,我们一起来看看如何在我们的应用程序中使用它们。 在Android O之前,在我们的应用中使用自定义字体有多困难?...在Android Studio中创建新的资源目录.png 创建字体文件夹很容易.就像创建 menu, values, drawable等等。 所以右键单击res文件夹并创建一个新font文件夹。 ?...通过fonts.google.com下载字体.png 您可以下载您选择的.otf或.ttf字体,并将它们放在res / fonts文件夹中。 请注意,资源文件应使用小写字母和下划线。...一旦您放入fonts文件夹中的自定义字体文件,就可以预览字体。只需双击一个字体,Android Studio会预览字体。 ? 字体预览.png 转到您的XML布局文件。...然后添加每个字体变体的元素。最后,参考你的字体风格就像一个常规的单一字体。 自定义字体样式的可读性 在字体上直接使用字体TextView并不能保证良好的可读性。我们来看看。 ?

    3K30

    【JetPack】ViewBinding 视图绑定组件 ( 启用模块 | 视图绑定定制 | 绑定类名称生成规则 | 绑定类字段生成规则 | 绑定类获取根视图 | 绑定类获取布局组件 )

    Android Studio 升级流程 : 尽量使用 Android Studio 自带的升级功能 , 这样能尽量少的降低对之前应用的影响 ; ① 选择 Android Studio 自带升级选项 :...绑定类名称生成规则 ---- 视图绑定类名称生成规则 : 去掉布局文件名称的下划线 , 并以驼峰式命名 , 在名称结尾添加 Binding 后缀 ; 以本 Activity 的布局文件 activity_main.xml...为例 , 删除中间的下划线 , Activity 和 Main 首字母大写 , 在后面添加 Binding 后缀 , 生成的绑定类名称为 ActivityMainBinding ; VII ....( ViewBinding ) 只绑定布局文件中定义了 id 属性的组件 * 那些没有定义 id 属性的组件不绑定 * * 只要在 build.gradle 中启用了 视图绑定 ,...* 视图绑定类生成规则 : 去掉布局文件名称的下划线 , 并以驼峰式命名 , 在名称结尾添加 Binding 后缀 ; * 以本 Activity 的布局文件 activity_main.xml

    1.6K10

    浅谈Kotlin(二):基本类型、基本语法、代码风格

    浅谈Kotlin(一):简介及Android Studio中配置 浅谈Kotlin(二):基本类型、基本语法、代码风格 浅谈Kotlin(三):类 浅谈Kotlin(四):控制流 通过上面的文章,在Android...Studio中我们已经可以进行Kotlin编程了,接下来开始学习Kotlin的基本类型及语法。...一、基本类型   在 Kotlin 中,所有变量的成员方法和属性都是一个对象。   一些类型是内建的,它们的实现是优化过的,但对用户来说它们就像普通的类一样。 ?...①、变量var的语法     很奇怪java中 变量 并不要求要初始值,我们看下Kotlin中 不给一个变量初始化会发生什么。 ?     结果是报错:提示需要添加一个初始值。     ...1、命名风格 --使用骆驼命名法(在命名中避免下划线) --类型名称首字母大写 --方法和属性首字母小写 --缩进用四个空格 --public 方法要写说明文档,这样它就可以出现在

    68630

    导入机智云Android开源项目的正确姿势

    然而机智云平台支持项目自生成APP源码,因此只要我们将源码工程文件成功导入Android Studio,那么我们便可以自由定制我们的应用程序,那么如何正确导入到Android Studio中,编译成功并在真机上运行呢...方法 由于本地环境与开源工程文件中不同,理论上我们把开源工程文件中的环境修改成和我们本地相同的就可以顺利导入了。 为了正确修改开源工程配置文件,我们可以新建一个本地工程文件夹,对照参考。 ?...第四步:导入项目再配置 打开AndroidStudio修改 基本的配置参数已经修改的差不多了,这时我们导入项目试一试,打开Android Studio欢迎界面,点击Open an existing Android...它表示最小开发版本不需要在清单文件中解释,我们只需点击蓝色下划线,跳转到如下界面。 ? 点击方框内容,打开清单文件 ? 删除改行,再Try Again重新同步一下gradle工程。...此时,我们的APP已经可以运行了! ? 最后 这篇教程是以使用机智云源码为例,如何正确的编译项目。其实对于大多数网上的Android开源项目都可以用这种方法来导入。

    1.2K20

    程序员必知的Android 代码规范

    由于 Android 基本都基于 Android Studio 进行开发,所以工具规范全部以 Android Studio 为前提。...Android 的分包规范 前面强调了工具的统一配置,再利用 Android Studio 本身的功能便可把代码风格变得一致。接下来就带来第二部分:Android 的分包规范。...包名全部小写,不允许出现中文、大写字母或者下划线,前面为子模块命名,再根据 PBF 方式进行命名。 3.2 类名 类名都以 UpperCamelCase 风格编写。...同时,这些定义是跟一些环境关联起来的,如 button 或者 comment,应该放到一个按钮风格中,而不是在 colors.xml 文件中。.... */ 注释不要封闭在由星号或其它字符绘制的框架里。 Tip:在写多行注释时,如果你希望在必要时能重新换行(即注释像段落风格一样),那么使用 /* ... */。

    1.2K30

    手把手教你规范自己的代码,纯干货。

    每个人都有自己的编码风格,但如果要和别人协同开发软件,最好是采用一样的风格,可是强行要求他人更改编码风格可能会比较难,那么有没有更好的解决方式呢?...不用担心,Android Studio 有内置的格式化代码的工具,不需要自己安装插件和工具。 选中文件,右键,选择Reformat Code,即可将我们的 java 代码格式化成谷歌的代码风格。...C、C++ 和 java 的命名方式有很大的不同,C语言: Linux 编码风格总结 Android 有自己的命名风格,包括局部变量、静态变量、类名、包名、接口、try - catch 闭包规定等,都有很大的不同...在Linux 中喜欢用下划线分割,在 Android 中需要遵循驼峰原则,具体的Android 中 java 编码命名规定,参考如下链接: https://www.jianshu.com/p/0a984f999592...Android 命名规范举例: 非常量字段名以 LowerCamelCase 风格的基础上改造为如下风格: 基本结构为 scopeVariableNameType。

    91520

    我的安卓App开发之旅:旧手机变废为宝做一个震动App

    image.png 算了,直接给老爸换了个新手机,我就把旧的留下了。无奈旧手机太多,能用的旧安卓机就这一个,总觉得不废物利用一下,很是不爽。...准备 好,说干就干,于是我开始了第一次安卓App的开发之旅。 首先是要到官网去下载 Android Studio,这步需要一定的上网技能,建议把技能点数加满。...image.png 花了大约1分钟的时间,终于把 Android Studio 下载下来了,随后安装过程也相当简单,装完后,选了我喜欢的浅色主题,应该就可以用了。...image.png 开发 接下来就可以进行开发了,打开安装好的 Android Studio,创建一个新项目,随便选了一个 Empty Activity。...image.png 接下来开始硬撸代码,先在页面上,把那个 Hello World 换成我的 Switch,暂且就叫 switchButton 吧,把文本去掉,弄上跟 Hello World 一样的上下左右约束

    1.6K00

    Android MVVM框架搭建(六)腾讯X5WebView + DrawerLayout + NavigationView

    一、添加依赖 在app的build.gradle中的dependencies{}闭包中添加如下代码: // 腾讯X5内核WebView implementation 'com.tencent.tbs...四、传递新闻参数   在点击新闻列表中的某一项的时候传递参数到WebActivity中,在NewsAdapter类中添加如下代码: public static class ClickBinding {...然后在convert方法中添加一行代码,如下图所示: image.png 最后就是修改item_newx.xml中的代码了,改动如下图所示 image.png 由于我希望WebView可以沉浸式,因此我在...Activity在创建的时候都添加到ActivityManager中,我们需要现在BaseApplication中添加如下代码: public static ActivityManager getActivityManager...,这里的注册我只写了一个id,其他的数据需要从页面上去获取。

    2.7K20

    Android开发环境搭建

    Android Studio 使用java编译环境构建,因此在开始使用Android Studio之前你需要确保你已经安装Java开发工具包(JDK)。...文件夹的名字可以是任意的,之所以称为Java是因为有许多跟Java相关的工具要安装在这里,包括JDK,Android Studio和Android SDK。...将Android Studio相关的工具安装在C:\Java目录下能够保证你的开发环境更有条理。 找到你浏览器下载安装文件的位置然后双击执行。当安装开始,你将看到安装向导,如图所示。...务必在变量名中输入JAVA_HOME。然后在变量值中输入刚才JDK的安装位置(去掉后面斜杠),如图所示。然后点击确定。 ? 同样,就像编辑JAVA_HOME环境变量一样,你需要编辑PATH环境变量。...点击Finsh之后就到最上面zip包的最初步骤了 ? 如果没有SDK时,起初选择下载SDK的话,只下载了最新版本,如果还要更新更多版本的话就点击 Android Studio顶部按钮 就会出现 ?

    2.1K40
    领券