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

Material Design —悬浮响应式按钮(Buttons: Floating Action Button)

就像在UI上方浮动的圆形icon一样,它会在聚焦改变颜色,并在选择上浮。 点击,它可能包含更多相关的操作。 用法 每个屏幕只推荐一个悬浮响应式按钮来表示最常用的操作。...左:默认尺寸    右:最小尺寸 悬浮响应式按钮应该放置离手机边缘至少16dp的位置,平板电脑/pc上至少需要离24dp。 ? 悬浮响应式按钮聚焦改变颜色,选择上浮。 ?...如果按钮各个屏幕上的动作保持不变(如有必要,则转换为新位置),该按钮应保持屏幕上。 列表 悬浮响应式按钮下面的列表应该在它们下面有足够的空间,以便它们的内容不被按钮挡住。...菜单被唤起后,该按钮应保持屏幕上。 同一地点点击应激活最常用的操作或关闭打开的菜单。 ? 悬浮响应式按钮可以转换为包含所有动作的单张材料。 ?...将溢出操作置于工具栏中的溢出菜单中,不是悬浮响应式按钮中。 ? 如果app的特点是添加文件类型,浮动操作按钮可以第一次触摸后转换为相关操作。

5.7K90

AutoJs6 – v6.2.0 – 安卓 JavaScript 自动化工具 (Auto.js 二次开发)

修复 工作路径可能跟随软件语言切换自动改变的问题 issue #19 修复 定时任务启动延时显著 (试修) issue #21 修复 JavaScript 模块名被覆盖声明时导致存在依赖关系的内部模块无法正常使用的问题...修复 ui 模块作用域绑定错误导致部分基于 UI 的脚本无法访问组件属性的问题 修复 录制脚本后的输入文件名对话框可能因外部区域点击导致已录制内容丢失的问题 修复 文档中部分章节标题超出屏幕宽度无法自动换行造成内容丢失的问题...修复 主页抽屉权限开关在提示消息对话框消失后可能出现状态未同步的问题 修复 Root 权限修改主页抽屉权限开关失败未继续弹出 ADB 工具对话框的问题 修复 Root 权限显示指针位置初次使用时提示无权限的问题...优化 客户端模式连接计算机输入地址支持数字有效性检测及点分符号自动转换 优化 客户端及服务端建立连接后主页抽屉显示对应设备的 IP 地址 优化 部分全局对象及内置模块增加覆写保护 (参阅 项目文档...> 全局对象 > 覆写保护) 优化 importClass 和 importPackage 支持字符串参数及不定长参数 优化 ui.run 支持出现异常打印栈追踪信息 优化 ui.R 及 auto.R

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

一文彻底搞清楚 Material Design

所有的材料对象都包含 x,y,z 三个维度。z 轴代表了海拔高度,不是材料的厚度,这一点很多资料都是错误的。材料的厚度永远是 1 dp 不能改变。x ,y 就是对应了材料的长宽,可以改变。...这里的材料Android 世界中就是一个个的控件,我们可以把控件想象成现实世界中的物体,规定每个物体的厚度都是固定不变的,永远是 1dp,x,y就对应了控件的长和宽。...当物质材料表面比例改变的时候,其阴影不应该发生改变,海拔发生了变化的时候,其阴影要发生改变。 物质材料内部可以展示任何形状和颜色,但其内容不会增加材料的厚度。...阴影的产生是不同海拔高度的材料相互叠加产生的, Material Design 中,虚拟的光线照射使我的物质材料出现阴影,这里的光有两种光,一种是关键灯,一种是环境灯。...海拔决定了阴影的大小,轮廓决定了阴影的形状。 阴影一定需要有轮廓然后海拔增高后才能被投射出来,两者缺一不可。阴影的底层是 native 实现的不是普通的 2D 渐变效果模拟阴影。

2.1K10

笔记53 | 管理系统UI(一)

图1展示了一个图库中的图片,界面的系统栏都已被淡化(需要注意的是图库应用完全隐藏状态栏,不是淡化它);注意导航栏(图片的右侧)上变暗的白色的小点,他们代表了被隐藏的导航操作。 ?...如果你想让不同Activity之间切换,系统UI保持不变,你需要在onResume()与onWindowFocusChaned()里设定UI标签。...它会调整父ViewGroup使它留出特定区域给系统栏,对于大多数应用这种方法就足够了。 一些情况下,你可能需要修改默认的padding大小来获取合适的布局。...虽然这会遮盖住上方的一些布局,但是当Action Bar显示或者隐藏的时候,系统就不需要重新改变布局区域的大小使之无缝的变化。...如果你想让不同Activity之间切换,系统UI保持不变,你需要在onReasume()与onWindowFocusChaned()里设定UI标签。

1.4K40

探秘平衡阀

环路1和环路2分别设置静态平衡阀,其开度大小根据末端负载的大小及环路阻力特性确定。通过调节开度改变阀体阻力的大小使该环路的水流量等于设计流量。...当支路①关断,(P1-P2)增大,感压膜受力平衡被打破,阀瓣下移,关小阀口,使P2又回升到原来的大小,即(P1-P2)不变。...图4    三种平衡阀对比图 如图4所示,为三种平衡阀的对比图,静态平衡阀相当于电路中的电阻,其阻力大小一经设定变保持不变,末端负载会随着系统的压差和流量的变化发生变化;动态流量平衡阀相当于电路中的电流控制器...,它使得通过该管路的流量适中保持不变,一定范围内,无论系统的流量和压差如何变化,该管路的流量始终保持不变;动态压差平衡阀相当于电路中的电压控制器,它使得该环路的供回水压差始终保持不变,通过负载流量的大小会根据阻力的大小发生变化...如图5所示为腾讯某数据中心平衡阀的分布图,冷冻水的供水立管上设置了静态平衡阀,用以初调节平衡各立管环路的阻力大小使流量接近设定值。

1.3K30

直接张力控制

图2 速度调整的方式是使速度环不饱和,电机处于正常运行的状态。调整速度给定后由于材料的耦合实际速度没有改变,而使速度环的积分部分相应调整,进而调整电机的输出转矩。但这种调整方式只能用于张力闭环的控制。...实际张力比设定张力小-------张力PID 输出一个正附加速度------实际速度不变使速度环积分增加-------电机输出转矩增加-------实际张力增加--------张力PID 输出减小---...与间接张力控制相比,张力闭环控制可以通过PID 调整消除张力误差。误差来自以下几个方面: - 直径计算不准。如采用厚度累加法,由于厚度值不准确产生累积误差。 - 摩擦测量不准。...当改变张力,可将张力以附加转矩的形式通过张力设定值给到开卷曲轴上,使张力改变系统可以快速的达到平衡,减少PID 调节时间。...功能图如下: 图5 跳舞辊是利用弹簧或气压、重锤等一定方向上施加一定大小的力,不管其位置是否变动始终使材料保持恒定的张力。

3.1K43

UI技巧 | 用户界面设计的10个小技巧

设计不是简单可以用颜色,形状和文字表示的,应该是一个「言之有物」的过程,即每当我们改变字号、添加阴影或改变颜色,一定要有必须这样做的理由。...用颜色和字重来设计层级,不只是字号的大小 当面对需要信息层级结构的内容,放大字号表示强调和重要性通常不能解决问题,如下图所示: ?...方法A 方法A中,我们可以看到整个图形(圆形背景,文件夹,装饰条)中,色相H值保持 123 不变饱和度S和亮度B是变化的。 ?...我了解到最好的起点是有一个基色,然后以基色为基础,保持色相值相同,调整饱和度和亮度的值。 方法B 方法B中,同样的原理(上面的公式)依然适用,但是色相H值发生了变化。...我们之前各种设计材料中使用的颜色模式 RGB 和 CMY 现在对我们来说很有用。 ? RGB 分别代表红色、绿色和蓝色, CMY 代表青色、洋红色和黄色。

1.4K11

超全面的UI动效基本规则总结

不是如此! 请务必记住,无论是什么平台上,动效的持续时长绝不是单纯取决于屏幕尺寸和运动距离,还取决于平台特征、元素大小、功能设定等等。较小的元素或者较小的变化,相应的动效应该更快一点。...均匀的变化通常只会用在色彩的改变或者透明的改变上,一般来说,我们也可以让背景元素均匀运动,前景元素保持不变,来呈现它的状态。...△ 不成比例地改变对象外观的时候,运动轨迹应该是弧线的 相反,如果元素是按照比例改变大小的时候,应该沿着直线移动,这样不仅操作更加方便,而且更符合均匀变化的特征。...△ 成比例变化大小的时候,应该沿着直线运动 当元素不成比例放大的时候,运动轨迹是弧线,而这种弧线运动轨迹有两种不同的呈现一种,一种轨迹是初始方向为垂直方向运动结束瞬间运动方向是水平的,另外一种初始方向是水平方向运动结束瞬间运动方向是垂直的...但是这一点也不是一成不变的。比较拥挤的界面当中,某个元素可以「越过」其他的元素,它同样没有穿过其他的元素消失,而是单纯的移动。

1.4K20

使用GTD(Getting Things Done)打造整洁高效的办公环境

忙乱的空隙里开始慢慢打造我自己的GTD办公桌面,2012年称为1.0版本。 先看看我当时整理之后的效果图: ?...(6)项目参考材料我用以前的小文件柜,只能存放A4纸大小材料材料也不能太厚,但对我的日常工作一般就够了。...(9)桌面底下还有一个可以滑出的小抽屉,放上一些创意思考的白纸,这里弄了一份创意思考的文档模板(点击文末左下角的“阅读原文”,可以下载这个PDF文件模版。),用这种办法来启发思路。...上面一层抽屉放几本最近要看的书,下面一层抽屉比较大,还没想好放什么。 (13)右侧的桌子基本上只放一个电话,其它地方空出来,需要可以放笔记本电脑。...小文件柜仍保持不变,常用的一些资料放在透明塑料夹中,再放到几个盒子中,找起来很方便。 背面的效果: ?

1.5K50

【Unity 3D 游戏开发】Unity3D 入门 - 工作区域介绍 与 入门示例

, 摄像机的位置属性是不变的; 摄像机移动(Track) : alt + 鼠标中键, 移动摄像机到视图中的其它位置, 注意只是改变视图中的位置, 摄像机的实际坐标是不会改变的; 缩放视野(Zoom) :...Game视图 (游戏预览面板) Game视图 : 显示摄像机拍摄的内容, 是摄像机朝向的内容; 播放控件 :  -- 运行游戏 : 激活预览面板, 开始游戏; -- 暂停游戏 : 使运行中的游戏暂停...Scence 视图的显示比例, 默认为任意比例显示, 在为不通大小的界面制作游戏使用; -- Maximize on Play(最大化) : 将Scence 视图扩大到整个视图中; -- Gizmos...Cube 长方体, 就可以 Scence视图中定位到这个 Cube上;  (2) 调整 Cube 大小 将Cube调整成篮球场比例的大小 : 根据下面截图进行调整; (3) 为篮球场添加纹理 导入纹理图片...根据下图中的参数调整 :  (3) 调整摄像机参数 调整摄像机参数, 背景颜色, 视角大小 :  4.

2K20

30分钟了解所有引擎组件,132个Unity 游戏引擎组件速通!【收藏 == 学会】

相机可以设置为透视投影或正交投影,透视投影可以模拟真实的视野效果,正交投影则可以保证物体的大小比例不变。 相机还可以设置多个,用于创建多个视角或场景切换的过渡效果。...此缩放会影响画布下的所有内容,包括字体大小和图像边框。 用于调整Canvas的大小和缩放以适应不同的屏幕分辨率和尺寸。它可以帮助开发人员实现在不同设备上保持UI元素的相对大小和位置。...它可以根据UI元素的内容自动调整UI元素的大小,使其适应不同的屏幕尺寸和分辨率。...使用Content Size Fitter可以创建自适应的UI布局,使UI元素的大小根据其内容自动调整,以避免内容被裁剪或空白区域过多。...它可以根据UI元素的纵横比例自动调整UI元素的大小保持其与其他UI元素的纵横比例一致。

1.8K33

【软件开发规范七】《Android UI设计规范》

1.5 切图 注意:切图素材文件大小尽量保持 <= 200Kb,主要为png格式。 2....这些是纸片的魔法特性,真实纸片所不具备的能力: 纸片可以伸缩、改变形状 纸片变形可以裁剪内容,比如纸片缩小时,内容大小不变,而是隐藏超出部分 多张纸片可以拼接成一张 一张纸片可以分裂成多张 纸片可以在任何位置凭空出现...线条、空隙尽量保持2dp宽,圆角半径2dp。特殊情况相应调整。 ​...同一个列表中,主、副操作区的内容与位置要保持一致。 ​编辑 同一个列表中,滑动手势操作保持一致。 ​...手机端的侧边抽屉距离屏幕右侧56dp。 ​编辑 侧边抽屉支持滚动。如果内容过长,设置和帮助反馈可以固定在底部。抽屉收起,会保留之前的滚动位置。 ​

4.9K20

Unity通用渲染管线(URP)系列(十六)——渲染缩放(Scaling Up and Down)

一个更灵活的方法是保持应用程序的分辨率不变,但改变相机用于渲染的缓冲区的大小。这将影响整个渲染过程,除了最终绘制到帧缓冲区。此时的结果将被重新缩放以匹配应用程序的分辨率。...通过减少缓冲区的大小,可以减少片段的数量,从而提高性能。例如,可以对所有3D渲染执行此操作,同时使UI保持全分辨率。还可以动态调整比例,以保持可接受的帧频。...PostFXStack现在需要追踪缓冲区大小。 ? 它必须在DoBloom中使用,不是直接使用相机的像素大小。 ? 因为Bloom是与分辨率有关的效果,所以调整渲染比例会改变外观。...减小渲染比例将使效果变大,增大渲染比例将使效果变小。具有最大迭代次数的Bloom似乎变化不大,但是由于分辨率的变化,调整渲染比例可能会出现脉冲。 ? ? ?...(2次叠加的Bloom迭代,渲染缩放分别为0.5,1,和2) 尤其是如果逐渐调整渲染比例,则可能希望保持Bloom尽可能一致。这可以通过将Bloom金字塔的起始大小基于相机不是缓冲区大小来实现。

4.2K20

Flutter容器类组件

) ), );; } } 效果图如下: undefined 3.5 Transform注意事项 Transform的变换是应用在绘制阶段,不是应用在布局...(layout)阶段,所以无论对子组件应用何种变化,其占用空间的大小和在屏幕上的位置都是固定不变的,因为这些是布局阶段就确定的。...由于矩阵变化只会作用在绘制阶段,所以某些场景下,UI需要变化时,可以直接通过矩阵变化来达到视觉上的UI改变不需要去重新触发build流程,这样会节省layout的开销,所以性能会比较好。...,padding的留白是容器内部,读者需要记住这个差异。...如果开发者提供了抽屉菜单,那么当用户手指从屏幕左(或右)侧向里滑动便可打开抽屉菜单。

3.8K40

文字如何实现完美UI?文本排版设计告诉你

实际上,不同类型的文本内容需要使用不同的字体,字体可以表达内心感觉和心理需求。试想,使用浓密生硬的字体女性色彩的读物内容里,是不是显得格格不入?相反,你应该选择比较细腻和柔和的字体。...手机端的UI要求简单干净,使用同种风格的字体是保持界面清爽的关键。避免单调,您可以选择一种辅助字体与主要字体形成对比。这种情况下,界面的字体数量要控制2到3种,多则混乱。 ?...2)字体大小 手机屏幕有限,字体大小至关重要。如果你只是在手机屏幕上使用微小字体来解决,那就真是一个笑话了。虽然用户可以缩放文本来改变字体大小,从而提升可读性,但这绝不是设计师偷懒的借口。...当设置层次结构,不要太过火,标题的字体大小不能太大于文本主体。最后,留白和文本部分也可以形成一种微弱的对比。 ? 7. 功能性 保持平衡美观的UI是远远不够的,功能也是同等重要的。...内置的文字样式可让您以视觉上独特的方式表达内容,同时保持最佳的易读性。这些风格基于系统字体,并且你可以利用关键的排版功能,例如动态类型,可自动调整每种字体大小的字距和行距。 ? 11.

2.5K70

Flutter | 容器组件

实际开发中,当我们发现已经使用了 SizedBox 或者 ConstrainedBox 给定子元素宽高,但是仍然没有效果,几乎可以断定:已经有父元素设置了限制!...,不是 layout 阶段,所以无论对 子组件做何种变化,其占用的空间的大小和在屏幕上的位置都是不变的,因为这些都是布局阶段就确定的,例如: Widget getTest() { return..., UI 需要变化是,可以通过矩阵变换来达到视觉上的 UI 变化,不是重新 build 流程,这样会节省 layout 的开销,所以性能会比较好,例如 Flow 组件,内部就是使用矩阵变换来更新 UI...4) child: Text("hello world"), ), ); } 复制代码 由于 RotatedBox 是作用于 layout 阶段,所以子组件会旋转 90 度(不是绘制内容...裁剪 Widget 作用 ClipOval 子组件为正方形剪裁为内贴圆形,为矩形,裁切Wie内贴椭圆 ClipRRect 将子组件剪裁为圆角矩形 ClipRect 剪裁子组件到实际占用的矩形大小(溢出部分裁切

5.4K10

Material Design — Navigation drawerStandard drawer Modal drawer Bottom drawer

为了点击 bottom app bar 的菜单图标后提高可达性,它们从屏幕底部打开不是从侧面打开。 ---- 分解 Navigation drawers 包含嵌入 sheet 内的 list。...保持文本标签简短,但是长度实在太长就截断 ? 不要换行不要缩小 目的地icon(可选) Icon 可以对标签作为目的地的进行补充。 使用时,应始终放置文本之前。...Dismissible drawer:如果用户可能将注意力集中屏幕内容上,并且需要更加低频访问其导航目的地,则可以使用 dismissible drawer。 ?...行为 滚动 Navigation drawers 可以垂直滚动,独立于屏幕内容UI 的其余部分。...---- Bottom drawer 用法 Bottom navigation drawers 是固定在屏幕底部不是左侧或右侧边缘的 modal drawers。

3.8K40

科学瞎想系列之五十七 电机设计宝典(幼儿园版)

由于电机内磁场是集中铁心的有效长度空间内,因此放在槽里的导体是产生感应电势的有效部分,端部只是起到把各个导体串联起来的作用,电机运行时,每个导体都会产生感应电势,因此电机总的感应电势(电压)的大小就取决于总的串联的导体数...转子可保持"葫芦"的转子所有设计不变。这就齐活了。 2 等压变容设计。选一个电压与转速相同的"葫芦",在此基础上改变电机的容量(功率)就叫等压变容设计。...电机转速相同时,体积与容量成正比,因此要改变电机容量必须改变电机的体积,通常在"葫芦"和"瓢"的容量差别不大,通过保持电机的三圆(定子内外圆及转子内圆)直径不变改变铁心的长度来改变体积是最经济的,因为三圆不变可保证冲片的模具通用...转子部分只根据铁心长度的改变做相应的长度改变,槽型匝数都保持不变即可。这种情况的设计是领导分配给幼儿园级宝宝们最常见的活。 3 变容变压设计。...以上三种情况是初入职宝宝们经常遇到的设计问题,会了这些你就是一个NB幼儿园宝宝,相信你的领导一定会很欣赏你的,再复杂的设计问题恐怕很少会让你们干,还是先消化好本期老师讲的这些内容,循序渐进,不能一口吃个胖子不是

1.5K70

最新iOS设计规范七|10大视觉规范(Visual Design)

保持对齐让用户浏览更简单,并传达组织和层级关系。对齐使APP看起来整洁有序,用助于用户滚动集中注意力,并使查找信息变得更加容易。缩进和对齐还可以表明内容之间的关系。...若要适应某些文本大小的更改,你可能需要调整布局 为可交互元素提供充足的点击热区。将所有控件的最小可触碰区域保持44pt x 44pt。 ? 多个设备上预览你的APP。...APP的上下文中提供足够的品牌资产,但不要太多,这会让人分心。 自然精致的融合,不张扬。用户是用你的APP来娱乐、获取信息或完成任务,不是观看广告。...例如,如果在不是很关键的其他地方使用红色,那么警告用户关键问题的红色就会变得不是那么有效。 APP中使用互补色。APP中的颜色需要很好地协同工作,不是冲突或分散注意力。...为了保持视觉连续性,防止界面元素变得过于醒目或缺乏吸引力,插图的变化有时需要改变附近的颜色。例如:地图使用地图模式显示浅色模式,但在卫星模式切换到深色模式。

7.9K30
领券