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

最新iOS设计规范五|3大界面要素:控件(Controls)

这有利于提高我们的工作效率,保证用户良好的体验。 本文是iOS设计规范系列第5篇,介绍3大界面要素(栏、视图、控件)中的控件(Controls)。首先让我们回顾一下iOS的3大界面要素。...系统按钮 系统按钮通常出现在导航栏和工具栏中,也可以在任何地方使用。 ? 在标题中使用动词。特定于操作的标题显示按钮是交互式的,并说明单击该按钮时会发生什么。 使用标题格式命名标题。...例如,在邮件中,您可以在邮件的“收件人”字段中点击“添加联系人”按钮,来从联系人列表中选择收件人。 ? 除了“添加联系人”按钮之外,还应该允许键盘输入。...通过颜色选择器的选项卡式界面,人们可以从网格或光谱中选择颜色,也可以通过选择RGB值来选择颜色。人们还可以通过点击吸管按钮并使用放大镜来选择出现在屏幕上任何地方的颜色,从而选择一种颜色。 ?...七、选择器(Pickers) 选择器可以显示一个或多个可滚动的不同值列表,供人们选择。在iOS 14及更高版本中,日期选择器支持其他选择值的方式,例如在日历视图中选择日期或使用数字键盘输入日期和时间。

8.6K30

excel常用操作大全

打开“工具”,选择“选项”,然后选择“常规”,并在“最近使用的文件列表”下的文件编号输入框中更改文件编号。如果菜单中未显示最近使用的文件名,请取消“最近使用的文件列表”前的复选框。...7.如何快速选择特定区域? 使用F5快速选择特定区域。例如,要选择A2: A1000,最简单的方法是按F5打开“定位”窗口,并在“参考”栏中输入要选择的A2: D6区域。 8.如何快速返回所选区域?...9.如何快速定位格?单元 方法1:按F5显示“位置”对话框,在参考栏中输入要跳转到的单位的格地址,在单市按“确定”按钮 方法二:点击编辑栏左侧格单元的地址框,输入格单元的地址 10....方法是: 选择操作区域,在“格式”菜单中选择“自动套用格式”命令,从格式列表框中选择满意的格式样式,然后按“确定”按钮。...24、如何使单元格的颜色和底纹不被打印出来?对于那些受保护的单元格,您还可以设置颜色和底纹,以便用户可以一目了然。从颜色可以看出,这些单元格是受保护的,不能修改,这可以增加数据输入的直观感受。

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

    Python中得可视化:使用Seaborn绘制常用图表

    在这里,曲线(KDE)显示在分布图上的是近似的概率密度曲线。 与matplotlib中的直方图类似,在分布方面,我们也可以改变类别的数量,使图更容易理解。...我们只需要在代码中加上类别的数量, #Change the number of bins sns.distplot(inp1.Rating, bins=20, kde = False) plt.show...特定类别数的分布图 在上图中,没有概率密度曲线。要移除曲线,我们只需在代码中写入' kde = False '。 我们还可以向分布图提供与matplotlib类似的容器的标题和颜色。...深色背景的分布图 2.饼图和柱状图 饼图通常用于分析数字变量在不同类别之间如何变化。 在我们使用的数据集中,我们将分析内容Rating栏中的前4个类别的执行情况。...热图的最终目的是用彩色图表显示信息的概要。它利用了颜色强度的概念来可视化一系列的值。 我们在足球比赛中经常看到以下类型的图形, ? 足球运动员的热图 在Seaborn中创建这个类型的图。

    6.7K30

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

    在“数据”窗格中更改字段的数据类型 若要在“数据”窗格中更改字段的数据类型,请单击字段名称左侧的图标,然后从下拉列表中选择一种新数据类型。 4....在视图中更改字段的数据类型 若要在视图中更改字段的数据类型,请在“数据”窗格中右键单击(在 Mac 中按住 Control 单击)字段,选择“更改数据类型”,然后从下拉列表中选择相应数据类型。...STEP 4:单击工具栏上的“降序排序”按钮 ( ),按从最多到最少的顺序对类别进行排序。 STEP 5: 单击工具栏上的“显示标记标签”按钮 ( ),以在视图中显示度量值。...STEP 4: 在“标记”卡上,从视图下拉列表中选择“条形”。 视图会更改为条形图。 标记(在本例中为条)是垂直的,因为轴是垂直的。每个标记的长度表示那一年的销售总额。...在“编辑颜色”对话框的“调色板”字段中,从下拉列表中选择“红色-绿色发散”。 选中“使用完整颜色范围”复选框,单击“应用”,然后单击“确定”。

    18.9K71

    如何用Power BI可视化数据?

    image.png 在上面的环形图中,用每种咖啡的数量除以总数量,记得的了每种咖啡的占比。 2)美化图表 图形栏下面的图例功能,会显示当前图标的详细信息。“图例”是咖啡种类,“值”表示咖啡数量。...image.png 创建好的图形样式是默认的,需要对图形进行美化,例如图形标题的命名、显示的数字格式、图形的颜色等。 点击“格式栏”,图形像一个油漆刷(见下图红框),可以对图表进行修改。...image.png 2)添加切片器的效果 这时候就需要用到切片器。从“可视化”中选择“切片器”后,点击想要进行切片(筛选)的字段。...(2)着色地图 在“可视化”中选择“着色地图”,在“位置”选择字段"门店",在“工具提示”选择"数量"字段,就会显示着色地图的效果(下图)。...image.png 鼠标移到地图的位置,会显示对应地区的的名称和咖啡的销量。 image.png 通过着色地图可以看出,某个地区的数量越大,对应该地区的颜色也就越深。

    3.7K00

    ONLYOFFICE 桌面编辑器 8.1 强势来袭:解锁全新PDF编辑、幻灯片优化与本地化体验,立即下载!AI

    在ONLYOFFICE 桌面编辑器中,点击顶部菜单栏中的“文件”选项,然后选择“打开”,从文件浏览器中选择需要编辑的PDF文件。文件打开后,点击顶部工具栏中的“编辑”按钮,进入编辑模式。...设置页面颜色: 打开需要编辑的文档。 点击顶部菜单栏中的“页面布局”选项卡。 选择“页面颜色”按钮,从颜色选项中选择需要的颜色,或点击“自定义颜色”,设置特定的颜色值。...页面颜色设置后,文档的背景颜色会立即更新,用户可以预览效果。 自定义编号格式: 在文档中选中需要编号的段落或列表。 点击顶部菜单栏中的“开始”选项卡,选择“编号”按钮。...点击顶部菜单栏中的“设计”选项卡,选择“主题颜色”按钮。 从配色方案列表中,选择需要的颜色主题,应用到文档或幻灯片中。...点击“确定”按钮,应用设置,工具栏中选中的按钮会被隐藏。 显示工具栏按钮: 打开文档或演示文稿文件。 点击顶部菜单栏中的“视图”选项卡,选择“工具栏设置”按钮。

    24010

    【Python篇】matplotlib超详细教程-由入门到精通(上篇)

    在饼图中,sizes 列表中的每个元素决定了饼图中各个部分的大小比例。matplotlib 会根据这些数值的比例自动计算每一部分的角度和面积。 labels:这是用来为饼图中的各个部分添加标签。...data['日期'] 和 data['销售额']:从 DataFrame 中选择特定的列进行绘图。 plt.plot():基于数据创建折线图。...在进行可视化之前,确保数据是干净的。 4.2 绘制多个数据系列 有时候我们需要在同一个图表中展示多个数据系列,来进行对比或分析。我们可以通过在 matplotlib 中绘制多个数据线来实现这一点。...plt.legend():显示图例,以便区分不同的产品线。 通过这个例子,我们学会了如何在同一个图表中绘制多个数据系列,这在多维数据的分析中非常有用。...5.2 标注与注释 有时候我们需要对图表中的某些点进行标注或注释,突出显示特定数据点。matplotlib 提供了 annotate() 函数,用于在图表上添加文本。

    1.4K10

    阿丘科技之AIDI高级应用讲解一(5)

    导入混合图后,图像显示区会显示混合图每张子图,通过方向键左右切换,或者通过标注工具栏中图片id切换 修改混合图规格: 工程所有模块中都无图片时,在工具-设置-混合图中修改混合图规格 导入现有混合图:...兼容旧版本工程 打开旧版本工程后会自动使用默认显示属性 5.6 图片搜索 在图片列表顶部图片搜索栏中输入图片名称然后回车即可快速在图片列表中定位并显示目标图片。...5.7 数据划分 划分训练集和测试集: 训练前需要将图片加入训练集(图片列表中绿色三角标记),训练会学习训练集中的图片 A 手动划分:在图片列表中选中一张或多张图片,右键>>加入训练集/移出训练集 B...图片列表中图片左上角序号底色为绿色时,代表此图标注为OK图 5.8 导出数据 导出原图:在图片列表中选中图上右键导出原图。 导出标注数据:在图片列表中选中图上右键导出训练集测试集。...5.9 导入已标注数据 软件支持从现有相同模块或软件导出的训练集测试集数据中导入已标注数据 在导入图片时直接选择源工程模块下source文件夹中的图片 从相同模块导出的数据集文件夹中选择图片导入 说明

    3.5K31

    鼠标教鞭:Presentify for mac

    图片一款菜单栏应用程序,可让您注释任何屏幕,突出显示光标等等,从而帮助您提供更好的演示。它是用于在线教学,录制教程,进行演示或演示,远程工作以及列表的理想工具。...只需从菜单栏中选择“注释屏幕”并开始涂鸦。许多绘图形状可供选择。按住Shift键的同时,可以用一只手在绘制时获得一条直线。您可以在绘制时按住Shift键,以半透明的颜色填充矩形和圆形。...自动删除您的注释。非常适合强调特定内容或解释您的想法。即使其他应用程序以全屏模式运行,您也可以绘制。非常适合现场演示和远程工作时的视频通话。...更改光标突出显示的颜色,不透明度和大小。您也可以选择仅在移动光标/鼠标时突出显示。3、键盘快捷键您可以使用简单的键盘快捷键在任何应用程序中注释屏幕,突出显示光标,更改绘图颜色和形状等。...为每个屏幕保存的会话,因此在屏幕之间切换时无需切换控件,颜色等。每个屏幕都有自己的撤消/重做堆栈,因此您会意外擦除看不见的内容。6、白板如果需要,可以在白板上绘制(不要在其他应用程序上绘制)。

    88840

    Python Seaborn (2) 斑驳陆离的调色板

    作者:未禾 数据猿官网 | www.datayuan.cn 颜色显然比图形风格的其他方面都更加重要,因为颜色使用得当就可以有效显示或隐藏数据中的特征。...它还可以使用任何有效的matplotlib格式指定的颜色列表(RGB元组、十六进制颜色代码或HTML颜色名称)。返回值总是一个RGB元组的列表。...一般来说,避免使用红色和绿色来表示颜色以区分元素是一个不错的主意。 ? 为了帮助您从Color Brewer工具中选择调色板,这里有choose_colorbrewer_palette()函数。...除了将单一颜色从xkcd_rgb字典中取出,也可以通过名称列表传入xkcd_palette()函数中取得颜色组。 ? 连续色板 调色板中第二大类称为“顺序”。...用于可能无论大的低的值和大的高的值都非常重要的数据。数据中通常有一个定义良好的中点。例如,如果你正在绘制温度变化从基线值,最好使用不同色图显示相对降低和相对增加面积的地区。

    2.7K20

    Outlook应用指南(3)——邮件管理

    为邮件添加后续标志 后续标记功能可以帮助你用不同的颜色来标记不同类型的邮件。 1、在收件箱的邮件列表区里,对邮件单击后面灰色的小旗子。 2、单击鼠标右键可以选择所需的颜色标志。 ?...在“搜索文件夹”中,标有后续标记的邮件可以按照颜色的不同分门别类的显示出来,供你快速浏览和查找。 ? 2....在“标志”后选择对邮件进行标志的理由(默认为“需后续工作”,选择该标志后,邮件会出现在“标有后续标志的邮件”的邮箱中),在“标志颜色”后选择适当的颜色,在“到期时间”后的两个下拉列表中分别设置提醒的日期和时间...2、在“新建搜索文件夹”对话框中,双击“特定人员发来的邮件”,在联系人列表中选择特定的联系人。如果在联系人中没有的话,可以直接在下面“收件人”里手工填写。 ? 4....比如你可以将好朋友发来的邮件全都存放在名为“朋友的来信”的文件夹中,这样,你就可以很快从自定义的文件夹中找到这一类邮件了。

    2.2K10

    动手用Python做一个颜色提取器! ⛵

    图片 本文使用Python实现『颜色提取』功能,构建『简单提取器』与『复杂提取器』,从单个或多个图像的某个位置提取颜色,类似PS或者PPT中的取色器功能。...我们会构建如下2个颜色提取器: 简单提取器——从单个图像中选择颜色 复杂提取器——从多个图像中选择颜色列表并显示颜色 图片 本文的实现涉及python编程知识与部分数据可视化知识,大家可以通过ShowMeAI...的以下教程和文章进行系统学习: 图解Python编程:从入门到精通系列教程 数据科学工具库速查表 | Matplotlib 速查表 颜色提取器实现 导入工具库 首先我们需要导入本次所需的工具库,matplotlib.image...复杂颜色提取器实现 下面我们来构建一个复杂颜色提取器,它实现的功能如下图所示:我们多次点击不同图像的多个位置,我们会按照顺序编号和记录颜色(注意颜色框左上角的红色数字),并把颜色保存到列表中。...c:我们将 RGB 通道值保存到剪贴板和颜色列表中,接着运行change_choice函数。

    1.7K30

    如何在Mac上轻松更改Finder的外观

    更改此项目旁边的下拉列表,以为macOS选择新的配色方案,包括Finder。 接下来是Finder用于突出显示所选文件或文件夹的颜色。...单击“突出显示颜色”旁边的下拉菜单,然后从列表中选择一种新颜色。 除上述内容外,您还可以调整其他一些选项来更改Finder在Mac上的外观。...如果您不需要访问这些项目,则可以隐藏侧边栏,使其不会出现在Finder窗口中。 单击顶部的“显示”菜单,然后选择“隐藏侧栏”以从Finder中删除侧栏。...隐藏工具栏 工具栏出现在Finder窗口的顶部,这为文件和文件夹提供了一些基本的查看选项。如果不使用此工具栏,则可以将其从Finder中删除。 选择顶部的“显示”菜单,然后单击“隐藏工具栏”。...要删除标签,请在列表中选择标签,然后单击底部的“删除(-)”图标。 选择出现在Finder侧栏中的内容 像标签一样,您可以自定义出现在Finder边栏中的项目。这使您可以在边栏中添加和删除项目。

    6.1K00

    最新iOS设计规范三|3大界面要素:栏(Bars)

    它提供了应用程序的导航,在侧边栏中选择一项可以使人们导航到特定的内容。例如,“邮件”中的边栏显示所有邮箱的列表。人们可以选择一个邮箱来访问其邮件列表,然后选择要显示在内容窗格中的特定邮件。...例如,“邮件”使用更简洁的术语(例如“标记”和“草稿”)从每个邮箱的标题中省略了“消息”一词。 不要在侧边栏中显示超过两个层次的层次结构。...在“照片”应用中浏览全屏照片时,只需轻按一次即可再次显示状态栏。 五、标签栏(Tab Bars) 标签栏出现在页面底部,可以在APP的不同模块之间快速切换。标签栏是半透明的,也可添加背景颜色。...如果由于水平空间有限而无法显示某些标签,则最后一个标签会变为“更多”标签,从而需要在另一个页面上显示的其他标签。 通常,使用标签栏在应用程序级别组织信息。...例如,如果iOS设备上没有歌曲,则“音乐”应用中的“立即收听”选项卡将说明如何下载歌曲。 始终在附加视图中切换上下文。

    9.9K10

    项目实战:如何制作报表?

    image.png 3.两个表如何关联? 因为我们要在报表上展示指标销售总金额,销售总金额=每个订单的销售金额之和,每个订单的销售金额=价格 * 数量。...image.png 价格在产品表中,数量在销售数据表中,也就是计算指标用到的两列数据在不同的表中。 image.png 下面我们用Power BI来实现,不同的两张表中的字段如何分析计算。...image.png 点击“数据”,在右边的字段中选择“销售数据表”,在工具栏中选择“新建列”。...image.png 在公式栏上写公式: 金额 = '销售数据表'[数量] * RELATED('产品表'[价格]) RELATED的意思是关联其他表的意思,也就是将销售数据表中的数量,和产品表中的价格相乘...image.png 设置“数据标签”的颜色(本案例设置为118dff ), “显示单位”选择无。关闭“类别标签”,打开“标题”,改为 订单数量,本案例字体颜色为666666。

    3.6K30

    Matplotlib 中文用户指南 3.2 图像教程

    它告诉 IPython 在哪里(以及如何显示)绘图。 要连接到 GUI 循环,请在 IPython 提示符处执行%matplotlib魔法。...如果使用 IPython Notebook,可以使用相同的命令,但人们通常以特定参数使用%matplotlib: In [1]: %matplotlib inline 这将打开内联绘图,绘图图形将显示在笔记本中...这对交互性有很重要的影响。 对于内联绘图,在单元格下方的单元格中输出绘图的命令不会影响绘图。 例如,从创建绘图的单元格下面的单元格更改颜色表是不可能的。...在 Matplotlib 中,这是使用imshow()函数执行的。 这里我们将抓取plot对象。 这个对象提供了一个简单的方法来从提示符处理绘图。...有许多可选的其它颜色表,请见颜色表的列表和图像。 颜色刻度参考 了解颜色代表什么值对我们很有帮助。 我们可以通过添加颜色条来做到这一点。

    1.5K40

    使用颜色空间进行图像分割

    在本文中,您将学习如何使用OpenCV基于Python中的颜色从图像中简单地分割对象。OpenCV是一个流行的计算机视觉库,用c/c++编写,带有Python绑定,提供了操作颜色空间的简单方法。...有这么多颜色空间,因为不同的颜色空间对于不同的目的是有用的。 在印刷领域,CMYK非常有用,因为它描述了从白色背景产生颜色所需的颜色组合。RGB中的0元组是黑色的,而CMYK中的0元组是白色的。...('COLOR_')] 根据您的OpenCV版本,标志的列表和数量可能略有不同,但是不管怎样,会有很多标志!...它看起来很凌乱,但实际上你需要将图像中每个像素对应的颜色展平成一个列表并归一化,这样它们就可以传递到Matplotlib scatter()的facecolors参数。...总结 在本教程中,您已经看到了几个不同的颜色空间,一幅图像是如何分布在RGB和HSV颜色空间中的,以及如何使用OpenCV在颜色空间之间进行转换和分割范围。

    6.1K31

    Adobe Photoshop,选择图像中的颜色范围

    2.从“选择”菜单中,选取了以下选项之一: 肤色选择与常见肤色类似的颜色。启用“检测人脸”,以进行更准确的肤色选择。 示例颜色启用吸管工具,并从图像中选取示例颜色。...5.使用“颜色容差”滑块或输入一个数值来调整选定颜色的范围。“颜色容差”设置可以控制选择范围内色彩范围的广度,并增加或减少部分选定像素的数量(选区预览中的灰色区域)。...6.若要在图像窗口中预览选区,请选取“选区预览”选项: 无显示原始图像。 灰度完全选定的像素显示为白色,部分选定的像素显示为灰色,未选定的像素显示为黑色。...在选择了“肤色”或“取样颜色”时,它还可以存储“检测人脸”选项的设置。 要将肤色设置存储为预设: 1.选择“选择”>“颜色范围”。 2.在“颜色范围”对话框中,从“选择”菜单中选择“肤色”。...单击选项栏中的选择并遮住。您可以使用选择并遮住工作区中的选项修改蒙版边缘,并以不同的背景查看蒙版。 在“选择并遮住”工作区中单击“确定”,将更改应用于图层蒙版。

    11.3K50

    40000字 Matplotlib 实战

    我们可以通过设置很高的轮廓线数量来改善,但是这会导致绘制图表的性能降低:Matplotlib 必须在每个颜色阶梯上绘制一条新的轮廓多边形。...分化色图:这类型的色谱包括两种独立的色系,这两种颜色有着非常大的对比度(例如RdBu或PuOr)。 定性色图:这类型的色图混合了非特定连续序列的颜色(例如rainbow或jet)。...Matplotlib 中有大量可用的色图;要看到它们的列表,你可以使用 IPython 来探索plt.cm模块。要在 Python 中更加正规的使用颜色,你可以查看 Seaborn 库的工具和文档。...Matplotlib 通过转换完成这项工作。 任何的图形显示框架都需要在坐标系统之间进行转换的机制。例如,一个数据点位于 被转换为图表中的某个位置,进而转换为屏幕上显示的像素。...我们看到每个主要刻度显示了一个大的标志和标签,而每个次要刻度显示了一个小的刻度标志没有标签。 这些刻度属性,位置和标签,都可以使用每个轴的formatter和locator对象进行个性化设置。

    7.9K30
    领券