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

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

状态栏: 是透明的 始终固定在整个屏幕的上边缘 API注释 你可以将全应用的状态栏风格设计成统一的,或者给不同的视图控制器定义不同的状态栏风格。...千万千万,避免在状态栏后面叠加会分散注意力的内容。尤其是,你不能让用户觉得轻击状态栏之后可以获取内容或激活你的应用中的控件。 隐藏状态栏时请慎重。由于状态栏透明的,通常情况下不需要隐藏它。...导航栏: 是半透明的 通常位于屏幕的上方,状态栏正下方。...确保你自定义的导航栏在你的应用的每个视图中都拥有一致的外观与体验。举个例子,不要在同一个应用中使用不透明导航栏和半透明工具栏。...用户习惯了在系统内置地图中进行交互,因此他们会有预期,能在你所提供的地图中进行类似的行为。 使用标准的地图标注颜色。地图上标注了一系列地点。

10.1K51

移动端常用的meta总结

声明viewport口 viewport对于移动端设备来说非常的重要,用于定义口的各种行为。...,单位为像素 height 正整数或device-height 定义口的高度,单位为像素 initial-scale [0.0-10.0] 定义初始缩放值 minimum-scale...content的值为 default(状态栏将为正常的,即白色,网页从状态栏以下开始显示) | black(状态栏将为黑色,网页从状态栏以下开始显示) | black-translucent(状态栏将为灰色半透明...,网页将充满整个屏幕,状态栏会盖在网页之上)。...name="nightmode" content="enable|disable"/> //->夜间模式 强制图片显示:UC浏览器为了节省流量,为用户提供了无图模式,但是如果页面的图片是必不可少的,验证码的

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

    腾讯地图车道级导航上线全国360+城市,开启导航新纪元

    何在各种黑科技的加持下 轻松拿捏每一个分岔路口 让你看得真、开得酷!...,实现车道级定位 车道级自适应引导技术 结合了海量导航轨迹、 精准的路网数据以及 小图自主研发的车道级引导算法 为图粉们带来全方位的驾驶助手 无论是在高速公路的连续出口 城市的复杂交叉路口 图粉们都能获得高效和准确的引导...智能提示及时纠偏免扣分; 改变路线、偏航时 迅速识别并重新规划路线…… 即使是在高铁站、飞机场 新手司机也不再迷路 看得更真 智能动态调整导航视野 能在连续多路口或视线受限的路段 开启“上帝视角” 大型交叉口或连续弯道...让大家在到达路口前就做足变道准备 自研的“干扰道路动态半透算法” 能实时计算导航路线上层道路的透明效果 让大家在经过交叉、重叠路段时 也能从导航里看清上下层道路 先进的渲染实例化技术 结合智能运镜、..., 在导航地图中开启 游戏同款名车伴你上路的酷炫体验 如今,腾讯地图每天为用户 规划了7亿km的车道级里程 无论是最北边的大兴安岭漠河 最南端的三沙市 最西端的新疆帕米尔高原 最东端的黑龙江和乌苏里江交界

    12310

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

    有时,导航栏的右侧也会有一个控件,“编辑”或“完成”按钮,用于管理活动视图中的内容。在拆分视图中,导航栏可能会显示在拆分视图的单个窗格中。...隐藏状态栏下的内容。默认情况下,状态栏的背景是透明的,是可以看到背后的内容的。保持状态栏可读,并不意味着其背后的内容是可交互的。...有几种常见的技术可以做到这一点: · 在APP中使用导航栏,该导航栏会自动显示状态栏背景,并确保内容不会显示在状态栏背后 · 在状态栏背后显示自定义图像,渐变色或纯色 · 在状态栏背后放置模糊的视图...在“照片”应用中浏览全屏照片时,只需轻按一次即可再次显示状态栏。 五、标签栏(Tab Bars) 标签栏出现在页面底部,可以在APP的不同模块之间快速切换。标签栏是半透明的,也可添加背景颜色。...如果需要提供对当前视图中的元素起作用的控件,请改用工具栏。 争取获得正确数量的标签。标签太多会减少每个标签的可点击区域,并增加应用程序的复杂性,这会使人们更难找到信息。

    9.9K10

    一文详解ORB-SLAM3中的地图管理

    1.基本概念 ·共视图 Covisibility Graph: 共视图是一个加权无向图,图中每个节点是相机的位姿,如果两个位姿的关键帧拍摄到的相同关键点的数量达到一定值(论文设定为至少15个),则认为两个关键帧具有共关系...Essential Graph中的节点依旧是全部的关键帧对应的位姿,连接的边包含三种边:Spanning Tree的边、共视图中关系强(共视点数量超过100)的边、以及回环时形成的边。...1) 选择候选帧 当每次获得一个关键帧时,都会判断是否与之前的关键帧发生了回环。...位姿计算:通过Horn+RANSAC方法初步计算两个关键帧之间的变换关系,之后将待吞并地图地图点通过这个变换投射到当前关键帧Ka上,再利用引导匹配的方法获得更丰富的匹配并进行非线性优化,获得精确的变换...衔接区域的局部BA优化:融合后与Ka具有共关系的关键帧参与局部BA优化,为避免gauge freedom,固定之前活跃地图中的关键帧而移动其他的关键帧。

    1.5K10

    一文详解ORB-SLAM3中的地图管理

    1.基本概念 ·共视图 Covisibility Graph: 共视图是一个加权无向图,图中每个节点是相机的位姿,如果两个位姿的关键帧拍摄到的相同关键点的数量达到一定值(论文设定为至少15个),则认为两个关键帧具有共关系...Essential Graph中的节点依旧是全部的关键帧对应的位姿,连接的边包含三种边:Spanning Tree的边、共视图中关系强(共视点数量超过100)的边、以及回环时形成的边。...1) 选择候选帧 当每次获得一个关键帧时,都会判断是否与之前的关键帧发生了回环。...位姿计算:通过Horn+RANSAC方法初步计算两个关键帧之间的变换关系,之后将待吞并地图地图点通过这个变换投射到当前关键帧Ka上,再利用引导匹配的方法获得更丰富的匹配并进行非线性优化,获得精确的变换...衔接区域的局部BA优化:融合后与Ka具有共关系的关键帧参与局部BA优化,为避免gauge freedom,固定之前活跃地图中的关键帧而移动其他的关键帧。

    1.1K30

    Android 天气APP(二十四)地图天气(上)自动定位和地图点击定位

    public void initData(Bundle savedInstanceState) { StatusBarUtil.transparencyBar(context);//透明状态栏...,在页面初始化initData()的时候修改状态栏的背景和字体颜色。....target(latLng)//设置地图中心点,传入经纬度对象 .zoom(13.0f);//设置地图缩放级别 13...然后赋值给一个全局的经纬度变量,再把这个变量放到定位数据里,再设置成地图中心坐标,最后渲染出来,就可以做到,我点那里就定位到哪里了,指哪打哪。OK,没有效果图那就是扯淡,运行一下: ?...最后就是在定位监听返回时获得坐标时,进行反编译 ? 运行一下: ? OK,现在已经拿到相应的省市县数据了,那么就可以进行天气的数据渲染和请求了。

    2K20

    一文详解ORB-SLAM3

    中期的数据关联:匹配相机累计误差小的地图,这也可以用在BA中,当系统在已经建好的地图中运行的时候可以达到零漂移。...在本文的工作中我们提出了基于三个关键insights的快速精准的初始化方法: 纯单目SLAM可以提供非常精确的初始地图,但是不知道尺度。所以可以加入Imu获得尺度信息。...初始化后我们有按一定尺度比的由十个相机位姿和数百个3D点组成的地图。利用图2中纯视觉的模型进行BA优化。这些位姿被转换到机体坐标系下获得轨迹 。...为了改进初始估计,在初始化后5秒和15秒进行惯性BA,收敛到1%尺度误差,第七节所示。...这个方法的关键是:在大多数情况下我们需要验证的信息已经都在地图中了,为了验证位置重识别,我们在active地图中和Ka共的两个关键帧(共帧中共地图点超过一定的阈值。

    1.8K20

    一文详解ORB-SLAM3

    中期的数据关联:匹配相机累计误差小的地图,这也可以用在BA中,当系统在已经建好的地图中运行的时候可以达到零漂移。...在本文的工作中我们提出了基于三个关键insights的快速精准的初始化方法: 纯单目SLAM可以提供非常精确的初始地图,但是不知道尺度。所以可以加入Imu获得尺度信息。...初始化后我们有按一定尺度比的由十个相机位姿和数百个3D点组成的地图。利用图2中纯视觉的模型进行BA优化。这些位姿被转换到机体坐标系下获得轨迹 ? 。 纯惯导的MAP估计:惯导的状态向量为: ?...为了改进初始估计,在初始化后5秒和15秒进行惯性BA,收敛到1%尺度误差,第七节所示。...这个方法的关键是:在大多数情况下我们需要验证的信息已经都在地图中了,为了验证位置重识别,我们在active地图中和Ka共的两个关键帧(共帧中共地图点超过一定的阈值。

    2.1K01

    多会话、面向定位的轻量级激光雷达(LiDAR)建图方法

    语义特征提取:根据城市环境的先验知识,选择了几种特定类型的语义地标,电线杆、道路、建筑物和围栏,作为地图元素。这些元素通常存在于城市环境中,并具有紧凑的几何表示。...轻量级地图结构:在线地图生成过程中,初始化和更新线和平面地标,其中数据关联基于基于质心的最近邻搜索方法构建了共结构。...在线地图制作和集中式地图服务器分别显示为绿色和橙色的块。子地图包括轻量级地标,包括线和平面,以及关键帧和地标之间的共连接。...多会话LiDAR地图制作的地标定义和因素:使用LOAM获取的里程计因素(绿色),使用GraffMatch获取的环路因素(蓝色),以及通过提出的捆绑调整获得的激光因素(红色)。...为了减小地图的大小和后续优化的维度,这些地标在多个子图中的实例将根据图匹配结果或质心距离而合并。

    39130

    Mars3D三维可视化平台

    通过 Mars3D产品可快速实现浏览器和移动端上美观、流畅的三维地图呈现与空间分析。...场景工具 提供了Popup鼠标单击弹窗、Tooltip鼠标移入弹窗、右键菜单的内置工具,可以方便的对地图、图层、数据进行绑定和交互。...提供了状态栏、导航球、比例尺、分屏比对、卷帘比对等多种场景工具;提供空中、室内、行人步行、车辆贴地等多种飞行漫游路线功能; 5.空间分析能力 提供了包括距离、面积、高度、角度、剖面、体积等多种量算分析功能...;提供通、可视域、缓冲、日照、坡度坡向、淹没分析功能;提供了等高线、天际线、地表透明、地形开挖、模型剖切、模型裁剪、模型开挖等功能。...高度兼容第三方 提供对ArcGIS、OGC、SuperMap、各类在线地图、百度高德服务等各类第3方地图与服务的全面支持。

    1.7K20

    Android 沉浸式解析和轮子使用

    在上图中: 非沉浸模式 —— 展示了应用进入沉浸模式之前的状态。也展示了设置 IMMERSIVE 标签后用户滑动展示系统栏的状态。...1.1.2 两种使用这个属性的方式: 在使用时候,我们通常需要考虑的是状态栏一值显示在顶部而不会隐藏或者被遮挡(其他 app 情况:读书 app 或者是游戏 app 则需要隐藏顶部状态栏),所以只需要通过代码设置...style> 二、ZanImmersionBar 轮子的原理和使用 在实际开发过程中,我们不仅仅只会遇到以上三种版本兼容问题,还需要考虑:不同手机品牌,动态该状态栏背景,以及 Fragment 中需要有自己的状态栏颜色场景...() //透明导航栏,不写默认黑色(设置此方法,fullScreen()方法自动为true) .transparentBar() //透明状态栏和导航栏...(R.color.colorPrimary) //同时自定义状态栏和导航栏颜色,不写默认状态栏透明色,导航栏为黑色 .statusBarAlpha(0.3f) //状态栏透明

    3.2K10

    SLAM组负责人刘骁:三维视觉与机器人

    从概率角度看,假设给定一系列传感器,则有两个待估计量需要计算:姿态与路标(一般指空间中的几何特征点、线、面等),从而整个SLAM问题可以归结为一个后验概率最大的问题。 ?...为了获得高鲁棒性的定位效果,当前多采用基于深度学习的提取描述子的方法。 一般的定位流程如下:离线时,用前文的SLAM地图构建方法建立一个稀疏的点云地图,同时对关键帧提取全局和局部特征,构建数据库。...下图展示的是高精度到点的算法效果,图中搭载该套算法的是旷S500机器人,它正在进行滚轮对接的demo演示。...下图展示了一个完全基于图像检测的语义SLAM系统,它能够通过检测地图中的物体来对其进行识别与定位。...下图展示了在已经建好的稀疏三维地图中,仅使用分割信息作为观测,不使用任何描述子,而是通过特征点的位置和类别的方式进行定位的过程。

    2.1K40

    论文翻译 | ORB-SLAM3:一个用于视觉、视觉惯性和多地图SLAM系统

    是第一个可以重用历史所有算法得到的信息的系统,也就以为着之前的共关键帧也可以用来一起BA(无论是地图集里活动地图还是非活动地图的共关键帧). 3 介绍 在过去的二十年里,通过单独使用摄像机或与惯性传感器相结合....我们提出了一种新的位置识别算法,首先检查候选关键帧的几何一致性,然后检查与三个可共关键帧的局部一致性,这三个关键帧在大多数情况下已经在地图中.这种策略提高了查全率,增加了数据关联度,提高了地图精度,...,在活动地图中的关键帧和地图集中的不同地图中的匹配关键帧之间,使用对齐变换进行地图合并操作.需要确保Mm中的信息能被tracking线程及时调用,避免地图重复.因此作者建议将引入坐标系,并且中信息较多,...、及其共关键帧以及它们观察到的所有地图点。...首秀是地图点融合:融合窗口由匹配的关键帧组合而成,检测到重复的点进行融合,在共性和本质图中创建新的关联.

    4.4K40

    一键切换亮色模式和暗色模式,用Figma搞定!

    例如,在上图中,我们展示了该按钮在浅色和深色主题中的外观。图标,文本和计数器具有恒定的颜色。按钮的背景有变化,但其中的内容未更改。...1.1颜色样式-灰度样式 灰度颜色是可更改的样式,因为在黑暗模式下应用相同的颜色时时,您将不会获得与在明亮模式下相同的效果。...为了创建这些颜色的阴影,我们将基础颜色的透明度应用于背景。例如,对于浅色版本,我们对白色应用了10%的蓝色透明度,对深色版本,我们对黑色应用了25%的蓝色透明度。...为了使此功能起作用,应该区别对待可以“自适应”的状态栏和“非自适应”的状态栏。 3.总结 让我们总结一下,系统样式的总体结构如上图所示。...如何在亮色模式和暗色模式之间切换 设置好设计系统后,就可以轻松地将组件和模块切换为暗色模式了。为此,您将需要一个名为Appearance的插件,该插件可以在Figma社区找到。

    19K11

    unity3d新手入门必备教程

    再打开Max文件,导出为FBX文件,使用默认设置,FBX文件也放置在和Max文件相同的目录下,    导出的时候,可以将模型简单的分类,地面、植被、楼房等,也可以将模型分为几个区域,小区1,小区...播放按钮和状态栏这个按钮用来在游戏视图中播放,暂停和步进你的游戏。在你构建场景的任何时候,你都可以进入播放模式 (Play Mode)并看看你的游戏是如何工作的。    ...右侧的状态栏有多种不同的作用。它将提供上下文敏感信息和提示,错误信息和来自与脚本的输出语句。如果你的游戏有任何问题,查看状态栏将是昀好的发现问题的方法。...当武器被绘制时,不透明部分将完全覆盖所有已显示部分,而不论武器与墙有多么接近。    ...你可以将地图放置在屏幕的右下角,或者将×××提示放置在屏幕的左上角。只要一点设置工作,你就可以使用口矩形 (Viewport Rectangle)来创建特有的行为。

    6.3K10

    CollapsingToolbarLayout使用

    注意,没有设置这个属性时,默认使用Toolbar的标题;statusBarScrim顶部视图折叠状态下,状态栏的遮罩色。通常这样设置:app:statusBarScrim="?...attr/colorPrimaryDark",即style样式中定义的沉浸式状态栏颜色。...,效果图中所示;contentScrim内容遮罩,上下滚动时图片上面显示和隐藏的遮罩色,Toolbar位置的的背景色;通常这样设置:app:contentScrim="?...colorPrimary",即显示为Toolbar颜色,应用的主题色;layout_collapseMode折叠模式,设置其他控件滚动时自身的交互行为,有两种取值:parallax,折叠视差效果,比如上述效果图中的图片...;pin,固定别针效果,比如上图中的Toolbar;layout_collapseParallaxMultiplier不折叠视差系数,配合parallax模式使用,取值有点类似alpha(不透明度),在

    2.5K60

    一文详解高精地图构建与SLAM感知优化建图策略

    如上图中地图基础建图中有多种方法。其中,GPS 导航适合于室外空旷驾驶道路中的移动车辆,在封闭场景(隧道、山路等)中 GPS 的信号较弱,无法用于移动机器人的定位导航。...,增量式地构建具有全局一致性的地图,同时确定自身在这个地图中的位置。...基于视觉感知的SLAM基础建图构建 在SLAM算法构建中,前摄像头/激光雷达化身“智能采集终端”,众包生产“动态高精地图数据”,动态高精地图的本质是实时交通数据的时空载体,众包数据是高频更新的核心。...如上图表示了一种典型的视觉SLAM技术方案框图,其中整个智能驾驶摄像头(包含前、侧视、环视以及后摄像头等)形成SLAM的输入数据端,使用单目相机的 SLAM 称为单目视觉 SLAM,单目相机使用一个摄像头进行移动机器人的定位...下面将对激光雷达点云建图中一种基本的线段拟合防范进行简单说明。 ?

    6.6K31
    领券