首页
学习
活动
专区
圈层
工具
发布

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

如果在导航栏中使用分段控件,务必仅在层次结构的顶层使用。并确保在较低的级别选择准确的返回按钮标题。 ? 二、搜索栏(Search Bars) 搜索栏允许人们通过在字段中键入文本来搜索大量值。...搜索栏的字段可以包含占位符文本,例如“搜索服装,鞋子和配饰”或仅“搜索”,以提醒要搜索的上下文。带有适当标点符号的简洁的单行提示也可以直接出现在搜索栏上方,以提供指导。...考虑在搜索栏下方提供有用的快捷方式和其他内容。使用搜索栏下方的区域可帮助人们更快地获取内容。例如,Safari会在您点击搜索字段后立即显示您的书签。选择一个即可直接进入,而无需输入任何搜索词。...当您在搜索字段中键入时,“股票”会显示结果列表。随时点按一个,而无需再输入任何字符。 可以将搜索栏下添加范围栏,缩小搜索范围。 ? 不鼓励使用范围栏,应当努力改善搜索结果。...如果在搜索中有明确定义的类别,则范围栏会很有用。但是,最好是改善搜索结果,因此没有必要进行范围界定。 三、侧边栏(Sidbars) 侧边栏在iPhone上使用较少,更多的用在iPad。

16.8K10

【移动端网页布局】流式布局案例 ⑥ ( 多排按钮导航栏 | 设置浮动及宽度 | 设置图片样式 | 设置文本 )

一、多排按钮导航栏样式及核心要点 1、实现效果 要实现下面的导航栏效果 ; 2、总体布局设计 该导航栏可使用 10 个 标签盒子 进行制作 ; 该导航栏的宽度自动充满整个屏幕 , 宽度为...-- 第二排 : 搜索栏 --> <!...*/ overflow: hidden; /* 搜索栏宽度充满全屏 */ width: 100%; /* 搜索栏的高度为 44 像素 */ height: 44px...; /* 搜索栏最小宽度 320 像素 浏览器拉倒最小 该布局的宽度不低于 320 像素 */ min-width: 320px; /* 搜索栏最大宽度 640 像素 浏览器拉到最大.../ width: 33.33%; } .brand div img { /* 设置图片链接中的图片 在水平方向上充满父容器即可 */ width: 100%; } /* 多排按钮导航栏

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

    macOS 最新版Tahoe Spotlight 新功能完全指南:挖掘搜索的无限潜力

    全新升级在macOSTahoe26中,Apple对Spotlight进行了重大更新,包括:新功能说明视觉焕新全新界面设计,更直观易用剪贴板访问searchable剪贴板历史记录⚡Actions操作直接在搜索栏执行应用内任务...QuickKeys自定义快捷短语快速启动任务️打开Spotlight的多种方式方法一:快捷键(推荐)展开代码语言:TXTAI代码解释Command+SpaceBar方法二:菜单栏点击菜单栏右上角的放大镜图标基本搜索功能输入关键词即可搜索...1️⃣按类别筛选搜索输入关键词后,搜索字段下方会出现动态类别,如截图、系统设置、文件夹等,点击即可即时筛选结果。...特色功能:分类显示应用(建议、生产力、工具等)当iPhone镜像激活时,可直接访问iPhone应用快捷键:Command+Space+1⚡Actions操作功能(核心亮点)Actions让你无需打开应用即可执行任务...功能特点✅保存复制的文本、链接、图片、文件历史✅通过UniversalClipboard跨设备同步✅可直接从此视图复制或粘贴项目✅可清除全部历史保护隐私⏰默认显示最近8小时的历史记录首次使用设置首次打开时会提示启用剪贴板搜索

    72510

    多模态搜索时代:哪些向量数据库能同时驾驭文本与图像?腾讯云方案深度解析

    摘要 在大模型驱动的AI应用浪潮中,多模态搜索成为企业突破单模态数据局限的关键技术。...本文聚焦支持文本与图像混合检索的向量数据库,横向对比主流产品技术特性,并重点解析腾讯云向量数据库如何通过AI原生架构实现高效多模态处理,为企业提供兼具性能与成本的解决方案。...提供免费额度(每日10万次向量搜索)和阶梯折扣(10TB以上存储8折) 安全合规方案:支持私有化部署和数据加密传输,通过等保三级认证。...金融客户可配置字段级权限控制,实现客户数据物理隔离 三、典型应用场景对比 场景 腾讯云VectorDB方案 传统方案局限...产品缺陷图像→向量→关联维修手册→指导处理 依赖人工标注,更新滞后 结语 在AI应用爆发式增长的今天,腾讯云向量数据库凭借其AI原生架构、企业级服务能力和成本优势,已成为多模态搜索的首选方案

    98710

    Mac 效率提升秘籍:文本快捷方式完全指南

    (MacBookPro隐藏技能大揭秘:让你的电脑从“能用“变“真香“-腾讯云开发者社区-腾讯云)macOS最新版TahoeSpotlight新功能完全指南:挖掘搜索的无限潜力-腾讯云开发者社区-腾讯云少打字...,多效率!...步骤二:进入键盘设置在系统设置侧边栏中,找到并点击键盘选项步骤三:打开文本替换点击文本替换按钮,进入设置界面步骤四:添加新快捷方式点击左下角的+号按钮在输入码栏输入你的缩写(如eml)在短语栏输入完整内容...(如邮箱地址)点击完成保存在iPhone/iPad上设置文本替换设置路径展开代码语言:TXTAI代码解释设置→通用→键盘→文本替换添加新替换点击右上角的+号输入短语(完整内容)输入输入码(快捷缩写)点击右上角存储实用快捷方式推荐输入码替换内容使用场景...总结优势说明⚡效率提升减少重复输入,节省大量时间多设备同步一次设置,所有Apple设备通用精准输入避免手动输入错误完全免费系统自带功能,无需额外软件小贴士:建议先从最常用的3-5个快捷方式开始设置,熟悉后再逐步添加更多

    30410

    好玩的ES--第二篇之高级查询,索引原理和分词器

    2 不允许存在模糊 搜索关键词长度为3-5 允许一次模糊 搜索关键词长度大于5 允许最大2模糊 ---- 布尔查询[bool] bool 关键字: 用来组合多个条件实现复杂查询 ​...": "iphone13 毫", "fields": ["title","description"] } } } 注意: 字段类型分词,将查询条件分词之后进行查询改字段 如果该字段不分词就会将查询条件作为整体进行查询...使用require_field_match开启多个字段高亮----字段必须能够分词 es默认只有被搜索的字段才可以高亮,如果想要其他指定的高亮字段,也进行高亮显示,就需要开启多字段高亮 GET /products...在ES中除了text类型分词,其他类型不分词,因此根据不同字段创建索引如下: title字段: term_id(文档id)蓝月亮洗衣液1iphone132小浣熊干脆面3 price字段 term_id...---- 分词器 Analysis 和 Analyzer Analysis: 文本分析是把全文本转换一系列单词(term/token)的过程,也叫分词(Analyzer)。

    1.8K30

    IOS15 beta 8 开发者预览版更新【附升级通道】

    自认为国内很少人使用,不过第三方常用软件如果可以增加这个功能的话还是很不错的); 地图app新增四种模式,可根据不同使用场景按需切换; 非常便捷的备忘录,在“新建备忘录”空白出长按屏幕,选择“来自相机的文本...”即可实现实时录入文本内容,识别正确率还是很高的; 图标类变化,“天气app”图标镜像显示。...,调整到屏幕下方,但存在输入内容时,标签栏又会回到屏幕上方,在beta3中实现了标签栏始终在在屏幕下方。...除此之外,搜索界面更是能展示出搜索内容的分类、搜索结果、收藏夹中的内容。并隐含了“长按网页底部地址的输入栏,二级菜单中显示‘Reload’。...对iPhone恢复出厂设置的改动:进入 设置-通用-,原有的还原界面更新为:Transfer or Reset iPhone(汉化问题,国行目前显示英文) 对将旧iPhone的数据迁移到新设备上的用户非常方便

    2K10

    ElasticSearch常见用法,看这一篇就够了

    Elasticsearch为Java开发者提供了一个强大的搜索解决方案。无论是对于小型项目还是大型企业级应用,Elasticsearch都能提供高效的搜索功能,帮助开发者快速检索和处理大量数据。...Elasticsearch还具备全文搜索的能力,能够将复杂的搜索功能如布尔查询、短语查询、过滤器、排序、分页等都封装进一个平台。...number_of_shards": 1, #指定主分片的数量 "number_of_replicas": 0 #指定副本分片的数量 } } 字符串类型: keyword 关键字 关键词 、text 一段文本...query": { "wildcard": { "description": { "value": "iphon*" } } } } 6、多id..."fields": ["title","description"] } } } 注意: 字段类型分词,将查询条件分词之后进行查询改字段 如果该字段不分词就会将查询条件作为整体进行查询

    1.1K10

    macOS Tahoe 26:这8个新功能,让Windows用户哭晕在厕所!

    iPhone应用)最大的惊喜:这个新界面不仅显示Mac应用,还会显示你的iPhone应用!...如何使用:在Spotlight中访问快捷键:Command+Space+4(直接打开剪贴板)支持的内容:✅文本✅图片✅PDF✅其他富文本内容(内置剪贴板历史记录,支持文本、图片、视频等多种格式)我的感慨...4️⃣新Spotlight:不只是搜索那么简单SpotlightSearch还是那个Spotlight(快捷键Command+Space),但它现在变得更聪明了。...设置路径:系统设置>菜单栏>允许在菜单栏中在这里,你可以:查看所有允许在菜单栏显示的应用和扩展一键撤销某个应用的权限统一管理,不用一个个应用去设置(系统设置中的菜单栏管理界面,可以集中控制所有菜单栏图标...当你的iPhone上有实时活动(比如外卖配送、Uber行程、航班状态)时,它会自动出现在Mac上。

    65410

    苹果iOS 15发布:关机也能定位,ASMR重度用户狂喜,这波库克又“去苹果化”了

    iOS15新功能速览 智能文本识别 这次最受关注的更新功能,应该要数“实况文本”(Live Text)了。...当然,关键词搜索也很强大,除了本地的信息和照片等功能,还能一键联网搜索。 是手机搜索中的战斗机了。...不过,在启动速度上,抖⾳启动⽐iOS 14慢了两秒多,农药则是慢了4秒左右。推测是因为有很多画⾯素材在更新后要重新下载到本地,所以变慢了。...分屏功能的入口更明显了,就在每个App的顶栏的三个小圆点,整个分屏操作更加直观。 分屏后从一个App顶部向下滑动还可以回到桌面选择另一个App替换。...对了,是不是还有很多人没更新,等着新买的iPhone13到货了再体验? 今天早上苹果CEO库克还特意发了微博祝大家中秋快乐,从他使用的设备来看,原来库克也没用上iPhone 13。

    1.7K20

    内存吞金兽(Elasticsearch)的那些事儿 -- 数据结构及巧妙算法

    倒排索引是一种特别为搜索而设计的索引结构,倒排索引先对需要索引的字段进行分词,然后以分词为索引组成一个查找树,这样就把一个全文匹配的查找转换成了对树的查找,这是倒排索引能够快速进行搜索的根本原因。...当我们往 ES 写入商品记录的时候,ES 会先对需要搜索的字段,也就是商品标题进行分词。分词就是把一段连续的文本按照语义拆分成多个单词。...这个商品比 666 这个商品匹配度更高,因为它两个单词都能匹配上,所以按照匹配度把结果做一个排序,最终返回的搜索结果就是: 苹果Apple iPhone XS Max 烟台红富士苹果 这个搜索过程,其实就是对上面的倒排索引做了二次查找...注意,整个搜索过程中,我们没有做过任何文本的模糊匹配。...,这些分词汇总起来叫做Term Dictionary 优化手段 该部分的词会非常非常多,所以es内部对其进行了排序,使用二分查找法来查,故而就不需要遍历整个词集 posting list 通过分词找到对应的记录

    83920

    【系列】移动端项目经验 表单兼容(上篇)

    移动端兼容 - fixed定位的input 移动端系统:iOS 微信当中 功能描述:在我们的移动端网页当中,经常会在顶部出现搜索栏。...搜索栏的位置处理方式通常是使用到position:fixed进行定位处理的。...当我们需要在文本框当中输入内容时,必然会点击input/textarea元素,使其处于聚焦状态,这个时候,搜索栏的位置会发生变化,不再锁定于页面顶端,而是变成居中显示状态。...移动端兼容 - iPhone、iPad的按钮默认样式 移动端系统:iOS设备中的网页 功能描述:在进行表单中的按钮元素样式设置时,有时会处理按钮的背景以及圆角等特性,但是在iPhone以及iPad当中(...欢迎沟通交流~HTML5学堂 移动端兼容 - IE10下的文本框 移动端浏览器:IE10(当前11还没有测试) 功能描述:在文本框输入内容之后,IE10增加了一个新功能,会在文本框的右侧显示一个叉号,用于让用户快速清空文本框的内容

    1.4K80

    ElasticSearch常见用法, 看这一篇就够了

    DELETE /索引名 =====> DELETE /products - DELETE /* `*代表通配符,代表所有索引` 创建 字符串类型: keyword 关键字 关键词 、text 一段文本..."query": { "wildcard": { "description": { "value": "iphon*" } } } } 多id...query": { "fuzzy": { "description": "iphooone" } } } 注意: fuzzy 模糊查询 最大模糊错误 必须在0-2之间 搜索关键词长度为...2 不允许存在模糊 搜索关键词长度为3-5 允许一次模糊 搜索关键词长度大于5 允许最大2模糊 布尔查询[bool] bool 关键字: 用来组合多个条件实现复杂查询 must: 相当于&& 同时成立..."fields": ["title","description"] } } } 注意: 字段类型分词,将查询条件分词之后进行查询改字段 如果该字段不分词就会将查询条件作为整体进行查询

    99520

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

    (Search) 展示搜索字段 添加(Add) 新建一个项 回收站(Trash) 删除当前项 归档(Organize) 将某个项移动到应用内其他位置,比如另一个文件夹 回复(Reply) 将某个项发送或转发到另外一个位置...(Search) 进入搜索模式 评分最高(Top Rated) 显示用户评分最高的项 4.1.7 搜索栏 搜索栏获取用户键入的文本,用以作为搜索的关键字(下图中显示的文本为占位符,非用户输入文本...搜索栏可能包含以下这些可选元素: 占位符文本(Placeholder text)。...大多数搜索栏都会提供清除按钮,方便用户一键清空输入内容。 ? 一旦用户在文本框中输入内容,清除按钮就会出现,用户可以用它来一键清空输入内容;而当搜索框中没有任何文本内容时,清空按钮将被隐藏。...描述性标题是一个短而完整的句子,为搜索栏提供介绍或指引应用特定信息。 在你的应用中使用搜索栏让用户进行搜索。不要使用文本框,因为文本框的外观不符合用户对搜索的预期。

    18.4K51

    ES实战从零搭建高性能商品搜索系统

    为支持快速全文搜索,ES对文本采用倒排索引。...倒排索引构建 往ES写商品记录时,ES先对需搜索的字段(商品标题)进行分词,即把一段连续文本按语义拆成多个单词。然后ES按单词给商品记录做索引,就形成上表的倒排索引。...,因为它两个单词都能匹配上,所以按匹配度把结果做一个排序,最终返回的搜索结果: 苹果Apple iPhone XS Max (A2104) 256GB 金色 移动联通电信4G手机双卡双待 烟台红富士苹果...整个搜索过程,没有做过任何文本模糊匹配。ES的存储引擎存储倒排索引时,肯定不是像我们上面表格中展示那样存成一个二维表,实际上它的物理存储结构和InnoDB索引差不多,都是一颗查找树。...全文搜索性能最关键是采用倒排索引,一种特别为搜索而设计的索引结构: 先对需索引的字段进行分词 再以分词为索引组成一个查找树 就把一个全文匹配的查找转换成对树的查找 这是倒排索引能够快速进行搜索的根本原因

    3.2K31

    软件测试|MySQL LIKE:深入了解模糊查询

    基本语法MySQL中的LIKE操作符用于模糊匹配数据表中的文本字段。它允许使用通配符来代替具体的字符,从而实现更广泛的匹配。...匹配开头或结尾的字符接下来,我们查找所有以"iPhone"开头的产品:SELECT * FROM productsWHERE product_name LIKE 'iPhone%';这个查询将返回所有以..."iPhone"开头的产品记录。...LIKE操作符对于包含大量数据的表可能会比较慢,如果需要频繁进行模糊查询,可以考虑使用全文本搜索引擎如MySQL的全文本搜索功能(FULLTEXT)。...总结MySQL的LIKE操作符提供了强大的模糊查询功能,允许在文本字段中查找匹配特定模式的数据。通过使用通配符 % 和 _,可以灵活地进行模糊匹配。

    1.4K30

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

    栏(Bars) 栏,可以告诉用户在APP中当前在所在的位置、能提供导航,还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种:导航栏、搜索栏、侧边栏、状态栏、标签栏、工具栏。...警示框由标题、可选消息、一个或多个按钮以及用于收集用户输入信息的可选文本字段组成。除了这些可配置的元素外,警示框的视觉外观是静态的,无法自定义的。 ? 尽量少用警示框。...优化警示框文本,使其在任何方向上都无需滚动就能很好地阅读。 警示框标题和内容 尽可能写一些短小的、描述性比较强的多文本警告标题。...尽量不要在iPhone上使用浮层。一般来说,浮层主要应用于iPad上的APP(聚焦用户注意力)。在iPhone的APP中,通常会使用全屏模态视图来呈现信息,而不是弹出浮层来节省空间。...为了用户可以流畅地进行数据输入,在编辑文本视图期间显示的键盘,应该适合于该字段中的内容类型。例如,输入支付密码弹出的是数字键盘。

    14.6K31

    苹果进入下一个十年!抛弃英特尔,WWDC官宣将Mac迁移至自研芯片,首批年底上市

    除此之外,Big Sur的菜单栏现在变得更高且更透明,界面的字体颜色会根据桌面背景的颜色变化,下拉菜单更大了,行间距也变大了。用户可以把最常使用的项目固定在菜单栏的顶部。...新的浏览器可以用作应用启动器,以查找联系人或文档,甚至支持在应用内进行搜索。...其实现有搜索功能已经覆盖了大部分功能,但苹果的主要改动在于使整个外观看上去更像Mac上的Spotlight,它具有更紧凑的设计,可让搜索栏弹出到应用程序的顶部,不会遮挡屏幕内容。...iPadOS14还获得了对Apple Pencil更好的手写支持,新功能Scribble能将任何文本字段中的笔迹转换为实际文本,在设置时就已经支持了英语、繁体中文和简体中文。...Notes程序虽然早就可以像键入文字一样搜索手写文本,但是新版本对其进行了再次的更新,用户可以专门转换手写内容,并在需要的地方进行使用。

    4.4K30
    领券