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

Material Design — 按钮( Buttons)

推荐的按钮放置 标准提示框 屏幕上的按钮对齐方式:右边 将肯定性按钮放在右侧,否定性的放在左边。 表单 屏幕上的按钮对齐:左边 将肯定性按钮放在左侧,否定性的放在右边。...卡片 按钮最好放在卡的左侧以增加其可见度。 但是,由于卡片具有灵活的布局,因此可以将按钮放置在适合内容和上下文的位置,同时保持产品内的一致性。...非标准的提示框和模态窗口 非标准提示框和模态窗口中的按钮放置取决于它们包含内容的复杂程度。 对于内容相对简单的提示框,建议将按钮放在对话框的右侧,肯定性按钮位于否定性按钮的右侧。...对于冗长或复杂的表单,建议将按钮放在表单的左侧,肯定性按钮位于否定性按钮的左侧。 ---- 样式 版式设计 按钮文本应该用有大写的语言大写。...添加分隔后,底部固定按钮可用于滚动的提示框。 ? ---- 下拉按钮(Dropdown buttons) 移动端下拉按钮 下拉按钮 下拉按钮可在多个选项中进行选择。 该按钮显示当前状态和向下箭头。

3.9K160

VsCode中使用Jupyter

如果不这样做,则在选择PDF选项时将提示您安装它。另外,请注意,如果您的Notebook中只有SVG输出,它们将不会显示在PDF中。...您还可以使用鼠标来更改模式,方法是单击单元格左侧或代码单元格中的代码/降价区域之外的垂直栏。 作用一样,看自己爱好 使用主工具栏中的加号图标将在当前所选单元格的正下方添加一个新单元格。...使用Jupyter Notebook顶部和底部的添加单元格图标,将分别在顶部和底部添加代码单元。然后使用代码单元格工具栏中的添加图标,将在其下方直接添加一个新的代码单元格。...您可以使用笔记本编辑器工具栏中的双箭头来运行笔记本中的所有单元格,或者使用带有方向箭头的运行图标来运行当前代码单元上方或下方的所有单元。...将鼠标悬停在代码单元上方,然后单击向上箭头将单元向上移动,单击向下箭头将单元向下移动。

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

    Axure高保真教程:制作书本翻页效果

    然后放在书框架的上方,与里面的页面对齐。...,那我们用设置文本的交互,将content列的值设置到记录左侧内容的文本标签里;如果是偶数行,我们就用设置文本的交互,将content列的值设置到记录右侧内容的文本标签里我们还要记录左侧页面的页数,如果中继器里加载的是奇数行...2.4 翻页效果这里我们以左箭头为例展开说明,首先我们要判断当前页是否为第一页,用pageindx函数就可以获取到中继器的页码了,如果是第一页,我们就不能再往前翻页了,所以就用显示的交互,显示提示弹窗,...因为第一页和最后一页的提示,是共用一个提示弹窗的元件的,所以我们先用设置文本的交互,将里面的文本值设置为已经是第一页啦。...那如果不是在第一页,那我我们用设置面板状态的交互,将翻页的动态面板设置到state2,相当于将左侧的页面放上来,左侧的是透明的。

    15520

    Windows10中的键盘快捷方式

    Alt + Shift + 箭头键 当组或磁贴的焦点放在“开始”菜单上时,可将其朝指定方向移动 Ctrl + Shift + 箭头键 当磁贴的焦点放在“开始”菜单上时,将其移到另一个磁贴即可创建一个文件夹...当出现 Windows 提示时,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。...Windows 徽标键 + Shift + 向下键 在垂直方向上还原/最小化活动桌面窗口,而宽度保持不变 Windows 徽标键 Shift + 向左键或向右键 将桌面上的应用或窗口从一台显示器移动至另一台显示器...当出现 Windows 提示时,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。...Windows 徽标键 + Shift + 向下键在垂直方向上还原/最小化活动桌面窗口,而宽度保持不变Windows 徽标键 Shift + 向左键或向右键将桌面上的应用或窗口从一台显示器移动至另一台显示器

    4.5K20

    21 个VSCode 快捷键,让代码更快,更有趣

    2.为 tabs 设置强调色(Material Theme) 你是否厌倦了每天看到相同的 tabs 底部颜色?...它允许你在重新加载编辑器时将窗口放在前面,同时具有与关闭和重新打开窗口相同的效果。 Windows: Ctrl + Alt + R Mac: Control + Option + R 10....幸运的是,VsCode 有一种方法可以通过按Ctrl + Alt +右箭头(Mac:Control + Option +右箭头)将标签移动到右侧的组,或者按Ctrl + Alt + 左箭头将标签转移到单独的标签组...(Mac:Control + Option +左箭头))将标签移动到左侧的组: ?...20.将编辑器向左或向右移动 如果你像我一样,你可能会有一种无法控制的欲望,想要在一个组中重新排列选项卡,其中选项卡相互关联,左边的选项卡是比较重要文件,而右边的选项卡是相对不重要的文件。

    2K30

    如何用Scratch 3绘制矢量图形 【Gaming】

    警告:如果单击绘图屏幕底部的“转换为位图”按钮,则插图将变成像素化位图图像,并且无法将其还原为矢量。 画苹果形状 1. 选择一个空的精灵画布,然后选择圆形工具。通过单击空画布并拖动鼠标创建一个圆。...要更改圆的颜色,请选择箭头工具,单击圆以选择它,然后单击“填充”下的下拉菜单。这将打开用于更改形状的颜色、饱和度和亮度的选项。–如果希望形状透明,请选择带有对角线红线的白色框将颜色设置为“无”。...图片11.png 选择节点后,按键盘上的向上箭头将节点移向圆的顶部。 图片12.png 5. 向圆的底部添加两个节点,一个位于原始底部节点的左侧,另一个位于右侧。...选择矩形工具。在画布上创建一个长而薄的矩形,在其中放置茎。 2. 使用“节点”工具来塑造矩形,使其类似于茎。把填充物换成你想要的颜色。 3. 使用箭头工具选择杆。...使用“节点”工具添加和调整节点以创建高光形状。如果节点过于尖锐,可以将其更改为曲线。选择要弯曲的节点,然后单击“弯曲”按钮。–Pro提示:要一次选择多个节点,请在选择每个节点时单击Shift键。

    5.6K00

    提升开发效率的VS Code21个快捷键

    底部颜色?...好吧,如果你还不知道,VsCode 有一个进程资源管理器功能,如下所示: 是不是看起来很熟悉?...它允许你在重新加载编辑器时将窗口放在前面,同时具有与关闭和重新打开窗口相同的效果。 Windows: Ctrl + Alt + R Mac: Control + Option + R 10....(Mac:Control + Option +左箭头))将标签移动到左侧的组 11.选择左侧/右侧的所有内容 有时你想要删除光标右侧或左侧的所有内容。...20.将编辑器向左或向右移动 如果你像我一样,你可能会有一种无法控制的欲望,想要在一个组中重新排列选项卡,其中选项卡相互关联,左边的选项卡是比较重要文件,而右边的选项卡是相对不重要的文件。

    1.4K20

    微软VS Code已原生支持Jupyter笔记本,再也不用打开网页调试运行了

    VS Code不仅支持Jupyter笔记本的基本操作,还可以将笔记本导出为Python文件,并且在编写Jupyter代码时和Python一样,也能用上智能提示(IntelliSense)等功能。 ?...点击笔记本底部或者顶部的的“+”图标,都可以添加新的代码单元格。 ?...写好代码后,点击单元格中的绿色箭头,运行结果将显示在下方。 ? 也可以点击窗口上方的双箭头来运行所有的单元格。 ?...编辑Markdown Jupyter笔记本的特点就是将Markdown文档和Python代码结合在一起,如果我们想写一段文档而不是代码,则需要点击单元格中的Markdown图标,将代码模式转变成文档模式...调试 要调试Jupyter笔记本,需要先选择主工具栏中的“转换”按钮,将其导出为Python文件。 ? 点击后,将导出一个.py文件。

    5.5K40

    这 21 个 VSCode 快捷键,能让你的代码飞起来

    2、为 tabs 设置强调色 (Material Theme) 你是否厌倦了每天看到相同的 tabs 底部颜色?...它允许你在重新加载编辑器时将窗口放在前面,同时具有与关闭和重新打开窗口相同的效果。...幸运的是,VsCode 有一种方法可以通过按Ctrl + Alt +右箭头(Mac:Control + Option +右箭头)将标签移动到右侧的组,或者按Ctrl + Alt + 左箭头将标签转移到单独的标签组...(Mac:Control + Option +左箭头))将标签移动到左侧的组: ?...20、将编辑器向左或向右移动 如果你像我一样,你可能会有一种无法控制的欲望,想要在一个组中重新排列选项卡,其中选项卡相互关联,左边的选项卡是比较重要文件,而右边的选项卡是相对不重要的文件。

    2.3K20

    发现一款好用到爆的数据库工具,被惊艳到了!

    Driver部分显示数据库驱动信息,如果还没有下载过驱动,底部会有个警告,提示缺少驱动 点击Driver后的数据库类型,会跳转到驱动下载页面,点击download,下载完会显示驱动包 如果下载的驱动有问题...,可以手动添加本地驱动包,在试用过程中,创建Oracle连接时,下载的驱动包就有问题,提示缺少class,点击右侧绿色的+号,选择本地下载好的jar包,通过右侧上下箭头,将导入的jar包移到最上位置就OK...写完sql语句后,可以选中,电子左上侧绿色箭头执行 也可以使用快捷键Ctrl+Enter,选中情况下,会直接执行该sql,未选中情况下,如果控制台中有多条sql,会提示你要执行哪条sql。...语句的执行结果在底部显示 如果某列的宽度太窄,可以鼠标点击该列的任意一个,使用快捷键Ctrl+Shift+左右箭头可以调整宽度,如果要调整所有列的宽度,可以点击左上角红框部分,选择所有行,使用快捷键Ctrl...,此时对着有问题的表名或字段名,按下Alt+Enter,会自动提示是否创建表或添加字段 3、权限定字段名 对于查询使用表别名的,而字段中没有使用别名前缀的,datagrip能自动添加前缀,鼠标停留在需要添加别名前缀的字段上

    93720

    IDEA 的 DataGrip 太吊了

    Driver部分显示数据库驱动信息,如果还没有下载过驱动,底部会有个警告,提示缺少驱动 点击Driver后的数据库类型,会跳转到驱动下载页面,点击download,下载完会显示驱动包 如果下载的驱动有问题...,可以手动添加本地驱动包,在试用过程中,创建Oracle连接时,下载的驱动包就有问题,提示缺少class,点击右侧绿色的+号,选择本地下载好的jar包,通过右侧上下箭头,将导入的jar包移到最上位置就OK...写完sql语句后,可以选中,电子左上侧绿色箭头执行 也可以使用快捷键Ctrl+Enter,选中情况下,会直接执行该sql,未选中情况下,如果控制台中有多条sql,会提示你要执行哪条sql。...语句的执行结果在底部显示 如果某列的宽度太窄,可以鼠标点击该列的任意一个,使用快捷键Ctrl+Shift+左右箭头可以调整宽度,如果要调整所有列的宽度,可以点击左上角红框部分,选择所有行,使用快捷键Ctrl...null,不是空字符串"",DataGrip也提供了渐变的操作,直接在列上右键,选择set null 对于需要多窗口查看结果的,即希望查询结果在新的tab中展示,可以点击pin tab按钮,那新查询将不会再当前

    3.1K30

    DataGrip 保姆级教程 !

    Driver部分显示数据库驱动信息,如果还没有下载过驱动,底部会有个警告,提示缺少驱动 点击Driver后的数据库类型,会跳转到驱动下载页面,点击download,下载完会显示驱动包 如果下载的驱动有问题...,可以手动添加本地驱动包,在试用过程中,创建Oracle连接时,下载的驱动包就有问题,提示缺少class,点击右侧绿色的+号,选择本地下载好的jar包,通过右侧上下箭头,将导入的jar包移到最上位置就OK...写完sql语句后,可以选中,电子左上侧绿色箭头执行 也可以使用快捷键Ctrl+Enter,选中情况下,会直接执行该sql,未选中情况下,如果控制台中有多条sql,会提示你要执行哪条sql。...语句的执行结果在底部显示 如果某列的宽度太窄,可以鼠标点击该列的任意一个,使用快捷键Ctrl+Shift+左右箭头可以调整宽度,如果要调整所有列的宽度,可以点击左上角红框部分,选择所有行,使用快捷键Ctrl...null,不是空字符串"",DataGrip也提供了渐变的操作,直接在列上右键,选择set null 对于需要多窗口查看结果的,即希望查询结果在新的tab中展示,可以点击pin tab按钮,那新查询将不会再当前

    5.6K12

    JetBrains出品,一款好用到爆的数据库工具,惊艳到了!!!

    Driver部分显示数据库驱动信息,如果还没有下载过驱动,底部会有个警告,提示缺少驱动 ? 点击Driver后的数据库类型,会跳转到驱动下载页面,点击download,下载完会显示驱动包 ?...如果下载的驱动有问题,可以手动添加本地驱动包,在试用过程中,创建Oracle连接时,下载的驱动包就有问题,提示缺少class,点击右侧绿色的+号,选择本地下载好的jar包,通过右侧上下箭头,将导入的jar...写完sql语句后,可以选中,电子左上侧绿色箭头执行 ? 也可以使用快捷键Ctrl+Enter,选中情况下,会直接执行该sql,未选中情况下,如果控制台中有多条sql,会提示你要执行哪条sql。...语句执行时默认是提示,改成smallest statement后,光标停留在当前语句时,按下Ctrl+Enter就会直接执行当前语句。 语句的执行结果在底部显示 ?...注意,导出的时候如果勾选了左侧的两个header选项,导入的时候如果有header,也要勾选,不然会提示列个数不匹配 「1、关键字导航:」 当在datagrip的文本编辑区域编写sql时,按住键盘Ctrl

    1.7K10

    IDEA 官方数据库管理神器,比 Navicat 还香?

    Driver 部分显示数据库驱动信息,如果还没有下载过驱动,底部会有个警告,提示缺少驱动 点击 Driver 后的数据库类型,会跳转到驱动下载页面,点击 download,下载完会显示驱动包 如果下载的驱动有问题...,可以手动添加本地驱动包,在试用过程中,创建 Oracle 连接时,下载的驱动包就有问题,提示缺少 class,点击右侧绿色的+号,选择本地下载好的 jar 包,通过右侧上下箭头,将导入的 jar 包移到最上位置就...写完 sql 语句后,可以选中,电子左上侧绿色箭头执行 也可以使用快捷键 Ctrl+Enter,选中情况下,会直接执行该 sql,未选中情况下,如果控制台中有多条 sql,会提示你要执行哪条 sql。...语句的执行结果在底部显示 如果某列的宽度太窄,可以鼠标点击该列的任意一个,使用快捷键Ctrl+Shift+左右箭头可以调整宽度,如果要调整所有列的宽度,可以点击左上角红框部分,选择所有行,使用快捷键Ctrl...,此时对着有问题的表名或字段名,按下 Alt+Enter,会自动提示是否创建表或添加字段 权限定字段名 对于查询使用表别名的,而字段中没有使用别名前缀的,datagrip 能自动添加前缀,鼠标停留在需要添加别名前缀的字段上

    2.5K10

    Windows快捷键速查

    Alt + Shift + 箭头键 当组或磁贴的焦点放在“开始”菜单上时,可将其朝指定方向移动。...Ctrl + Shift + 箭头键 当磁贴的焦点放在“开始”菜单上时,将其移到另一个磁贴即可创建一个文件夹。 Ctrl + 箭头键 打开“开始”菜单后调整其大小。...Windows 徽标键 + J 将焦点设置到可用的 Windows 提示。 Windows 徽标键 + K 打开“连接”快速操作. Windows 徽标键 + L 锁定你的电脑或切换帐户。...Windows 徽标键 + Home 最小化活动桌面窗口之外的所有窗口 Windows 徽标键 + Shift + 向上键 将桌面窗口拉伸至屏幕顶部和底部。...箭头键 按指定方向移动光标。 Page Up 将光标向上移动一个页面。 Page Down 将光标向下移动一个页面。 Ctrl + Home(标记模式) 将光标移动到缓冲区的起始处。

    4.3K20

    DIY你的菜单和工具栏,订制属于你自己的工作界面!

    有木有一种办法可以将常用的工具图标都排列在软件操作界面的显眼位置,随点随用呢,其实是有的,只是发现的人不多。今天小魔方就告诉大家这个小技能,让你的工作效率瞬间提升!...如果你觉得菜单的顺序不好,没关系,右边的上下箭头就是专门移动各个菜单位置的,移动之后主界面就会更新菜单排列顺序!是不是很厉害的样纸!...如果想建立自己专属的菜单项目,也可以哦,底部的新建选项卡(新建一级菜单)新建组(二级菜单),最后点击确定! 上面讲完了自定义菜单,接下来教大家怎么订制自定义工具栏!...但是一共也没有几项可选的,再往下看,其他命令,点开你会发现,又回到了刚才我们去过的那个,Excel选项里,不过这次是快速访问工具栏的选项位置,尽情的在左侧选中你想要添加的快捷工具吧,但是也要适可而止,添加太多...还有那个快捷工具栏可以放在界面顶部,也可以放在菜单与工作表区域之间,设置在下拉三角标里面! ?

    1.2K80

    除了Navicat:正版 MySQL 客户端,真香!

    Driver部分显示数据库驱动信息,如果还没有下载过驱动,底部会有个警告,提示缺少驱动 点击Driver后的数据库类型,会跳转到驱动下载页面,点击download,下载完会显示驱动包 如果下载的驱动有问题...,可以手动添加本地驱动包,在试用过程中,创建Oracle连接时,下载的驱动包就有问题,提示缺少class,点击右侧绿色的+号,选择本地下载好的jar包,通过右侧上下箭头,将导入的jar包移到最上位置就OK...写完sql语句后,可以选中,电子左上侧绿色箭头执行 也可以使用快捷键Ctrl+Enter,选中情况下,会直接执行该sql,未选中情况下,如果控制台中有多条sql,会提示你要执行哪条sql。...语句的执行结果在底部显示 如果某列的宽度太窄,可以鼠标点击该列的任意一个,使用快捷键Ctrl+Shift+左右箭头可以调整宽度,如果要调整所有列的宽度,可以点击左上角红框部分,选择所有行,使用快捷键Ctrl...,此时对着有问题的表名或字段名,按下Alt+Enter,会自动提示是否创建表或添加字段 3、权限定字段名 对于查询使用表别名的,而字段中没有使用别名前缀的,datagrip能自动添加前缀,鼠标停留在需要添加别名前缀的字段上

    4.2K30

    再见,Navicat!同事安利的这个IDEA的兄弟,真香!

    最近被同事案例了一款数据库客户端工具:DataGrip,大爱!...Driver 部分显示数据库驱动信息,如果还没有下载过驱动,底部会有个警告,提示缺少驱动 ? 点击 Driver 后的数据库类型,会跳转到驱动下载页面,点击 download,下载完会显示驱动包 ?...如果下载的驱动有问题,可以手动添加本地驱动包,在试用过程中,创建 Oracle 连接时,下载的驱动包就有问题,提示缺少 class,点击右侧绿色的+号,选择本地下载好的 jar 包,通过右侧上下箭头,将导入的...语句执行时默认是提示,改成 smallest statement 后,光标停留在当前语句时,按下 Ctrl+Enter 就会直接执行当前语句。 语句的执行结果在底部显示 ?...注意,导出的时候如果勾选了左侧的两个 header 选项,导入的时候如果有 header,也要勾选,不然会提示列个数不匹配 小技巧 导航+全局搜索 关键字导航 当在 datagrip 的文本编辑区域编写

    4.4K10

    独家 | 手把手教数据可视化工具Tableau

    这些字段都是连续的,因此 Tableau 将沿视图的底部和左侧显示轴(而不是列或行标题)。...“Discount”(折扣)的转换现已完成,您现在将看到本主题开头初始图像中的条形图。您现在将在底部看到列标题(0%、10%、20% 等),而不是轴。...现在视图的底部显示标题,而不是轴。 2.4 应包括在视图中的离散字段 当您将离散字段放在“筛选器”功能区上时,Tableau 将提示您选择应在视图中包括离散字段的哪些“成员”。...将“日期”字段放在“筛选器”上时,结果可能为离散筛选器或连续筛选器。 当您将连续度量放在“筛选器”上时,Tableau 将首先提示您为筛选器选择聚合,然后提示您指定如何对连续的值范围进行筛选。...当您将连续维度放在“筛选器”(而不是“日期”)上时,Tableau 将提示您指定如何对连续的值范围进行筛选。

    18.9K71

    我常用的IDEA插件大公开,个个是精品!

    我们可以通过Mapper接口中方法左侧的箭头直接跳转到对应的xml实现中去; ? 也可以从xml中Statement左侧的箭头直接跳转到对应的Mapper接口方法中去; ?...还可以通过Alt+Enter键组合直接生成新方法的xml实现,使用起来是不是很方便! ?...可以通过底部的HTTP请求工具来发起接口测试请求; ? 通过在接口方法上右键可以生成查询参数、请求参数、请求URL; ? 通过在实体类上右键可以直接生成实体类对应的JSON; ?...直接使用翻译文档可以将整个文档都进行翻译; ? 还可以通过右上角的翻译按钮直接翻译指定内容。 ?...同时pom.xml中也会对该依赖添加标签,是不是很方便啊! ? Statistic 一款代码统计工具,可以用来统计当前项目中代码的行数和大小。

    82730
    领券