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

实现一个带浮动标签的输入框

现在带浮动标签的输入框也是一个很常见的东西了,在材料设计里面有一个 TextInputLayout 的控件,我们可以用它实现这个效果。但是材料设计控件的样式比较固定,并不能满足我们产品设计的脑洞。...这里提供一个用属性动画实现的方法。 还是先看看效果吧: image.png 大概的思路是这样的: 控件有两层,一层是浮动的标签,一层是输入框。...当点击控件后,标签同时执行一个横向和纵向的缩放动画,还有一个向上移动的动画,让输入框获取到焦点并弹出键盘。 当输入框失去焦点时,判断是否有内容,如果没有则让标签执行一个复原的动画。...,让标签缩小到 60%。...TextUtils.isEmpty(etContent.getText())) { animationDown(); } } }); 复制代码 这样就已经完成了一个带浮动标签的输入框

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

    CVPR 2019 论文解读 | 具有高标签利用率的图滤波半监督学习方法

    所有方法的解释权归原始论文作者所有。 具有高标签利用率的图滤波半监督学习方法 ? 本文解读了一篇被CVPR2019大会接收的半监督学习方向的论文,点击【阅读原文】到AI研习社CVPR小组查看原文。...1.4 图滤波与半监督分类 图半监督分类的基本假设是“相邻节点的标签相似”,这意味着我们希望有标记节点周围的图信号是平滑的、低频的,我们期望学到低频的表示信号,所以应该使用具有低通性质的滤波器和频率响应函数...具体推广如下: 1.图信号:使用所有节点的特征向量组成的特征矩阵X作为输入信号 2.滤波器:可以是任意满足定义的低通图卷积滤波器 3.分类器:可以是在带标签节点的嵌入表征上训练得到的任意分类器 这个推广非常自然...表示第t层的输入, ? 是第t层的待学习参数,σ可以是神经网络中的各种激活函数。 一层图卷积先对输入信号左乘以重归一化矩阵 ? ,然后再使用参数矩阵Θ进行投射变换,最后使用激活函数进行非线性变换。...此时的GCN就变成了GLP的一种特殊情形,其滤波器为 ? ,输入信号为X,分类器为双层感知机, ? 便是感知机中每一层的权重矩阵。k层GCN可视为滤波器为 ?

    39040

    CVPR 2019 论文解读 | 具有高标签利用率的图滤波半监督学习方法

    所有方法的解释权归原始论文作者所有。 具有高标签利用率的图滤波半监督学习方法 ? 本文解读了一篇被CVPR2019大会接收的半监督学习方向的论文,点击【阅读原文】到AI研习社CVPR小组查看原文。...1.4 图滤波与半监督分类 图半监督分类的基本假设是“相邻节点的标签相似”,这意味着我们希望有标记节点周围的图信号是平滑的、低频的,我们期望学到低频的表示信号,所以应该使用具有低通性质的滤波器和频率响应函数...具体推广如下: 1.图信号:使用所有节点的特征向量组成的特征矩阵X作为输入信号 2.滤波器:可以是任意满足定义的低通图卷积滤波器 3.分类器:可以是在带标签节点的嵌入表征上训练得到的任意分类器 这个推广非常自然...表示第t层的输入, ? 是第t层的待学习参数,σ可以是神经网络中的各种激活函数。 一层图卷积先对输入信号左乘以重归一化矩阵 ? ,然后再使用参数矩阵Θ进行投射变换,最后使用激活函数进行非线性变换。...此时的GCN就变成了GLP的一种特殊情形,其滤波器为 ? ,输入信号为X,分类器为双层感知机, ? 便是感知机中每一层的权重矩阵。k层GCN可视为滤波器为 ?

    67220

    riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期

    前文回顾 riot.js教程【二】组件撰写准则、预处理器、标签样式和装配方法; riot.js教程【一】简介; 访问DOM元素 你可以通过this.refs对象访问dom元素 而且还有大量的属性简写方式可以使用...,(有时候你需要对这些东西做一些特殊的处理才能用) 使用Jquery 如果你想在riot标签内部访问dom元素 你可能需要了解一下riot标签生命周期相关的知识 你会注意到,mount方法还没执行的时候.../ Contexted Query Selector this.root.querySelectorAll('p') }) mount输入参数... 你可以传递任何类型的数据; 可以是一个简单的object; 也可以是动态变化的数据存储(flux store) 在标签内部,你可以使用如下方法访问这些输入参数 ...riotjs标签按照如下步骤构造及渲染 Tag构造 Tag内部的js执行 Tag内部的HTML中的表达式被执行 Tag在浏览器上渲染,mount事件触发 一个riotjs标签在浏览器上渲染,mount

    1.6K70

    HTML+CSS高级

    1、float: [ left | right | inherit ];           1.1     浮动特征:具有且不仅仅有 内联块 inline-block 的特征                ...2.4     给父级加上空标签子级,并设置子级清除左右浮动     --》不符合W3C标准 ,不符合内容、行为、样式三者分离的标准; 标签浪费(多余的元素); ie6最小高度19px;解决后ie6下还有...input空隙问题                解决方法:给input加上浮动           1.13     IE6下输入类型表单背景图片--》背景图片会跟着文字的增多移动                ...1、float: [ left | right | inherit ];           1.1     浮动特征:     具有且不仅仅有 内联块 inline-block 的特征                ...input空隙问题                解决方法:给input加上浮动           1.13     IE6下输入类型表单背景图片--》背景图片会跟着文字的增多移动

    5.9K61

    第20天:京东nav、footer部分制作

    一、鼠标的4种状态 cursor:pointer; 鼠标变成小手 cursor:default;小白 cursor:move;移动 cursor:text;文本输入 二、网页布局: 1、input、button...行内块元素之间有空隙,设置浮动可以清除空隙 2、给一个盒子:宽度高度、背景边框、位置 3、背景既有图片也有颜色设置: background:url(images/1.jpg) no-repeat red...; 只有背景颜色:background-color:#ccc; 4、块级元素可以嵌套任何元素,行内元素尽量只嵌套行内元素 5、p里面一定不能放div 6、a标签可以放div,a里面不能放a、input...7、文字排版,盒子必须有宽度 8、、PS选中图层,然后选择图层——基于图层的切片,会自动生成图层切片 9、如果一个盒子绝对定位或浮动或inline-block,不设置宽度的话,则宽度和内容同宽 10、网页导航部分推荐使用...ul、li,footer部分的links使用a标签 11、具有层级关系的,可以使用dl>dt>dd等标签(dl是普通列表、dt是标题、dd是内容) 京东首页头部、导航、尾部已完成。

    60910

    2023-07-11:给定正整数 n, 返回在 范围内具有 至少 1 位 重复数字的正整数的个数。 输入:n =

    2023-07-11:给定正整数 n, 返回在 [1, n] 范围内具有 至少 1 位 重复数字的正整数的个数。 输入:n = 100。 输出:10。...该代码在给定正整数n的范围内采用了一种比较高效的算法,通过一系列的位运算和迭代计算,找出了每个位数下非重复数字的个数,然后根据n的位数和偏移量来计算在该位数下包含至少1位重复数字的正整数的个数,并将它们相加得出最终结果...该代码的时间复杂度为O(log10(n) * 2 ^ 10),其中n是输入的正整数。...主要消耗时间的是计算每个位数下非重复数字的个数,该计算的时间复杂度为O(log10(n)),而计算每个长度为len的非重复数字的个数的时间复杂度为O(2 ^ len)。...该代码的空间复杂度为O(1),因为它只使用了常量级的额外空间来保存一些临时变量,不随输入规模的增长而增加。

    24120

    开源跨平台终端仿真软件,多协议支持,个性化配置,无缝体验

    微信公众号:[开源日记],分享10k+Star的优质开源项目 软件介绍 QuardCRT是一款跨平台、支持多种终端协议的终端仿真软件,具有多标签页管理和历史记录管理功能。...2.多标签页和历史记录管理:可以创建和切换不同的标签页来管理不同的终端会话,并查看和管理会话的历史记录。 3.双列分屏显示和浮动窗口:支持将标签页拖拽至浮动窗口,并可自由移动,满足用户的个性化需求。...4.工作目录书签:方便用户快速访问常用的目录。 5.自动化发送:可以按照预设的规则自动发送指定的命令或数据。...3.创建新的标签页,或者打开已有的标签页。 4.进入终端界面,可以通过输入命令与终端进行交互。 5.可以使用标签页的拖拽功能进行分屏显示或移动至浮动窗口。...quardCRT软件提供了强大的终端仿真功能,支持多种终端协议,并且拥有丰富的特点和计划中的功能。通过简单的使用步骤,用户可以方便地进行终端交互,并进行个性化配置和管理会话记录。

    60520

    CSS 浮动 (二)

    CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序): 普通流(标准流) 浮动 定位 浮动(float) 1 标准流(普通流/文档流) 所谓的标准流: 就是标签按照规定好默认方式排列...语法: 选择器 { float: 属性值; } 4 浮动特性(重难点) 加了浮动之后的元素,会具有很多特性,需要我们掌握的....浮动元素会脱离标准流(脱标) 浮动的元素会一行内显示并且元素顶部对齐 浮动的元素会具有行内块元素的特性. 5 浮动的使用 浮动元素经常和标准流父级搭配使用 为了约束浮动元素位置, 我们网页布局一般采取的策略是...*** 额外标签法会在浮动元素末尾添加一个空的标签。...例如 ,或者其他标签如 优点: 通俗易懂,书写方便 缺点: 添加许多无意义的标签,结构化较差 注意: 要求这个新的空标签必须是块级元素 代码 > 父级添加 overflow 可以给父级添加

    14310

    前端三剑客常见面试题及其答案

    它由一系列标签和属性组成,可以用来创建网页的各种元素,如标题、段落、图像、链接等。2、什么是 CSS?CSS(层叠样式表)是用来控制网页样式和布局的一种标记语言。...浮动是指将元素从正常的文档流中移除,使其向左或向右漂浮,直到遇到父元素或其他浮动元素。浮动元素会脱离文档流,不会占用父元素的空间,因此可以用来实现文本环绕图片、多栏布局等效果。6、什么是定位?...其中,静态定位是元素的默认定位方式,相对定位是相对于元素在文档流中的位置进行定位,绝对定位是相对于最近的具有定位属性的父元素进行定位,固定定位是相对于视口进行定位。7、什么是选择器?...选择器是指用来选择 HTML 元素并为其应用样式的一种语法。选择器可以根据元素的标签名、类名、ID、属性等特征来选择元素,并为其设置样式。8、什么是事件?...事件是指用户在浏览器中的各种操作,如点击、鼠标移动、键盘输入等。JavaScript 可以通过监听这些事件,响应用户的操作,从而实现交互式的网页效果。

    39410

    originpro 2021 附安装教程

    ,具有调整公式栏字体大小的选项,以便于阅读,而且Origin中的嵌入式Python环境也得到了极大的改进,可以从Python轻松,高级地访问Origin对象和数据,并在设置列值中使用Python函数,以及从...LabTalk和Origin C访问Python函数等等,甚至添加了几个新的上下文相关的迷你工具栏,如刻度标签表、图中的表格、工作表中的日期时间显示,图例等,可以更轻松的访问常见任务,是你最佳的绘图分析工具...它具有以下主要特点: -在选中单元格时,可输入单元格公式 -在选中列或 F(x) 标签行单元格时,可输入列公式 -可轻松地编辑复杂的公式,并具有调整公式栏字体大小的选项,以便于阅读 -在编辑公式时...,可通过交互式选择并填充单元格范围,例如函数的输入范围 -具有搜索和插入函数的功能 三、能更方便地与 Python 进行交互使用 在此版本中,在Origin中的嵌入式 Python 环境有极大的改进...此新版本中,新增了几个上下文相关的浮动工具栏,用于控制: -刻度标签表格 -绘图中的表格 -工作表中的日期时间显示 -图例 -增量控制 现有的一些浮动工具栏也进行了更新,其中包含更多按钮

    5.2K10

    NEC CSS命名规则

    重置 reset 和默认 base:消除默认样式和浏览器差异,并设置部分标签的初始样式,以减少后面的重复劳动统一处理:建议在这个位置统一调用背景图(这里指多个布局或模块或元件共用的图)和清除浮动(这里指通用性较高的布局...,比如导航、登录、注册、各种列表、评论、搜索等元件 unit (.u-):通常是一个不可再分的较为小巧的个体,通常被重复用于各种模块中,比如按钮、输入框、loading、图标等功能 function (....f-):为方便一些常用样式的使用,我们将这些使用率较高的样式剥离出来,按需使用,通常这些选择器具有固定样式表现,比如清除浮动等,不可滥用皮肤 skin (.s-):如果你需要把皮肤型的样式抽离出来,通常为文字色...帮助helphelp新闻newsnews下载downloaddld注册registreg投票votevote版权copyrightcprt结果resultrst标题titlett按钮buttonbtn输入...inputipt功能 function (.f-)语义命名简写浮动清除clearbothcb向左浮动floatleftfl向右浮动floatrightfr内联块级inlineblockib文本居中textaligncentertac

    1.6K30

    从头学前端-CSS基础03

    ,给父元素添加属性text-align: center --- > 嵌套关系的块级元素垂直外边距的塌陷问题;在父元素和子元素同时具有margin-top属性时,以最大值为准; 解决方式有:给父元素 >...,定位 普通流(标准流):就是标签按照默认方式排列;块级元素独占一行,从上向下顺序排列,行内元素从左向右排列;碰到父元素边缘则自动换行undefined网页布局第一准则:多个块级元素纵向排列找标准流,横向排列找浮动什么是浮动...- 如果多个盒子都添加了浮动,那么所有浮动的盒子将会在一行内显示,并且顶端对齐;- 浮动的元素是互相紧贴到一起,如果父级元素的宽度装不下元素,浮动元素会另起一行靠左排列 浮动元素会具有行内块元素的特点-...任何元素都可以浮动,给元素添加了浮动,元素就具有了行内块元素的特性;- 如果行内元素给了浮动,那么行内元素就可以设置高度和宽度- 如果块级元素添加了浮动,且没有设置宽度,那它的大小根据内容而定;-...;- 额外标签法:在最后一个浮动元素的后面添加一个元素,添加样式属性 div style= "clear:both">的标签- 父级添加overflow属性,设置为auto

    68020

    CSS3 圆角边框 阴影 浮动详解

    /文档流) 所谓的标准流: 就是标签按照规定好默认方式排列。...常用元素:span、a、i、em 等 标准流是最基本的布局方式。 1.3为什么需要浮动? 所谓的标准流: 就是标签按照规定好默认方式排列。...总结: 有很多的布局效果,标准流没有办法完成,此时就可以利用浮动完成布局。 因为浮动可以改变元素标签默认的排列方式。 浮动最典型的应用:可以让多个块级元素一行内排列显示。...1.5 浮动特性(重难点) 加了浮动之后的元素,会具有很多特性,需要我们掌握的。 浮动元素会脱离标准流(脱标)。...浮动的元素会具有行内块元素的特性. 任何元素都可以浮动。不管原先是什么模式的元素,添加浮动之后都具有行内块元素相似的特性。

    1.7K20

    CSS浮动

    浮动(float) 标准流:就是标签按照规定好默认方式排列 块级元素独占一行,从上向下顺序排列 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行 一个标准的网页基本都包含这三种布局方式:标准流...因为浮动可以改变元素标签默认的排序方式。...,浮动元素在一行内显示并且顶端对齐排列 如果装不下,则会在下一行显示 浮动元素具有行内块元素的特性 如果块级盒子没有设置宽度,默认宽度和父亲一样宽,但是添加浮动后,它的大小由内容来决定 浮动元素经常搭配标准流的父元素...语法 选择器{clear:属性值;} 属性值 描述 left 不允许左侧有浮动元素(清除左侧浮动的影响) right 不允许右侧有浮动元素(清除右侧浮动的影响) both 同时清除左右浮动的影响 额外标签法...在浮动元素末尾加上一个空标签(块级元素),然后给这个标签清除浮动(关门) 父级添加 overflow 注意:是给父元素添加overflow:hidden; 属性值为:hidden、auto、scroll

    2.2K30
    领券