首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【新!超详细】Figma组件属性完全指南

    当您想在另一个组件中交换组件时使用它。例如,当您有一个按钮时,您可以通过属性面板更改按钮内部的图标。 目前,无法交换变体。...您无需单击组件内的文本层即可更改文本。选择组件时,您可以直接从属性面板编辑文本。 何时使用文本属性? 设置组件变体时,无需单击文本图层即可更改文本。...例如,让我们看一个包含图标的按钮。如果您希望图标出现在按钮内,请将其切换为 ON (true)。如果没有,请将其切换为 OFF(假) 何时使用布尔属性? 布尔属性非常适合显示和隐藏图层。...例如,创建一个具有不同状态(如启用、悬停和禁用)的按钮。 还有一件事,如果你想使用交互式组件,你必须使用变体。 如何在 Figma 中添加属性? 第一步,您需要创建一个组件。...属性列表 如果您有一个具有布尔值和另一个属性的组件,请对属性列表进行排序,布尔值位于顶部,然后是其他属性。当您将布尔值切换为关闭时,另一个属性会消失并且列表会移动。

    14.9K32

    分层 Blazor 组件

    在 Blazor 中,事情变得容易多了,因为无需为了创建复杂元素(如 Bootstrap 模式对话框)的更易记标记语法,而无奈地使用标记帮助器。接下来将介绍如何在 Blazor 中创建模式组件。...此标记包含包装器 Modal 元素及其两个子级子树:一个用于切换按钮,一个用于实际内容。 根据模式的 Bootstrap 语法,任何对话框都需要显示触发器。...总之,根据上面的代码片段,生成的 UI 由标记为“打开”的主按钮组成。在获得单击后,此按钮便会立即弹出填充有以下三层的 DIV:页眉、正文和页脚。...在 Bootstrap 行话中,对话框切换按钮的数据目标属性标识,要在用户单击切换按钮时弹出的 DIV 的 ID。...使用 ID 签名的 DIV 会在模式触发时弹出。相反,AutoClose 值用于控制 IF 语句,此语句决定了是否应在标题栏中显示“关闭”按钮。

    9.5K10

    Jump Start Bootstrap 第4章

    我们将会看到如何添加下拉菜单到导航栏、切换按钮的状态、当点击按钮时漂亮的警告信息会在显示一段时间后消失等等功能。...按钮 在前面的章节中,我们看到了如何创建各种类型的按钮。这里,我们将看到使用Bootstrap的JavaScript插件如何在不同的状态使用它们,并且让它们切换状态。...当你点击按钮时,你会看到一个类似于插图效果的样式;在再次单击时,它返回到原来的样式,如图所示。data-toggle=”button”实现了这个切换功能。 ?...当设置为“静态”时,当在模态主体外的任何地方点击时,模式对话框不会关闭。 keyboard属性用于启用或禁用键盘的escape键功能,当设置为false时,Esc键不会关闭模式对话框。...show属性用于通过JavaScript切换模式的可见性。当设置为true时,模式对话框将自动显示,不需要单击任何句柄元素。

    32.2K40

    在 TIA Portal 中使用因果矩阵编程

    通过按下切换启用按钮启用传送带。如果在传送带未启用时按下按钮,则启用。如果在启用传送带时按下按钮,则禁用传送带。 当系统启用时,传送带可以运行。输送机可以两种模式运行;自动和手动。...要启用/禁用系统,我们需要两个原因; 第一个原因使用 AND 逻辑来确定是否按下启用按钮并且系统未启用。 第二个原因使用 AND 逻辑来确定是否按下启用按钮并启用系统。...您可以通过单击因果之间的交叉方块来完成此操作。 定义因果关系 当您双击交叉点时,会出现一个弹出窗口,允许您定义此原因和此结果之间的关系。...使用新的交集列更新逻辑 探索具有关闭延迟的指令 当零件装载到载体上或从载体上卸下时,输送机开始沿另一个方向运行。 我们不想在零件从载体中取出后立即开始运行传送带。...: 缺少使输送机向前运行的原因 在我的程序中,我可以切换缺失的原因以使传送带向前运行: 向前运行输送机 如您所见,调试用 CEM 语言编写的程序非常容易,因为它是一种可视化编程语言。

    2K20

    【Java 进阶篇】深入浅出:Bootstrap 轮播图

    我们还为第一个幻灯片添加了active类,这意味着它将在轮播图开始时显示。 步骤3:添加轮播控制按钮 现在,让我们为轮播图添加一些控制按钮,以允许用户手动切换幻灯片。...Bootstrap提供了几种轮播切换效果,您可以根据喜好进行选择。...使用自定义CSS来覆盖Bootstrap的默认样式。 添加自动播放控制 如果您希望用户能够手动启用或禁用自动播放,可以添加一个开关按钮,并使用JavaScript代码来控制轮播的开始和暂停。...).ready(function(){ // 初始化轮播图 $("#myCarousel").carousel(); // 切换自动播放的按钮点击事件 $("#toggleCarousel...我们还使用JavaScript代码来启用和禁用轮播的自动播放。 结语 在本博客中,我们深入研究了如何使用Bootstrap创建漂亮的轮播图。我们从什么是轮播图开始,然后逐步介绍了如何创建和自定义它们。

    1.6K30

    Windows10系统变慢,用上这19招,电脑性能大幅度提升!

    本文目录 关闭启动时自动运行程序 启动时禁用重新启动应用程序 禁用后台应用 卸载非必要的应用程序 只安装高质量的应用程序 回收硬盘空间 运行碎片整理工具 启用ReadyBoost 检查计算机是否存在恶意软件...以下是在Windows 10上启动时禁用应用程序的操作: 打开设置。 点击应用。 单击“启动”。 单击“排序依据”菜单,然后选择“启动影响”选项。...单击后台应用程序。 关闭要阻止在后台运行的应用的切换开关。 (可选)关闭让应用程序在后台切换开关中运行以禁用所有商店应用程序的功能。...单击“应用”按钮。 单击“确定”按钮。 完成这些步骤后,标准视觉效果将会禁用,并且与窗口和菜单等元素进行交互会感觉更具响应性。 禁用透明效果 打开设置。 单击个性化。 单击颜色。...关闭“透明效果”切换开关。 13.禁用搜索索引 虽然搜索是Windows 10的一个重要元素,但索引可能会暂时占用大量系统资源,影响电脑的性能。

    17.7K30

    利用数据绑定让动画更智能:在Rive中创建动态黄金计算器

    它围绕三个布局组构建:标题(包含每克黄金价格)控制选项(选择金条数量和重量)金条插图标题部分包括一个由两个文本行组成的文本布局:一个包含静态文本(如标签),另一个是动态的,并使用数据绑定连接到外部数据。...在状态机中,两个时间线定义了标签状态:一个用于10克按钮激活时,使用纯黑色背景和白色文本;另一个用于5克,样式相反。切换这两个状态会视觉上更新活动标签。...在状态机中,我们将此变量连接到两个时间线(10克时间线为默认值)——当设置为0时,布局切换到5克;当设置为1时,切换到10克。这使得大小基于用户选择更新,无需手动切换。...默认情况下,加号按钮会无限增加数值,但目标是将最大值限制为六根金条。在六根金条活动的时间线上,通过将其点击区域比例设置为0并降低其不透明度来禁用加号按钮,以创建“禁用”视觉状态。...同样的逻辑应用于减号按钮,以防止数值低于1。在显示一根金条的时间线上,按钮被禁用,其他时间线上恢复为活动状态。

    7010

    VBA专题10-8:使用VBA操控Excel界面之在功能区中添加内置控件

    本文重点讲解如何在功能区中添加不同类型的内置控件。 添加普通按钮和切换按钮 按下面的步骤来添加普通按钮和切换按钮(例如,拼写和删除线控件): 1. 下载并安装Custom UI Editor。...按钮元素: 这个idMso属性的值指定内置控件的名字,本例中,为拼写控件。 切换按钮元素: 删除线控件是一个切换按钮。...应确定内置控件正确的类型,包括按钮、切换按钮、拆分按钮、组合框、菜单、库、复选框、标签、通用控件或其他类型。 注意:XML代码区分大小写。例如,idMso与IdMso不相同。 6....如果在可用的加载项列表中没有你的加载项,单击“浏览”按钮查找到你保存该加载项的文件夹中的文件。 4. 在可用的加载项列表中选中该加载项前的复选框。 5. 单击“确定”安装加载项。...添加不同类型的控件 在本例中,你将学习如何在自定义选项卡中添加8个按钮(其中3个水平排列且没有标签)、2个切换按钮、1个拆分按钮、4个对话框启动器、2个组合框、2个菜单、2个库、1个标签控件、1个编辑框

    8K30

    PowerBI中的书签和导航页,如何选择呢?

    在2020 年 3 月的更新中,按钮有了一个名为"页导航"的新功能: ? 那么我们该如何在“页导航”和“书签”之间做出选择呢?...不过,要在两个页面中进行来回切换,由于目前有了页导航,我们就需要来分析一下这两种方式在不同的场景中的优缺点了: 1.严格地在多个页面之间切换 当我们要做地仅仅从一个页面切换到另一个页面,比如有一个导航栏...注意: 在 Power BI Desktop中,要实现此功能,请使用Ctrl+左键单击。原因是在桌面应用程序中,单击意味着选择项目,并在编辑器中对该项目应用一些格式或其他配置。...比如在下图中,当我使用页面导航在不同的页面之间切换时,每次切换都会显示页面的顶部,这显然并不是我们想要的: ? 但是使用书签,这个问题就会得到很好的解决: ?...所以我们来总结一下在这两者之间进行选择时的困扰: 页面导航目前只支持按钮,那么如果你想用图片或者形状来导航时,你会选择在图片上覆盖一个空白按钮来伪装,还是直接创建一个书签?

    7.8K31

    百度Apollo | 实车自动驾驶:感知、决策、执行的无缝融合

    Dreamview+,请输入bash scripts/bootstrap.sh stop_plus, 如果您想要重启 Dreamview+,请输入bash scripts/bootstrap.sh restart_plus...编辑行驶路线 在 Vehicle Visualization/车辆可视化面板 中,单击 Routing Editing/路径编辑 按钮进入路由编辑功能。...在面板左上角初始位置图标,在地图上单击设定初始位置。 ‍注意:长按鼠标右键可以拖转移动地图位置。 单击左上角轨迹点图标,在地图上单击添加途经轨迹点。 单击 保存编辑 ,完成轨迹绘制。...单击 Routing/路由 按钮出现红色轨迹线。 步骤二:启动自动驾驶 如果各模块正常工作,且规划效果也不错,将遥控器切换到自动驾驶状态。...在 DreamView+ 中,在操作底栏中,单击 START/启动 按钮,启动自动驾驶。

    39600

    如何关闭 YouTube 上的受限模式

    如何在手机(Android 和 iPhone)上关闭 YouTube 的受限模式打开并访问手机上的 YouTube 应用。然后登录您的帐户。单击应用程序右上角的用户配置文件选项,访问用户设置菜单。...查看 YouTube 屏幕的左角,然后单击“设置”按钮。进入设置菜单后,点击常规选项。最后,您将找到一个用于打开/关闭受限模式的切换选项。蓝色开关表示受限模式已打开,灰色按钮表示受限模式已关闭。...如何在手机浏览器上关闭 YouTube 的受限模式您无需使用 PC 或笔记本电脑来禁用 YouTube 的受限模式。相反,您也可以通过手机的浏览器执行此操作。就是这样。...蓝色开关表示打开,而灰色按钮表示限制模式关闭。仅当您在移动应用和手机浏览器中使用相同的 YouTube 帐户时才使用此方法。...我们已通过多种方法帮助您解决如何在 YouTube 上关闭受限模式的问题。

    7.8K20

    Axure教程:获取验证码倒计时效果的实现

    创建动态面板,建立至少2个以上的状态动态面板的作用主要用于切换状态时的倒计时效果,简单的说,点击获取后60秒到0秒的文案展示都是靠动态面板实现的。这里留一个小思考,为什么要建立至少2个状态呢?3....添加获取验证码按钮交互效果给获取验证码按钮起一个名字,并设置禁用时样式。设置单击时交互。首先,设置之前建好的动态面板状态,设置切换状态下一项时能够间隔向后循环。保证获取验证后的等待时间变化。...(动态面板之前已起好名字为“切换状态”)在单击时交互效果中添加动作,设置一个全局变量x。并设置x的值为60。4....设置动态面板状态改变时交互动作情形1 :全局变量x的值不等于0时,即大于0时设置让x的值每次减一。实现点击后变为60秒倒计时,变为0之前禁止重复点击获取验证的效果。...验证效果OK,最终达到我们想要的效果,当我们输入手机号以后点击获取验证码后,按钮变为禁用状态,同时文案进行倒计时展示,当倒计时为0时,按钮变为启用状态。结语还是那句话,希望大家想一下。

    27210

    后台系统设计(上篇:选择)

    ·在用户与单选按钮交互时,请提供良好视觉反馈,且按钮本身状态提供良好的能供性(默认、悬停、选中和禁用)。...最佳用法 ·复选框用于表示状态的标记,不会直接导致命令的触发,需要最终和命令按钮(如提交、确定等)操作配合,若是直接触发请改用切换开关(切换开关并非绝对情况下都是直接触发命令操作);若复选选项过多时,且有限的屏幕空间下...·在用户与复选框交互时,请提供良好视觉反馈,且按钮本身状态提供良好的能供性(默认、悬停、选中、禁用和未全选状态)。 讨论:仅有两个互斥的选项(二元)是选择单选按钮还是复选框?...·在用户与切换开关交互时,请提供良好视觉反馈,且切换开关本身状态提供良好的能供性(关闭、开启、禁用)。 讨论:切换开关在用户更改后立即触发命令执行? 此说法并非绝对。...·对于大多数操作,当单击菜单或以外区域,菜单应该收起关闭;如果点击的菜单项是多选操作,则菜单应保持打开状态。 ·禁用菜单项,而不是隐藏,以提高功能的可发现性。

    11.9K21

    Jump Start Bootstrap 第3章

    在这代码中,我们放置了一个包含”navbar-toggle”的按钮,它被Bootstrap用来激活导航条的功能切换;它应该包含两个data-*类型的属性:data-toggle和data-target;...data-toggle告诉代码点击按钮时做什么,而data-target表明在单击时哪个部分要切换。...当单击按钮时,该部分将被切换。按钮中的span元素用来显示图标【注:图标中的横线】。 我们还定义了一个具有类”navbar-brand”的元素,该元素拥有我们网站的名称(SitePoint)。...这里有一些按钮可以用的帮助类: btn-block: 按钮跨域整行所有的网格 active:按钮显示成被点击的状态 disabled:按钮不可用,并显示成褪色状态;你要小心使用这个类,因为它将防止在输入和按钮元素上单击动作...,但不会禁用对元素的单击操作。

    15.3K20

    【三桥君】Axure知识点:如何制作弹出效果的搜索框(以泉州师范学院官网为例)

    该搜索框效果是这样的: 1.单击搜索按钮时,搜索框会向左侧弹出来; 2.如果搜索框没有输入内容,那再点击搜索按钮则会出现提示框,提醒输入内容。...1、单击搜索按钮时,如何搜索框会向左侧弹出来?如果搜索框没有输入内容,那再打击搜索按钮则会出现提示框,提醒输入内容?...2、出现提示框后,除了点击确定按钮取消提示框以外,其他地方点击都没反应。 添加这个禁用效果就行了。至于其他几个元件为什么点击没反应?因为他们反应的交互条件没有出现。...3、只有搜索框弹出来的情况时,如何点击当前页面没有交互的其他区域,会弹回搜索框? 要单击页面弹回搜索框,需要同时满足两个条件即可。 一个是遮拦看不到时,另一个是关键词提示框看不到。...建议在学习完基础操作后,进一步探索Axure的其他高级功能,如动态面板、变量设置等,以提升设计能力。 通过以上内容,我们详细介绍了如何在Axure中制作弹出效果的搜索框。

    8310

    Face ID和Touch ID 译文and集成篇Face ID和Touch ID

    请记住,人们可能会选择在其设备上禁用生物识别身份验证,因此您的应用程序应该准备好处理这种情况。 ? ? 现在人们用单一的方式认证。当人们不必选择如何进行身份验证时,这是最直观的。...只要给他们一个单一的选项,如Face ID。提供替代方案,例如要求用户名和密码,只有在初始方法失败时才作为备用。 仅在响应用户操作时启动身份验证。明确的操作,例如点击按钮,确保用户想要进行身份验证。...这些图标的自定义变体会导致不一致,并导致混乱,特别是当着色,大尺寸显示,并呈现为上下文(如按钮标签)或应用程序的“设置”屏幕时。 对于开发人员指南,请参阅本地验证。...// LAErrorUserCancel = kLAErrorUserCancel, // // 已取消身份验证,因为用户已单击后退按钮(输入密码)。...// LAErrorUserFallback = kLAErrorUserFallback, // // 系统取消了身份验证(例如,另一个应用程序进入前台)。

    3.9K60
    领券