首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Material Design整理(一)——TextInputLayout

,必须在gradle文件中配置 开始使用 TextInputLayout是一种新的继承自LinearLayout的布局,使用时其只能包含一个EditText或其子类控件(如AutoCompleteTextView...) 还可通过设置hint和error来显示浮动标签 注意:一个TextInputLayout中 有且只有 一个EditText!...举例 浮动标签 字数统计 错误提示 密码框右侧图标 虚拟键盘监听 有时候我们在用虚拟键盘的时候,在输入账号之后,我们点击下一项,焦点会跑到输入密码这一栏,当我们密码输入完成之后,点击确定按钮就能登录了...,这个怎么实现的呢....账号EditText中 密码EditText中 AutoCompleteTextView –自动提示输入框 继承自EditText,拥有EditText的所有属性,可以设置在输入时自动在输入框下方提示信息

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

    Android界面组件基本用法

    1.文本框(TextView)和编辑框(EditText) 文本框(TextView)不允许用户编辑文本内容,而编辑框(EditText)允许用户编辑文本内容 2.按钮(Button)和图片按钮...3.单选按钮(RadioButton)和复选框(CheckBox) 多了一个android:checked属性,用于指定初始时是否被选中 checkBox.setOnCheckedChangeListener...(AutoCompleteTextView) 比普通文本框多了一个功能:当用户输入一定字符后,自动完成文本框会显示一个下拉菜单,供用户从中选择,当用户选择某个菜单后,组件会按用户选择自动填写该文本框...每个列表项是已勾选的列表项 simple_list_item_multiple_choice 每个列表项是带多选框的文本 simple_list_item_single_choice 每个列表项是带多单选按钮的文本...).create(); ad.setIcon(R.drawable.a); ad.setTitle("系统提示: "); ad.setMessage("带取消、中立和确定按钮的对话框!")

    1.7K20

    笔记32 | UI系列之EditText和AutoCompleteTextView

    android:inputType,这个属性不仅可以指定键盘的显示类型,还能控制一些其他的操作,具体可以参考android的官方API,其默认属性是 android:inputType="text",...也就是普通的键盘框,如果我们设置其属性为以下这些,那么其键盘的类型会有所不同: <EditText android:id="@+id/password" android...layout_height="wrap_content" android:hint="phone" android:inputType="phone"/>  设置为phone时,键盘就会变成一个打电话时的键盘...这个方法会给我们一个错误的小图标以及弹出的一段错误提示信息,当我们的这个EditText控件获得焦点的时候,当我们在文本框中输入了任何的值后,这个icon和message都会消失,例如: ?...---- 2.AutoCompleteTextView AutoCompleteTextView这个是一个自动提示内容的文本框,其是EditText的一个子类, public class AutoCompleteTextView

    46750

    iOS学习——tableview中带编辑功能的cell键盘弹出遮挡和收起问题解决

    中的cell当有键盘弹出的时候表单整体会自动进行上移,我们需要编辑的区域正好可以在键盘的上方,这样我们正好也可以看到我们编辑的内容,方便我们进行修改和调整具体内容。   ...注意:UITextViewDelegate没有对应清除和完成方法,所以我们不能调用textFieldShouldClear: 方法和 textFieldShouldReturn: 方法实现【clear/...清除】和【return/完成】按键的效果  在文本框输入即将结束,即即将注销第一响应者时,系统会调用 textFieldShouldEndEditing: 方法 文本框注销第一响应者,对应的响应时间就是系统收回键盘...,并且在隐藏键盘时会发出 UIKeyboardWillHideNotification和UIKeyboardDidHideNotification的通知 最后,系统调用 textFieldDidEndEditing...,和弹出键盘相对,弹出键盘时我们保存了弹出键盘之前tableview的contentOffset的偏移量,所以,在收起键盘后,我们将tableview的contentOffset值设为弹出之前的值就可以了

    3.9K80

    Flutter | 常用组件

    icon 这个构造函数的,同个这个构造可以轻松创建出带图标的按钮,如 RaisedButton 等 自定义按钮外观 按钮的外观可以通过属性来定义,不同的按钮属性都大同小异,以 FlatButton 为例...、他是我们和键盘交互的一个句柄(handler)。...maxLines :输入最大行数,默认为 1,如果为 null,则为无限制maxLength 和 maxLengthEnforced :前者代表输入文本的最大长度,设置后输入框右下角会显示输入的文本计数...:这两者都是在输入完成时触发,例如点击键盘的完成,或者搜索等。...键盘按钮 即键盘右下角的按钮,常见的例如完成,是一个对号的按钮等 大小写 控制英文字母的大小写,比如但是首字母大写等 TextField( textCapitalization: TextCapitalization.words

    11.4K30

    setState

    三个按钮会根据是否完成而过滤数据,显示相应条目 1.静态界面的实现 万里长征第一步,当然是先把静态界面搞出了。...通过一个TextField和RaisedButton进行拼合,样式什么的自己看,就不废话了。...1.3.待准备的数据 用一个Map盛放文字和是否选中的 var todo = {}; 定义一个状态枚举 enum ShowType { all, todo...todo中 3.todo用来渲染Todo列表,根据key和value展现数据和复选框状态 4.复选框通过点击,改变todo的状态,来显示对勾以及文字下划线 5.根据showType的不同,选择过滤的方式...6.在适宜的状态值改变时,调用老夫的setState来更新 2.2:输入框监听 onChanged: (str) { text = str; }, 2.3:点击按钮监听 注意收起键盘的操作FocusScope.of

    1.4K10

    Flutter 全栈式——基础控件

    简单说就是字体缩放系数 maxLines int 文本最多可显示的行数。如果文本超过给定的行数,则根据溢出规则截断 textSpan TextSpan 以TextSpan方式显示文本。...TextInputType 设置输入类型,不同的输入类型键盘会不一样 textInputAction TextInputAction 用于设置键盘动作(一般位于右下角,默认是完成) textCapitalization...使用,达到最大长度时是否阻止输入 onChanged ValueChanged 输入文本发生变化时回调 onEditingComplete VoidCallback 点击键盘完成按钮时触发的回调...,无参数 onSubmitted ValueChanged 点击完成按钮时触发的回调,该回调有参数,参数即为输入的值 inputFormatters List<TextInputFormatter...Clip 剪裁 focusNode FocusNode 用于焦点管理和监听 autofocus bool 是否自动获取焦点 animationDuration Duration 设置按钮形状和阴影变化的持续时间

    3.8K40

    Android 天气APP(十五)增加城市搜索、历史搜索记录

    android:scrollbars="none" /> 这个输入框我这里有必要讲解一些 **android:imeOptions=“actionSearch”**就是将软键盘的回车改为搜索...然后会定义五个方法,当然最开始里面是没有方法和处理逻辑,里面的方法都需要自己写,我下面贴的方法里面都是已经写好的 initData @Override public void initData...private void initEdit() { editQuery.addTextChangedListener(textWatcher);//添加输入监听 //监听软件键盘搜索按钮...以后能用GIF演示的我尽量不用静态图,这样看起来更直观一些,不是吗? ⑤ 查询城市天气 很好,我现在搜索城市地区是已经完成了,但是怎么去查看这个搜索到的城市的天气呢?...这个样式和自定义控件的代码我都会放在mvplibrary下,首先是样式 ? 样式代码: <!

    4.6K20

    【Flutter实战】文本组件及五大案例

    multiline:当TextField为多行时(maxLines设置大于1),右下角的为“换行” 按键。 number:数字键盘。 phone:手机键盘,比数字键盘多"*"和 "#"。...datetime:在ios上和text一样,在android上出现数字键盘、":"和 "-"。 emailAddress:邮箱键盘,有"@" 和 "."按键。 url:url键盘,有"/" 和 "."...unspecified:让操作系统自己决定哪个合适,一般情况下,android显示“完成”或者“返回”。 done:android显示代表“完成”的按钮,ios显示“Done”(中文:完成)。...send:android显示表达发送意思的按钮,比如“纸飞机”按钮,ios显示"Send"(中文:发送)。...onChanged是当内容发生变化时回调,onSubmitted是点击回车或者点击软键盘上的完成回调,onTap点击输入框时回调,用法如下: TextField( onChanged: (value

    7.3K10

    setState

    三个按钮会根据是否完成而过滤数据,显示相应条目 ---- 1.静态界面的实现 万里长征第一步,当然是先把静态界面搞出了。...通过一个TextField和RaisedButton进行拼合,样式什么的自己看,就不废话了。...---- 1.3.待准备的数据 用一个Map盛放文字和是否选中的 var todo = {}; 定义一个状态枚举 enum ShowType { all,...todo中 3.todo用来渲染Todo列表,根据key和value展现数据和复选框状态 4.复选框通过点击,改变todo的状态,来显示对勾以及文字下划线 5.根据showType的不同,选择过滤的方式...6.在适宜的状态值改变时,调用老夫的setState来更新 ---- 2.2:输入框监听 onChanged: (str) { text = str; }, ---- 2.3:点击按钮监听 注意收起键盘的操作

    95130

    鸿蒙-元服务-坚果派-第四章 基础控件

    纯数字输入模式、PhoneNumber电话号码输入模式、USER_NAME用户名输入模式、NEW_PASSWORD新密码输入模式、NUMBER_PASSWORD纯数字密码输入模式、NUMBER_DECIMAL带小数点的数字输入模式...}.width('100%').height('30%') .justifyContent(FlexAlign.Center) .margin({top:100}) } } 键盘避让...如用户操作一个敏感行为时响应一个二次确认的弹窗。 ActionSheet 当需要用户关注或确认的信息存在列表选择时使用。 CustomDialog 当用户需要自定义弹窗内的组件和内容时使用。...this.handlePopup }) .bindPopup(this.handlePopup, { message: '这是气泡按钮的显示内容',...Button有三种可选类型,分别为胶囊类型(Capsule)、圆形按钮(Circle)和普通按钮(Normal),通过type进行设置。

    4600

    EditText的属性和使用方法

    EditText与TextView非常相似,它甚至与TextView 共用了绝大部分XML属性和方法。EditText与TextView的最大区别在于:EditText可以接受用户输入。...一、EditText简介 EditText支持的XML属性及相关方法见TextView表中介绍的与输入有关的属性和方法,其中比较重要的一个属性是inputType,用于为EditText设置输入类型,其属性值主要有以下一些...n android:inputType="textAutoCorrect":自动完成。 n android:inputType="textAutoComplete":自动完成。...n android:inputType="numberDecimal":带小数点的浮点格式。 n android:inputType="phone":拨号键盘。...n AutoCompleteTextView:带有自动完成功能的EditText。由于该类通常需要与 Adapter结合使用,因此将会在下一章进行学习。

    2.6K90

    自动完成文本框AutoCompleteTextView实现快速输入

    一、认识AutoCompleteTextView AutoCompleteTextView是自动完成文本框,从EditText派生而出,实际上它也是一个文本编辑框,但它比普通编辑框多了一个功能:...AutoCompleteTextView除了可使用EditText提供的XML属性和方法之外,还支持如下表所示的常用XML属性及相关方法。...二、AutoCompleteTextView示例 接下来通过一个简单的示例程序来学习AutoCompleteTextView和MultiAutoCompleteTextView的使用方法。...和 MultiAutoCompleteTextView,接下来在程序中为它们绑定同一个Adapter,这意味着两个自动完成文本框的提示项完全相同,只是它们的表现行为略有差异。...至此,关于AutoCompleteTextView和MultiAutoCompleteTextView的简单使用学习完毕,更多属性和方法建议多加练习并掌握。

    1.6K70
    领券