首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一文彻底搞清楚 Material Design

    某些类型的组件具有响应式的海拔高度,会根据用户的输入(例如 正常状态、获取焦点、按下)和系统事件来改变自身的海拔。这些海拔高度的改变通常是通过动态海拔高度偏移来实现的。...动态海拔高度偏移是组件从静止海拔高度向目标海拔高度所移动的距离。所有组件在被按下时,默认所增加的海拔高度是一样的。一旦输入事件完成或取消,组件会回到原来静止的海拔高度。...-子关系描述的,子元素会继承父元素的变化属性,比如位置、旋转、海拔高度。...也会显示阴影 background:按背景来显示轮廓,如果 background 是颜色值,则轮廓就是 view 的大小,如果是 shape 则按shape指定的形状来作为轮廓,显示阴影 如果 background...在Web上,仅通过操纵y轴即可描绘阴影。以下示例显示了海拔为6dp的卡片。 阴影的条件 阴影由轮廓和海拔共同决定。 海拔决定了阴影的大小,轮廓决定了阴影的形状。

    3.3K10

    CardView_cardminder是什么软件

    大家好,又见面了,我是你们的朋友全栈君。...本文介绍CardView这个控件的使用,CardView继承至FrameLayout类,是support-v7包下的一个类,使用时必须引入cardview依赖包,可在下载的sdk文件夹中找到。。。...使用CardView可以实现卡片式布局效果,非常好看,卡片还可以包含圆角、阴影、背景。CardView是一个ViewGroup,布局时包含其它的View从而实现优雅界面效果。...> 常用属性: app:cardElevation 阴影的高度 app:cardMaxElevation 阴影最大高度 app:cardBackgroundColor...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    92210

    Android开发常用的知识点

    如果用户旋转设备这屏幕会横竖屏切换 nosensor–忽略物理感应器,这样就不会随着用户旋转设备而更改了(”unspecified”设置除外) 移除 View 的背景色 setBackgroundResource...adjustUnspecified 这个是软件盘行为默认的设置。它不被指定是否该Activity主窗口调整大小以便留出软键盘的空间,或是否窗口上的内容得到屏幕上当前的焦点是可见的。...系统将自动选择这些模式中一种主要依赖于是否窗口的内容有任何布局视图能够滚动他们的内容。如果有这样的一个视图,这个窗口将调整大小,这样的假设可以使滚动窗口的内容在一个较小的区域中可见的。...adjustResize 该Activity主窗口总是被调整屏幕的大小以便留出软键盘的空间 adjustPan 该Activity主窗口并不调整屏幕的大小以便留出软键盘的空间。...效果可以拖动高度 要想禁止拖动还是要用Popwindow 网上有说设置behavior_hideable的值 但其实上它只能禁止拖动关闭 拖动高度变高依旧没法禁用 必须外层是CoordinatorLayout

    2.6K10

    ConstraintLayout约束控件详解

    磁铁图标:用来自动吸附的东西,就是说两个按钮放在一起的时候会自动按照一定的约束条件进行链接。 ?...清理图标:用来清除所有的约束,当鼠标放倒一个控件上时也会有一个清理图标出现,点击可以清除当前选中的控件的约束。 ?...哪么此时无论我移动按钮1到哪儿,按钮2都将在按钮1的右边并间距56dp。 ? 如上图:在这个图中我们看见有3种不同的手柄。 调整手柄 拖动该手柄能帮助你调整整个控件的大小。 ?...- 基线也不能与手柄进行链接。 google使用案例 1.首先选择一个约束手柄,并按住鼠标拖动到另外一个控件的手柄原点上,当链接线变成绿色的时候松开鼠标即可创建一个约束。 ?...这种效果在机顶盒中是经常看到的,我们分析下我们使用普通的控件的实现: 界面左侧和右侧高度是总高的1/3, 下面宽度为3/12、2/12、2/12、2/12, 3/12; 中间大图宽高分别为:1/2、 2

    1.2K50

    用Jetpack的Site Accelerator为网站CDN加速

    该服务会过滤内容,但不会更改数据库中的信息。 该服务目前仅适用于文章和页面中的图像,以及通过 image_downsize 过滤器筛选出来的特色图片/文章缩图。...问题与解答 1、站点加速器如何确定要提供的图像尺寸? 站点加速器会查看 img 元素的宽高属性,然后提供已调整至这些尺寸或所属元素的宽度(以较小者为准)的图像。...2、有没有办法保留 CDN 生成的 HTML 中的“宽度”和“高度”属性? 我们删除宽度和高度参数,以防止调整后的图像在与原始图像的尺寸不同时发生倾斜。...当您从某一主题切换至另一主题,并且新主题比先前的主题更窄时,这一点便尤为重要。其中一个优点就是可以自动调整图像大小,以便图像不会超过主题所支持的宽度。...局限性 没有缓存失效 – 目前,图像会“永久”缓存,并且静态资产仅适用于您所使用的 WordPress、Jetpack 或 WooCommerce 的公共版本。

    10.1K40

    听说谷歌Baba更新了 Material UI ...

    来瓶哇哈哈,精神抖擞来一波~ 简单回顾 Material Design,是谷歌在14年的IO大会上提出的一种新的理念,也被称为新的设计语言(也被称为“原材料设计”),称它为设计语言不为过,但是实际上,这仅仅是谷歌提倡的一种新的设计风格...如果FabAttached设置为True,那么Fab将被布置为连接到BottomAppBar; FabCradleMargin是设置FAB和BottomAppBar之间的间距,改变这个值会增加或减少...可视高度由开发人员选择,应足以表明有额外的内容,允许用户触发某个动作或扩展Bottom Sheets; STATE_EXPANDED: Bottom Sheets是可见的并且它的最大高度并且不是拖拽或沉降...; STATE_DRAGGING:用户主动向上或向下拖动Bottom Sheets; STATE_SETTLING: 拖动/轻扫手势后,Bottom Sheets将调整到特定高度。...这将是可视高度,展开高度或0,以防用户操作导致底部表单隐藏; STATE_HIDDEN: Bottom Sheets隐藏。

    3K20

    Material Design 实战 之第四弹 —— 卡片布局

    ; 1.2 app:cardCornerRadius属性指定卡片圆角的弧度,数值越大,圆角的弧度也越大; app:elevation属性指定卡片的高度, 高度值越大...,投影范围也越大,但是投影效果越淡, 高度值越小,投影范围也越小,但是投影效果越浓, FloatingActionButton同理。...,Toolbar会跟着一起向下滚动并重新显示; snap 表示当Toolbar还没有完全隐藏或显示时,会根据当前滚动的距离,自动选择是隐藏还是显示。...> 其中: app:cardCornerRadius属性指定卡片圆角的弧度,数值越大,圆角的弧度也越大; app:elevation属性指定卡片的高度, 高度值越大,投影范围也越大,但是投影效果越淡..., 高度值越小,投影范围也越小,但是投影效果越浓, FloatingActionButton同理。

    2.1K10

    壹二APP开发实践回顾总结出40条精要

    bugly 会报错,无法统计; 13、Gson 可以直接设置使用序列化的注解,这样就可以直接混淆model了,另外 model 不写get 或者 set 的方法也挺好,即减少了方法数量,调用的时候也相对方便...是动态测量设置宽度或者高度时也是有问题的; 16、CardView 默认是带有背景色的,在特定情况下,会出现背景色覆盖不了的情况。...32、TextView 指定最大行数 应该用的都多,如果高度又需要固定,可以使用LinearLayout的weight指定,但是weight是不建议嵌套使用的,其实这里可以考虑使用 minLine 来限定最小高度...这个方案可以实现在调用 notifyDataSetChanged 实现刷新数据时可以按指定的 id 复用已存在的 hoder ,进而实现 item 的局部更新(比如说,仅刷新 item 里面的时间 )。...这样的确违背了 RecyclerView 的初衷,因此该方案仅适合 item 数量少,要求独立不被复用的情况。

    89040

    Figma技巧超全合集!40+隐藏技能!快收藏!(第一辑)

    06.组织整理:批量选择元素整理后,可以通过光标调整左右上下空间。此外,可以在不扰乱顺序/比例的情况下相互更换元件。 07.拖动+空格:如果要更改所选区域的位置,可以在选择区域后使用空格键。...所以你有一个最小的工作空间。您可以使用相同的组合键打开面板。 10.Cmd + |:此组合也仅隐藏左侧面板。您可以使用相同的组合再次打开它。 11.Cmd + G: 对选定元素进行分组。...16.文本自动高度和自动宽度 当我们想要调整文本框的大小时,我们从右侧面板调整就可以了。特别是当我们选择复制粘贴文本时,该文本将以其默认样式复制。...此时我们可以应用一个小技巧:我们可以通过双击文本框的任意边缘将文本从自动高度更改为自动宽度。 17.快速定位元素 在大文件中,不少元素很难在画布上找到。我们可以在左侧图层面板中找到它们。...简单的信息。平时大多数人会从右侧面板使用此功能,有了这个快捷键会很方便。

    3K30

    安卓阴影实现

    ——狄德罗 首先网上找了一圈方案,要么是用UI切图的方式,要么是说用背景或者自带的阴影,这篇文章也说了 阴影组件化,解决安卓不统一问题 - 掘金 UI切图/制作点9图的方式: 这种方式应该是完美还原蓝湖设计图的方式...CardView(组件自带) 优点:CardView是自带阴影的是Materail设计的组件,效率高;不占位 缺点:阴影方向颜色不可控; 注意:CardView模拟的光源在屏幕中心正上方阴影显示角度会有所差异...Shape(作为背景绘制所以会占位,它的绘制原理是一层层的由深到浅的形状作为阴影) 优点:颜色方向可控制;占位 缺点:没有模糊效果阴影不自然有点生硬(较弱的阴影不太容易看出来); 注意:占位的阴影要考虑预留出阴影的空间...SCardView 同CardView显示效果,可通过代码调整边角光源调整阴影方向和颜色,但需考虑版本兼容性问题; 5....:ShadowCard的范围减去需要的阴影的范围,假如阴影的宽度为45px,则在ShadowCard内部的45px内进行绘制 float left = shadowLeftHeight

    9010

    学会使用CardView,简单实现卡片式布局效果

    都掌握的怎么样啊 安卓中一些常用控件学习得差不多了,今天再来学习一个新的控件CardView,在实际开发中也有非常高的地位。...app:cardMaxElevation:设置阴影最大高度。 app:cardBackgroundColor:设置卡片的背景色。 app:cardCornerRadius:设置卡片的圆角大小。...这里有一点需要值得注意,之前学习到的控件属性都是android:开头的,而这里所列的属性是app:开头的,如果继续使用默认的会提示找不见对应属性,需要我们定义一个app命名空间,在布局文件中需要加入xmlns...这次输入的关键字是cardview,即可完成CardView依赖库的添加。...至此,CardView的学习到此告一段落,是不是发现使用起来也非常简单,更多用法建议自己去摸索。

    3.3K70

    DELPHI中自适应窗体的实现

    在表单的Create事件中先判断当前分辨率是否与设计分辨率相同,如果不同,调用表 单的SCALE过程重新能调整表单中控件的宽度和高度。...)*longint(screen.width) div orignwidth; scaleby(screen.width,orignwidth); end; end;   SCALE过程在调整控件宽度和高度的同时...,也自动调整控件字体的大小,以适应新的分辨率, 但美中不足的是它并不改变控件的顶点坐标位置,也就是说,该过程不改变控件之间的相对 位置关系。...要想调整控件之间的选队相对位置,还需要自己编程实现,有兴趣的读者可试一 试。 二、将机器分辨率更改为设计时的分辨率   这种方法不改变表单本身,而是将屏幕分辨率更改为与表单设计时用到的分辨率相同。...设计时宽度常量 和高度常量的定义如方法一。

    1K40
    领券