萧箫 发自 凹非寺 量子位 | 公众号 QbitAI 赶在春节前，各家国产安卓旗舰机陆续上市，从小米12 Pro、荣耀Magic V、iQOO 9 Pro，到一加10 Pro、realme真我GT2 Pro...V，特殊场景下自动识别定位并弹出应用窗口，像到快递站弹收货码，到机场弹登机牌，到地铁口弹乘车码： …… 花哨的功能并非突然冒出来的。...一起来看看这些新应用背后的技术“底细”。 从人眼追踪到“电子围栏” 先来看看AI在摄影、办公通勤、通信等场景的新应用。 摄影上，最好玩的功能要属小米12 Pro的“万物追焦”了。...除此之外，小米12 Pro的“万物追焦”还首次实现了人眼追焦功能，近距离锁定人眼，远距离放大到全身。...从NR噪声消除、MEMC运动补偿、多帧融合，再到自研AI Deglare和RAWHDR等算法，能用上的AI算法着实不少。
承接“Java快速教程”，我将开始写安卓相关的文章。 安卓（Android）开发主要使用Java语言。Java语言基础，是安卓开发的第一道门槛。再者，一个好的安卓应用往往配合有远程服务器。...然而，考虑到移动端已经取得的巨大成功，以及移动端尚待开发的巨大潜力，移动端开发的技能都相当值得“上手”。安卓的相关历史，可见Android的历史与花边。 安卓开发的最好资料是Google的文档。...JDK可以编译Java代码，所以是安卓开发所必须的。如果JDK缺失，你可以到Oracle的官网下载并安装。在Linux系统下，也可以安装应用商店中的openJDK。...创建新应用后，我们就到了Eclipse的主界面: ? 左侧的Package Explorer中可以浏览HelloWorld应用下的所有文件。点击后，文件内容将在右侧的编辑器主界面中打开。...模拟器从你的电脑中分出计算和存储资源，生成一个虚拟的安卓设备。HelloWorld应用将安装到模拟器中。可以在右下角的Console监视整个过程。 ?
这里多注意1个Tips：像下图例子中的左侧图片，右侧按钮这些固定宽度的子元素，不需要增加“flex:1”的能力，维持原样即可。...子元素的宽度不会根据内容的长短而发生改变。如下图所示，前台同学增加或删减tab数量，只需要增减DOM结构即可，无需样式的修改。...★重点兼容TIPS: 不要给flexbox里的子元素设置“margin:auto”的属性，在部分安卓机下，它会导致该元素的宽度撑开到100%占位 【Demo Link】: https://jsfiddle.net...使用传统的flxed写法总是会给一些安卓机带来无法避免的烦人bug。其实只要巧妙利用flexbox的转换方向的属性，就可以轻松实现这个结构模型了。...3.黄色标注的分辨率为Top6的热门分辨率，占比超过iOS市场87%，Android市场的50%（安卓分辨率太多，剩余50%分辨率占比较为均分零散，故暂不列入必测范围）。
这里多注意1个Tips：像下图例子中的左侧图片，右侧按钮这些固定宽度的子元素，不需要增加“flex:1”的能力，维持原样即可。 ? ?...子元素的宽度不会根据内容的长短而发生改变。如下图所示，前台同学增加或删减tab数量，只需要增减DOM结构即可，无需样式的修改。 ?...★重点兼容TIPS: 不要给flexbox里的子元素设置“margin:auto”的属性，在部分安卓机下，它会导致该元素的宽度撑开到100%占位 ?...使用传统的flxed写法总是会给一些安卓机带来无法避免的烦人bug。其实只要巧妙利用flexbox的转换方向的属性，就可以轻松实现这个结构模型了。...3.黄色标注的分辨率为Top6的热门分辨率，占比超过iOS市场87%，Android市场的50%（安卓分辨率太多，剩余50%分辨率占比较为均分零散，故暂不列入必测范围）。
最近几天学了几个ReactNative组件，总觉得单纯的学几个组件进步慢，所以我打算做一些综合性的小案例，练习下实战，我从网上找到一个小案例 ，感觉挺好，也学习了很多，代码内容可能不太一样，主要区别是...// headerRight:{}, // 设置导航条右侧。可以是按钮或者其他。 // headerLeft:{}, // 设置导航条左侧。可以是按钮或者其他。...如果想去掉安卓导航条底部阴影可以添加elevation: 0,iOS去掉阴影是。...安卓上如果要设置文字居中，只要添加alignSelf:'center'就可以了 // headerBackTitleStyle:{}, // 设置导航条返回文字样式。...// gesturesEnabled:true, // 是否支持滑动返回收拾，iOS默认支持，安卓默认关闭 // TabNavigator 属性部分 /
，对于喜欢使用图标字体的同学来说，当然希望小程序中也能使用。...你可以用如下写法： var title = '详情页'; // 这是从服务端返回的数据 wx.setNavigationBarTitle({ title: title }) 7、公用CSS & js.../utils/util.js'); 9、动态删除评论 小程序里面是没有节点的插入和删除的，只能通过show，hide来实现，这里说一下评论内容比较多的时候如何删除评论？...(res) { } }) 12、IOS下文字间距和安卓区别 这个问题是今天遇到的一个坑人问题，做了一个左右布局，左侧图片，右侧文字。...代码写完后，发现安卓正常，但是IOS下右侧明显比左侧高。因为字体，字号都一样，纠结了一会儿，设置了line-height: 1;然后就OK了。
然后，在白天，只有你手工开启了“设置”>“显示与亮度” 菜单下的深色模式，它才有效果。至于安卓用户，截止3月22日文章发布的时间，官网依然没有更新。安卓的小伙伴就再等等吧。开启后效果如下： ?...请注意，以上内容为截图取色，可能存在不准的情况。但是可以看到，微信在Tab背景上并不是使用的纯白或者纯黑色。...（左侧色卡为浅色模式，右侧为深色模式，下同） 另外，以上取色均没有考虑透明度，在实际应用中需要考虑透明度的使用。而对于Tab背景来说，亮色模式和黑暗模式均沿用透明毛玻璃效果。...聊天列表页面 左侧色卡为浅色模式，右侧为深色模式，均没有考虑透明度影响。 ? 图标颜色分析对比 在聊天列表，通讯录列表页面，系统图标在两种模式下的颜色均保持一致，未做改变。...但在发现页面中，列表左侧的icon颜色则有略微变化。总体来说，黑暗模式下比亮色模式下的图标颜色更“亮”。是不是这里比较拗口？也就是下图中，右侧比左侧的图标，亮度提升啦！ ?
前言 本文主要介绍如何在Linux Ubuntu系统安装code-server，并结合cpolar内网穿透工具配置公网地址，轻松实现使用安卓手机、平板等设备远程使用vscode开发写代码。...安卓平板测试访问 打开安卓浏览器,任意浏览器,输入上面的链接即可访问成功 5.固定域名公网地址 在cpolar内网穿透中,因为我们刚刚创建的隧道选择是免费随机临时隧道，它生成的公网地址会在24小时内变化...子域名保留成功后，我们将子域名复制下来，接下来需要将其配置绑定到隧道中去。...登录cpolar web ui管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到需要配置二级子域名的隧道（本例中为code-server隧道），点击右侧的编辑 修改隧道信息，将二级子域名配置到隧道中：...打开安卓浏览器输入上面的固定http链接即可访问成功 6.结语 在安卓使用vscode主要是连接一个远程的code-server服务，code-server服务安装在什么系统,调用的就是什么系统的环境,
前言 首先看个效果图： 这里背景是native的，左侧边栏也是native的，右侧内容是透明web页面，是不是很酷炫的样子，而且我们还可以自己加蒙版背景，是不是很酷。...这个场景非常适合左侧目录是本地的，然后内容是加载web页面，这样可以实时跟新内容，而且不会像纯h5那样尴尬。 跟多场景小伙伴可以自己挖掘，只是提供一个思路。 ?...实现步骤 1.web页面设置透明（opacity） 2.安卓webview控件设置透明 3.阻止跳转自带浏览器 4.优化：web页面缓存以及定时缓存清理 1.web页面设置透明...http://blog.csdn.net/github_33304260/article/details/71779983">Android自定义View【实战教程】5⃣️---Canvas详解及代码绘制安卓机器人...>这些缓存资源是由于浏览器的行为而产生，开发者只能通过配置HTTP响应头影响浏览器的行为才能间接地影响到这些缓存数据。
EasyCVR平台基于云边端一体化架构，具有强大的数据接入、处理及分发能力。...平台可在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，可实现的视频功能包括：视频实时直播、云端录像、云存储、回放与检索、智能告警、服务器集群、平台级联、云台控制等。...近期有用户提出想在其定制版EasyCVR平台增加数据可视化页面，具体要求为：页面视频列表放置左侧，中间为单分屏和四分屏视频播放，右侧为通过websocket实时获取的告警信息，概念图如下：根据用户要求，...按照以下步骤即可实现上图效果：1、左侧列表根据需求修改点击时的设备通道字体颜色，以及滚动条样式，首先增加以下样式：2、切换四分屏播放，需保留原先单分屏正在播放的视频流并监听分配变化，增加如下代码：3、右侧部分...EasyCVR目前已经在大量的线下场景中落地应用，如智慧工厂、智慧工地、智慧安防、智慧校园、智慧水利等。感兴趣的用户可以前往演示平台进行体验或部署测试。
很多人都在好奇：从安迪·鲁宾的想法到席卷30亿台设备，从一个相机操作系统到全球最大的操作系统，Android是如何取得成功的？安卓的成功有哪些经验与教训？...Android开发者关系首席倡导者、2010年加入Android并服务至今，曾领导安卓的UI工具包团队的Chet Haase花费四年时间，采访早期Android团队的大部分成员，深入幕后，挖掘Android...Chet Haase认为：与任何一个成功的项目一样，取得成功通常有很多促成因素，但一切都是从团队开始的。 好的团队会做出好的决策。...安全性从几年前开始变得越来越重要，而Android从一开始就提供了安全性基础，并根植于内核和硬件的底层。...更多关于安卓的传奇发家史尽在《安卓传奇》一书，欢迎大家阅读此书了解更多内容。 限时下单立减50，快快扫码抢购吧！
通过改变“故事”的产出物，移动用户体验与用户之间建立起一种联系，从最初的惊喜到后来的信任，最终变成一种尊重。...Tinder（美国著名约X社交软件）是一个完美的例子，向左或向右滑动给用户带来的愉悦远远高于点击左侧或者右侧按钮，滑动的动作本身带来的感觉就是一种速度的感知或者控制力的满足。...（3）了解设计样式 同一个产品在iOS和安卓上的用户体验应当保持一致性，但是导航样式又应当有区别。如果你把iOS的样式运用在安卓的app中，你会闹出很多笑话，甚至把用户吓跑。...比如，你可能会注意到在大多数安卓app中会有一个抽屉式菜单，而相应的iOS端则是一个在屏幕底部的tab切换栏，如果设计师把这种tab切换方式用到安卓app中，用户可能会有种美国人第一次在伦敦开车的感觉（...TED的app在iOS和安卓上的混乱就是一个典型的反面例子。
.9.PNG是安卓开发里面的一种特殊的图片，这种格式的图片通过ADT自带的编辑工具生成，使用九宫格切分的方法，使图片支持在android 环境下的自适应展示。...什么叫.9.PNG呢，这是安卓开发里面的一种特殊的图片 这种格式的图片在android 环境下具有自适应调节大小的能力。...（1）允许开发人员定义可扩展区域，当需要延伸图片以填充比图片本身更大区域时，可扩展区的内容被延展。 （2）允许开发人员定义内容显示区，用于显示文字或其他内容 ?...如下图所示： 左侧和上方的黑线交叉的部分即可扩展区域 右侧和下方的黑线交叉的部分即内容显示区域(如做button背景图时，button上文字的显示区域) 用它可以实现部分拉伸，从而实现图片在安卓系统上的完美应用...拆过系统framework-res.apk包的机油们细心点看，里面有许多有.9.PNG后缀的图片 这些图片是经过安卓的工具进行特殊处理过的，如果不处理的话，直接用PNG图就会有失真，拉伸不正常的现象出现
而关于 Off Canvas 导航，这里提供结合开发主题过程及网络上的资料，从个人认知的角度介绍下 Off Canvas 导航。...Off Canvas 简介 Off Canvas 导航相比也不陌生，在一些安卓应用（如谷歌的一些官方应用、易信、WordPress 安卓版）上常常能到——看到当你点击应用中的一个按钮时，会从左边或者右边侧拉出一个菜单...移动设备中空间极为有限，要显示最重要的内容，一些次要的或者不常用的内容最好做暂时隐藏处理，而专为移动端而生的Off-Canvas 就是这么一种“潜力无穷”的布局模式。...左侧或右侧），然后通过绑定某个鼠标或touch 事件调出导航菜单。...考虑到移动设备的性能，不同的方法产生的效率是不同的，而这也是我们不得不予以重视的。
webkit浏览器下滚动条可以自定义，其中resize区域大小就是scrollbar的大小，于是，我们可以将整个拉伸区域变成和容器一样高。...后来经过我的研究发现，resize属性的拖拽bar和滚动条的拖拽bar是一个体系里面的东西，只需要对滚动条进行自定义，就能间接设置resize bar的尺寸。...resize-bar"> 左侧的内容...，左侧的内容，左侧的内容，左侧的内容 右侧的内容，右侧的内容，右侧的内容，右侧的内容 利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无
前言 本系列是基于React Native版本号0.44.3写的。我们都知道，一个App不可能只有一个不变的界面，而是通过多个界面间的跳转来呈现不同的内容。那么这篇文章将介绍RN中的导航。...Navigator 从0.44版本开始，Navigator被从react native的核心组件库中剥离到了一个名为react-native-deprecated-custom-components的单独模块中...headerBackTitleStyle：设置导航栏‘返回’文字样式 headerTintColor：设置导航栏颜色 headerPressColorAndroid：安卓独有的设置颜色纹理...，需要安卓版本大于5.0 gesturesEnabled：是否支持滑动返回手势，iOS默认支持，安卓默认关闭 screen：对应界面名称，需要填入import...之后的页面 mode：定义跳转风格 card：使用iOS和安卓默认的风格 modal：iOS独有的使屏幕从底部画出。
点击你需要恢复的跟谁的记录，点击恢复到电脑，会弹出一个路径，如下图所示，选择好路径后点击恢复。恢复完成后就可以用电子表格打开你恢复的文件，里面就是你需要恢复的聊天记录了。...Root前安卓手机需要打开“开发者选项”并开启“USB调试”功能，由于安卓手机机型众多，建议可以针对自己的机型在百度上搜索其他人的经验，可以事半功倍！...1、 执行安卓微信恢复向导 首先运行微信恢复工具MMRecovery，如下图在右侧快捷恢复入口，点击 “安卓微信恢复 ”按钮，将会弹出“微信恢复向导”对话框。 ?...3、一键导出微信资源文件（可选操作） 如果想查看聊天内容中的图片、语音或视频等信息，如上图可以点击“一键导出微信资源文件”按钮导出微信资源文件。...5、查看恢复的微信聊天记录 如下图中红色方框中的“5”表示恢复出来的已被删除的聊天记录的数量，双击左侧用户信息，右侧就可看到该用户的聊天信息了。
研究这个问题的背景： 众所周知，ios下垂直和水平滚动条都是默认不出现，用户滑动时，才显示，滑动结束以后，又隐藏滚动条。...横向滚动条默认隐藏，用户很可能会忽略右侧被隐藏的部分，由于模块的特殊性，让滚动条默认出现是成本的小的处理方案。...因此就有了让滚动条默认出现的需求了 安卓下是默认滚动条出现的，因此不再今天的讨论范围 在研究ios下让滚动条默认出现的过程中遇到几个坑，和大家分享一下 scrollbar基本知识 首先了解一下scrollbar...属性是定义是否使用回弹效果；默认值是auto;当-webkit-overflow-scrolling设置为touch时，ios会有回弹效果，但是，此时对于滚动条设置的所有样式就会失效，浏览器会使用系统默认的样式以及默认滚动条不显示...总结： 1、滚动条也是可以设置hover和active的 ?
然而，在测试阶段，我发现部分品牌（如 vivo 和一加）的安卓浏览器中禁止滚动的效果失效了。 为什么 body.style.overflow = 'hidden' 会在部分安卓浏览器中失效?...**使用固定定位的容器**：可以尝试使用一个固定定位的容器包裹你的内容，然后隐藏滚动条。...**高度调整**：确保 `body` 的高度和内容足够大以产生滚动条，然后应用 `overflow: hidden`。...如果 `` 的高度设置为小于视口高度，`overflow: hidden` 将无法阻止滚动，因为页面没有足够的内容生成滚动条。...这个问题在某些老旧版本的安卓浏览器和 WebView 实现中较为常见。
当然只有在安卓5.0以上才有效果 gesturesEnabled:是否支持滑动返回手势。...iOS默认支持，安卓默认关闭 screen:对应界面名称，需要填入import之后的页面 mode:定义跳转风格 card:使用iOS和安卓默认的风格。...pressColor：material涟漪效果的颜色（安卓版本需要大于5.0） pressOpacity：按压标签的透明度变化（安卓版本需要小于5.0） scrollEnabled：是否启用可滚动选项卡...默认为左侧位置 contentComponent - 用于呈现抽屉内容的组件，例如导航项。 接收抽屉的导航。...- 当您的标签是字符串时，要覆盖内容部分中的文本样式的样式对象 二、案例 2.1StackNavigation案例 集成第三方库 使用npm安装react-navigation库，--save表示将该组件写入到
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
云直播
实时音视频
