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

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

视图可能包含尺寸类型的任意组合: 常规宽度,常规高度 紧凑宽度,紧凑高度 常规宽度,紧凑高度 紧凑宽度,常规高度 iOS会根据内容区域的尺寸类型动态地进行布局调整。...根据需要进行调整,以确保两种类型的显示器具有同等的视觉体验。 五、暗黑模式(Dark Mode) 在iOS 13.0及更高版本中,用户可以选择使用暗黑模式的系统外观。...系统视图和控件使你的APP文本在所有背景上都看起来很好,并自动调整以适应是否有Vibrancy。当你可以使用系统提供的视图来显示该文本时,请不要自己绘制文本。...遵循系统使用的材质。尽可能将自定义视图与系统提供的视图进行比较,以获得类似功能并使用相同的材质。 利用系统提供的文本、填充、字形和分隔符的颜色。...相比之下,使用全色图像的话,可能相对于背景不能形成足够的对比度,并且在具有半透明背景的视图中使用时可能看起来不合适。

8.1K30

SwiftUI 中布局的工作原理

子视图根据自己的信息,它会选择自己的尺寸,而父视图必须尊重这个选择。 然后父视图在其坐标空间中定位子视图。...这被称为 布局中立 (layout neutral):ContentView本身没有任何大小,而是可以根据需要进行调整以适应任何大小。...如果 background() 的子级是文本视图,那么背景将非常适合文本,但是如果子级是 padding(),那么它将接收回调整后的值,包括填充量。 这些布局规则带来了两个有趣的副作用。...第二个有趣的副作用是我们前面遇到的:如果我们在一个不能调整大小的图像上使用 frame(),我们会得到一个更大的 Frame,而图像内部没有改变大小。...然后 frame 会询问里面的图像它想要什么尺寸。 不可调整大小的图像返回固定大小例如:64x64。 然后 frame 将图像定位在其自身的中心。

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

    Material Design —卡片(Cards)

    何时使用 显示以下内容时使用卡布局: ·作为一个集合,包含多种数据类型,如图像,视频和文本 ·不需要直接比较(用户不直接比较图像或文本) ·支持高度可变长度的内容,例如评论 ·包含可交互式内容,例如+1...背景图像 当文字放置在纯色背景上时,文字清晰度最高,且文字对比度足够高。 放置在图像背景上的文本应该保留文本的易读性。 ? 左:不同布局的卡片    右:排版方式能突出重点内容 ?...超过最大卡片高度的卡片内容会被省略,内部不会滚动,但可以扩展卡片。 一旦展开,卡片可能会超过视图的最大高度。 在这种情况下,卡片将随卡片集合一起滚动。 ? ?...对于依赖焦点遍历进行导航(手柄和键盘)的页面,卡片应具有主要操作或打开包含主要和补充操作的新视图。 ? 选择操作 ?...扩展的补充文本变得可见,然后聚焦放在补充的行动上 ---- 操作 卡中的主要动作通常是卡本身。 在集合中,根据内容类型和预期结果的不同,补充操作可能因卡片而异。 例如,播放视频相对于打开一本书。

    4.3K100

    再也不怕合照缺人,Anydoor为图片编辑开了一道「任意门」

    机器之心报道 机器之心编辑部 「能不能把这张图里的产品,都放到另一张图的桌子上?」 面对这样的要求,设计师肯定会脑瓜嗡嗡的。...如果有一种能让贴图穿进背景图里,它们根据你的指令自动摆好姿势、站位的「魔法」呢? 来自香港大学、阿里巴巴和蚂蚁集团的新成果 Anydoor 为图片编辑打开了一扇「任意门」。...此前的模型已经可以根据文本提示或给定图像重新生成局部的图像区域。但是这些方法对于不在训练数据内的新图象,泛化性较差,或者需要输入多个图像,在近一个小时后,才能等到生成结果。...为了做到这一点,作者的核心思想是用身份和细节高度相关的特征来表示目标对象,然后将它们组合到与背景场景的交互之中。...此外,本文还与 Stable Diffusion 进行了比较。 图 6 表明,AnyDoor 兼具基于参考和基于调整的方法的优点,无需进行参数调整即可生成多主题合成的高保真结果。

    64910

    google earth使用方法_国内使用google earth

    大家好,又见面了,我是你们的朋友全栈君。 文件 导入是最重要的功能,可以导入路径、图像、模型。 编辑 复制,如果选中路径对象将会复制为KML的XML语言文本。...视图 工具栏、侧边栏控制选项板的显示 全屏、视图尺寸控制显示效果 显示导航,控制倾斜、罗盘、平移、视图海拔高度、街景 状态栏将显示经纬度坐标、影像拍摄日期、海拔高度、视图海拔高度...网格将显示网格划分 总览图将显示鸟瞰图,可以在选项的 3D 视图选项卡调整默认地图尺寸和比例关系。...比例图例将显示比例尺 大气层打开将显得图像发白 太阳将会显示一个时间轴,可以调整时间,图像将根据时间调整阳光的强度及角度。...历史图像将显示一个时间轴,可以选择历史图像 水面,官网介绍可以进行水上和水下探索,但是不知道怎么进入水下,能看到什么。

    2.4K20

    Vcl控件详解_c++控件

    :可在列表视图有焦点时获得用户输入的字符序列,列表视图添加字符串到查找字符串,并查找匹配的项 IsEditing:判断当前用户是否正在对项目进行操作 Scroll:可通过水平像素和垂直像素滚动列表视图的内容...只读 ButtonHeight:设置按钮的高度 Buttons:对工具栏上的按钮进行操作。...,用户的操作,说明,用户不能最大化固定大小的区 Bands:保存一个TCoolBands Bitmap:在TcoolBand区后显示的图像 Constraints:指定组件宽度和高度的最大值和最小值...,组件重新调整大小时,不能违反这些约束 DockSite:指定组件是否成为拖动停放操作的目标 FixedOrder:为真时,可以通过鼠标的拖动重新排列TcoolBar中的区,但不能改变原来的顺序...ItemHeight:下拉列表中项目的高度 ItemsEx:对下拉列表中项目进行操作 SelText:选定的文本 Style:下拉列表框的样式 StyleEx:确定列表中项目外观和行为

    4.9K10

    ICCV 2023 | MasaCtrl:用于一致图像合成和编辑的无需微调的互自注意力控制

    无需微调的互自注意力控制 给定源图像 I_s 和相应的文本提示 P_s ,我们的目标是合成符合目标编辑文本提示 P (直接根据 P_s 修改)的目标图像 I 。...为此,我们提出了 MasaCtrl,它将 SD 中的自注意力机制调整为交叉注意力机制,以从源图像中查询语义相似的内容。...对象的 mask 是根据与前景对象相关的文本标记的交叉注意图自动生成的。...这些方法能对原始 SD 进行更可控的图像合成,无法合成参考源图像中具有相似内容的图像。因此,可以将本方法集成到这些模型中,从而生成更加连贯的图像,而无需微调 SD 或优化文本嵌入。...实验 实验结果 通过直接修改文本提示,本方法可以合成内容一致的图像。这些合成图像包含的内容(前景物体和背景)与生成的源图像高度相似,且高度符合目标文本提示 P 。

    1.3K10

    【MFC拓展库】上海道宁与BCGSOFT合作为您带来专业的Micrisoft Windows开发业务组件

    默认情况下,状态栏和所有突出显示/聚焦的元素都是蓝色的,但您可以根据自己的喜好进行更改(仅限浅色和深色样式)。04、视觉主题该库为应用程序组件提供Microsoft Office 2013外观。...功能区背景图像支持05、可定制的工具栏和菜单Library提供了一种强大而简单的工具栏/菜单自定义机制,类似于Microsoft Office和Visual Studio。...“文件”或“编辑”等所有类别都是从应用程序资源自动构建的。自定义机制允许修改工具栏/菜单项的外观,更改项文本/图标,甚至使用库的图像编辑器创建/修改图像。...它具有以下基本功能,每个功能都可以根据您的需要进行定制:支持以下视图:每日、5天工作周、每周、每月、日程预约和安排开会提醒定期开会并发约会活动与日期选择器控件集成。...12、皮肤和对话框表单有一种简单而有效的方法来自定义对话框和表单外观:只需调用 EnableVisualManagerStyle,所有对话框/表单控件和背景都将使用当前选择的可视化管理器进行绘制。

    5.6K20

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

    四、编辑菜单(Edit Menus) 人们可以触摸并按住或双击文本字段,文本视图,Web视图或图像视图中的元素,以选择内容并显示诸如复制和粘贴之类的编辑选项。 ? 显示适用于当前上下文的命令。...提供多种方式来进行相同的操作,会导致不一致的用户体验并造成混淆。 如果有潜在使用的可能,不能编辑的文本也应提供选择和拷贝。...另外,如果显示太长的选项,考虑使用列表或表单。列表和表单的高度可以调整,并且表单可以包含索引,这可以更快地定位列表的一部分。 使用可预测的和逻辑排序的值。...根据设计风格,自定义开关在其关闭和打开时的背景颜色,可以使开关在APP中的体验更好。 仅在列表中使用开关。开关用在列表中,例如可以打开和关闭的设置列表。...使用图像和按钮在文本字段中提供清晰度和功能。可以在文本输入框的左侧或右侧显示自定义图标,也可以添加系统提供的按钮,例如“书签”按钮。 键盘 根据实际情况,显示适当的键盘类型。

    8.6K30

    CAD2007操作教程下

    “文字颜色”下拉列表框:用于设置标注文字的颜色。 “文字高度”文本框:用于设置标注文字的高度。 “绘制文本边框”复选框:用于设置是否给标注文字加边框。...设置全局比例为1                     设置全局比例为1.5 “调整”:可以对标注文本和尺寸线进行细微调整。 在此选项卡中可以设置主单位的格式与精度等属性。...第十八课时 渲染工具栏 重点与难点: l 使用渲染窗口 l 设置材质、灯光 l 设置渲染的背景图片 1、选择“视图”菜单下的“渲染”命令中的“渲染”命令或单击 中的 按纽,打开“渲染”对话框,可以从中对场景或指定对象进行渲染...设置背景 选择“视图”---“渲染”---“背景”命令或单击 中的 按纽,打开“背景”对话框,设置背景色为纯色、渐变色、图像及合并色。 课后练习:掌握本节所讲内容,并将自己所做模型渲染出图。...打印的图形可以包含图形的单一视图,或者更为复杂的视图排列。根据不同的需要,可以打印一个或多个视口,或设置选项以决定打印的内容和图像在图纸上的布置。

    8.6K30

    InstantMesh:利用稀疏视图大规模重建模型从单张图像高效生成3D网格

    为了进一步增强泛化能力和多视图一致性,一些最近的工作利用视频扩散模型中的时间先验进行多视图生成。大规模重建模型。大规模的3D数据集的可用性使得可以训练高度泛化的重建模型,用于前向的图像到3D生成。...白色背景微调:给定输入图像,Zero123++生成一个960×640的灰色背景图像,以3×2的网格形式呈现6个多视图图像。...在实践中,我们注意到生成的背景在不同的图像区域不一致,并且在RGB值上发生了变化,导致重建结果中出现浮粒状和云状的伪影。而且,稀疏重建模型通常也是在白色背景图像上进行训练的。...为了去除灰色背景,我们需要使用第三方库或模型,但不能保证多个视图之间的分割一致性。因此,我们选择微调Zero123++以合成一致的白色背景图像,确保后续的稀疏视图重建过程的稳定性。...我们还随机调整条件图像的大小,使模型适应各种输入分辨率并生成清晰的图像。由于微调的目标只是替换背景颜色,所以它收敛非常快。

    2.5K10

    最新iOS设计规范四|3大界面要素:视图(Views)

    因为集合没有强制执行严格的线性格式,所以它特别适合显示大小不同的项。 一般来说,集合非常展示基于图像的内容。可以选择性地呈现背景和其他装饰性的视图,用以区分项目的子集。 ? 集合支持交互性和动画。...五、图像视图(Image Views) 图像视图是在透明或不透明背景上,显示的单个图像或动画图像序列。在图像视图中,图像可以被拉伸、缩放、调整大小以适合或固定到特定位置。...默认情况下,图像视图是不可进行交互的。 ? 如果可能的话,请确保动画序列中的所有图像大小一致。理想情况下,应对图像进行预分类以适应视图,避免系统再进行任何缩放。...显示不全的文字和词语很难被阅读和理解。超长的文本被截断在所有表格单元格样式中都是自动的,只是根据你使用的单元格样式和发生截断的位置,它可能会出现或多或少的问题。 可为“删除”按钮自定义标题。...文本视图可以是任何高度,并可以通过滚动的方式显示额外的内容。 默认情况下,文本视图中的文本是左对齐的,并使用黑色的系统字体。如果文本视图可编辑,则在视图内部点击时,屏幕下方会弹出键盘。 ?

    8.5K31

    iOS 优化界面流畅的技巧

    对此你在应用中,应该尽量减少不必要的属性修改。 当视图层次调整时,UIView、CALayer 之间会出现很多方法调用与通知,所以在优化性能时,应该尽量避免调整视图层次、添加和移除视图。...不论通过何种技术对视图进行布局,其最终都会落到对 UIView.frame/bounds/center 等属性的调整上。...常见的文本控件 (UILabel、UITextView 等),其排版和绘制都是在主线程进行的,当显示大量文本时,CPU 的压力会非常大。...这个最常见的地方就是 [UIView drawRect:] 里面了。由于 CoreGraphic 方法通常都是线程安全的,所以图像的绘制可以很容易的放到后台线程进行。...CellLayout 包含所有文本的 CoreText 排版结果、Cell 内部每个控件的高度、Cell 的整体高度。

    1.5K10

    SIGGRAPH Asia 2023 | 利用形状引导扩散进行单张图像的3D人体数字化

    与最近利用2D扩散模型从文本输入生成3D对象的工作不同,我们使用扩散模型以3D一致的方式重建输入图像中真实人物的360度视图。...我们首先使用一种现成的工具重建人物的3D几何形状,然后使用2D单一图像的人物重定位方法生成输入图像的背景,以确保完成的视图与输入视图一致。...为了生成与输入图像精确对齐的密集姿势预测,首先从与输入视图相反的视角渲染形状的表面法线和深度图,然后使用ControlNet 以“人物背面穿着漂亮衣服,站在纯灰色背景前,最佳质量”为文本提示创建照片逼真的背景视图...图 3 多视图融合 由于潜在扩散模型在低分辨率的潜在空间中进行修补,最终合成的图像不能形成几何上一致的多视图图像。...将方法扩展到视角相关的辐射度将是一个令人兴奋的方向,这可能需要未来的研究工作来解决。 不支持姿势调整: 方法不支持对人体进行重新调整,并且需要每个主体的UV纹理优化。

    47110

    ps快捷键

    工具箱的第三个工具 套索工具:主要作用是用来选择图像,它用电击拖动的方法来对图像来进行选取,松开鼠标它就是闭合的选区。...(13) Ctrl + Shift + U 去色,图像菜单,调整,反相快捷键Ctrl + I 。 (14) 调整完之后,除了背景色,其它合并Ctrl + E。...图层面板: (1) 锁定透明像素,锁定勾选,被锁定的部分不能运算。 (2) 锁定图像像素,任何工具不可以用锁定位置。...(3) 锁定位置,就是不能对图像进行移动,不能使用移动工具。 (4) 锁定全部。...修复画笔工具: 它可以将图像中的部分或者全部在同一幅图像或其他图像进行复制,并且底色相融合,按Alt 键点击进行,取样,在点击拖动进行复制对齐的勾选,点击拖动复制的连续的。

    4K50

    《GPTs 实战:新春贺卡制作》

    同时用英文标注"2024" and "Happy New Year",生成后使用Dalle-3进行画图.关键词:New YearTips:调整提示词的时候需要注意,不能使用 "Card" 这种单词在绘画提示词中...根据计算文本整体的内容高度,调整文本整体位置,使文本整体垂直高度居中,并且确保文本依然保持原有的格式,同时整体文本居中。...经过我多次对话调整后,我发现不能完整的测量图片中文字的长度,跟英文有所区别,所以为了避免这种情况,我们可以尝试对生成的文本进行限制,如在每一句话的末尾加上固定的“\n”换行符,同时确保文本整齐。...根据计算文本整体的内容高度,调整文本整体位置,使文本整体垂直高度居中,并且确保文本依然保持原有的格式,同时整体文本居中。...根据计算文本整体的内容高度,调整文本整体位置,使文本整体垂直高度居中,并且确保文本依然保持原有的格式,同时整体文本居中。

    28410

    用AI快速生成一个网页(名侦探柯南~灰原哀主题网页),适合大学生web期末大作业

    每个导航菜单项都是一个链接,使用display:inline-block进行横向排列,宽度为 100px,高度为 60px。链接的文本颜色为白色,当鼠标悬停时,背景颜色会变为橙色。...这样,你就可以得到一个宽度为 1300px,高度为 700px,左右居中布局,并带有背景图像和下边距的页面头部元素。...card_image元素用于显示图片,它的宽度为 100%,高度为 250px,并且使用border-radius进行了圆角处理。图片的源文件路径可以根据需要进行修改。...card_title和card_description元素用于显示标题和文字描述,它们的样式可以根据需要进行进一步的调整。请注意,这只是一个基本的示例,你可以根据自己的需求进一步修改和完善样式。...你可以根据需要修改文本内容、样式和定位。

    17910

    SceneKit 场景编辑器-为您的AR体验构建3D舞台

    在此空间中,您将能够从不同角度查看3D模型并对您的修改进行流式处理。您可以通过单击并用一根手指拖动来更改视角。要在保持相同角度的同时调整视图,请用两根手指滚动。...如果场景附带动画,您可以通过单击“ 播放”按钮进行预览。 场景图视图 打开场景时,通常会隐藏场景图视图。要显示它,请单击视口下方左下方的小窗口图标,在控件旁边。在这里,您可以看到组成场景的所有部分。...2k地球镜面地图 高光之前和之后 此图像显示使用光源应用地球镜面反射贴图之前和之后的比较。注意中间的轻球?另外根据地图,水应该比陆地更亮。...要调整节点的视图,诀窍是双击节点名称框旁边的节点图标。为节点分配默认颜色白色。你现在看到它是黑色的,因为背景也是白色的。让我们在屏幕上保存一些不动产并隐藏Project Navigator。...我们将宽度设置为3.33,高度设置为3.86,长度设置为1.14。然后,将倒角半径设置为0.5。倒角半径是圆角。您可以随时根据需要调整视图。

    5.6K20

    iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

    用活动指示器来让用户知道进程仍在进行中。有些时候,告诉用户进程没有停止比告诉他们何时完成更加重要。 设计一个与应用的风格协调的活动指示器。可以的话,让活动指示器的尺寸和颜色与它所在的背景协调。...请在必要时调整分段控件中文本的对齐方式。如果你给分段控件添加了自定义底图,请确保控件里自动居中的文本依然清晰美观。...比如说,一个图调整图片尺寸的滑块可以在最小值的左边放一张小图,在最大值的右边放一张大图。 根据Thumb所在的位置和当前滑块的状态来为滑块的轨迹定义不同的颜色 不要使用滑块来显示音量控制。...步进器: 是一个两段控件,其中一段默认显示减号,另一端默认显示加号 支持自定义图片 不展示用户更改的值 当用户想要对数值进行小幅度调整时,可以使用步进器。...当文本框里没有任何其它提示文字时,会展示占位符文本(placeholder text),如名字、地址等。 根据输入内容的类型来指定不同的键盘类型。

    13.2K30
    领券