首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏HarmonyOS点石成金

    鸿蒙开发:沉浸效果实现

    鸿蒙当中实现沉浸效果,可以使用安全区域设置或者应用窗口管理进行实现。 安全区域实现沉浸 安全区域是指页面的显示区域,也就是状态栏、导航栏区域之外的区域,没有特殊的情况,默认下开发者开发的界面都是在安全区域内,如下图,粉色的区域就是安全区域。 应用窗口管理,有一点好处是,可以让所有的页面统一实现沉浸的效果,使用window中setWindowLayoutFullScreen方法,主要作用是设置主窗口或子窗口的布局是否为沉浸布局。 窗口管理中,也是需要注意,当沉浸设置之后,安全区域的内容,一定要避开导航条和状态栏,和上面的安全区域实现的方式是一样的,这个一定要注意。 状态栏属性设置 当然了,窗口管理中,不仅仅可以实现沉浸的效果,还可以更改状态栏的背景,字体颜色等功能,比如,我们把状态栏背景设置成红色背景,白色字体。

    88210编辑于 2025-01-08
  • 来自专栏鸿蒙开发笔记

    鸿蒙开发实战案例:沉浸适配案例

    本案例分别针对Navigation、滚动、Web页、底部弹框等场景实现了沉浸适配,且介绍了实现沉浸适配的两种方案。 效果图预览使用说明:首页顶部是Navigation沉浸,滑动商品列表是滚动场景沉浸点击首页的banner进入web页展示Web页沉浸点击商品进入商品详情页,展示普通页沉浸点击商品详情页的商品评论弹出评论弹框展示底部弹框沉浸实现思路页面的显示区域 而要实现沉浸效果,则需要设置组件绘制内容突破安全区域的限制。 1.OpenHarmony开发基础2.OpenHarmony北向开发环境搭建3.鸿蒙南向开发环境的搭建4.鸿蒙生态应用开发白皮书V2.0 & V3.05.鸿蒙开发面试真题(含参考答案) 6.TypeScript 因此该方案只适用于全应用进行沉浸适配,且所有页面都采用此种方案。如果是单页面适配沉浸,推荐使用组件安全区方案。滚动场景使用窗口全屏布局方案进行沉浸适配时,尾项不从导航条底部出现。

    69320编辑于 2025-03-02
  • 来自专栏音视频技术

    沉浸媒体

    他分享了沉浸媒体的进展与演进路线,展现了可期的多媒体新体验。 文 / 王田 整理 / LiveVideoStack 概览: 什么是Immersive Media? 我们可以称之为沉浸或浸入的媒体。作为一种体验,人们对这方面的需求,或者愿望可以追溯到很远。广义上来说,通过音视频的技术,产生身临其境的感觉,就叫做浸入的媒体。 众所周知,当你戴上VR头盔之后会有非常强烈的沉浸在现场的感觉。而近几年,Immersive Media变得越来越热,很大的一个原因就是VR的兴起。 一个很重要的趋势就是沉浸的Immersive Media,当然并不是说Immersive是未来唯一的方向,还有其它重要的方向,比如:超高清—8K,或者媒体智能化等方向。 开始是3自由度,360度的,给大家带来一个沉浸的体验,未来还有向6自由度的转移。后面会具体讲解,3自由度和6自由度的含义。

    1.9K30发布于 2021-09-01
  • 来自专栏张志敏的技术专栏

    Android 沉浸全屏

    Android 沉浸全屏 Android 4.4 带来了沉浸全屏体验, 在沉浸全屏模式下, 状态栏、 虚拟按键动态隐藏, 应用可 以使用完整的屏幕空间, 按照 Google 的说法, 给用户一种 SystemUiFlags.HideNavigation; Window.DecorView.SystemUiVisibility = uiOpts; 在普通全屏模式下, 应用可以占据屏幕的全部空间, 当用户触摸屏幕的任何部分时, 会自动退出全屏模 沉浸模式 (Immersive) 沉浸模式通过设置下面的标记位实现: var uiOpts = uiOpts = SystemUiFlags.LayoutStable | SystemUiFlags.LayoutHideNavigation , 应用占据屏幕的全部空间, 只有当用户从屏幕的上方边沿处向下划动时, 才会退出沉浸 模式, 用户触摸屏幕其它部分是, 不会退出该模式, 这种模式比较适用于阅读器、 杂志类应用。 黏性沉浸模式 (Sticky Immersive) 黏性沉浸模式通过设置下面的标记位来实现: uiOpts = SystemUiFlags.LayoutStable | SystemUiFlags.LayoutHideNavigation

    2K20发布于 2020-08-10
  • 来自专栏日常技术分享

    Flutter 沉浸布局

    body: CustomScrollView( slivers: <Widget>[ SliverAppBar( title: Text('沉浸布局

    1.2K10发布于 2021-01-21
  • 来自专栏季春二九

    沉浸翻译-沉浸双语网页翻译浏览器扩展插件

    沉浸双语网页翻译扩展。保留原文内容。 除了插件本身外还可以使用其脚本,放到ios上使用。基本囊亏了全部平台。 主要特性 智能识别网页主内容区进行翻译,区别于同类插件翻译网页所有区域的行为,降低对原网页的“侵入性”,增强阅读体验,所以该扩展被命名为“沉浸翻译”。 双语显示,中文/英文对照。

    1.3K40编辑于 2023-03-22
  • 来自专栏博客·技术专栏

    IDEA沉浸编程体验

    沉浸编程 体验了Fleet之后,如果不习惯使用VSCode的情况下,如何打造一个沉浸的编码环境呢? 空间越大,我们一屏能展示的代码量也就越多,写起代码来自然也就更能专注当下,更加沉浸于整个编码过程。 如履平地 本着**即用即开(用到什么功能再开什么功能)**的原则。 如鱼得水 看完前面的内容并熟练使用,已经可以极大的提高开发效率了,开启沉浸编程体验! 下面的内容呢。可能不太使用于大部分人了。

    1.1K20编辑于 2022-11-24
  • 来自专栏阿策小和尚

    Android 沉浸状态栏 以及 伪沉浸状态栏

    和尚我最近在调整页面状态栏的效果,主要包括沉浸状态栏和伪沉浸状态栏(同事唠嗑给定义的玩的)。 前段时间整理过一篇 Android 沉浸状态栏的多种样式,现在和尚我在稍微的补充一下,都是在日常应用中测试整理的。 就和尚我接触的项目中根据业务不同,不是所有的标题栏都是 Toolbar 标题栏样式,很多是自定义的标题栏样式,为了效果统一,和尚我的解决方案是修改顶部状态栏的颜色为程序的主题色,戏称为伪沉浸状态栏

    1.9K41发布于 2019-08-12
  • 来自专栏生信技能树

    沉浸体验WGBS(上游)

    沉浸体验WGBS(上游) 甲基化芯片数据处理我是有视频课程的 首先需要阅读我在生信技能树的甲基化系列教程,目录如下: 01-甲基化的一些基础知识.pdf 02-甲基化芯片的一般分析流程.pdf 03

    4.3K10编辑于 2023-02-27
  • 来自专栏腾讯社交用户体验设计

    如何打造沉浸盛典体验

    在此设计师倾向用故事化的思维去策划整体运营,用有代入感的故事包装和引人入胜的情节画面作为情绪触点,加深用户的品牌印象,并为其带来沉浸的视觉体验。

    55930编辑于 2023-05-25
  • 来自专栏HarmonyOSNext

    【HarmonyOS Next】原生沉浸界面

    因此,这篇帖子是介绍设置的方法,也是应用沉浸效果。如下图:底部的绿色延伸到上面的状态栏和下面的导航栏UI在鸿蒙应用中,全屏UI元素分为状态栏、应用界面和导航栏。 一般实现应用沉浸效果由两种方式:窗口全屏布局方案:调整布局系统为全屏布局,界面元素延伸到状态栏和导航条区域实现沉浸效果。组件延伸方案:组件布局在应用界面区域,通过接口方法延伸到状态栏和导航栏。 SafeAreaEdge.BOTTOM]) } .width('100%') .height('100%') .backgroundColor(Color.Orange) }}总结如果不是全部界面都需要实现沉浸布局时 ,可以通过组件延伸方案去实现部分组件的沉浸布局。

    51910编辑于 2024-12-24
  • 来自专栏媒矿工厂

    Ambidio:沉浸立体声

    演讲的主要内容是介绍Ambidio这种新的沉浸音频,并对它的效果评估和使用方法进行了讲解。 Pei-lun首先介绍了沉浸音频的特点,以及目前的终端设备由于音响个数和音响之间距离的限制,沉浸音频的实现有很多困难。 Pei-lun指出Ambidio的得分普遍高于现有的立体声格式,表明Ambidio能够提供更好的沉浸体验。 Steve现场演示了几种不同的音频的处理效果,指出Ambidio不会产生新的音频文件,只是使得现有的音响设备能够提供沉浸的效果,并表明Ambidio的使用是非常简单易学的,而且不会改变音频的压缩参数,

    97930发布于 2020-03-19
  • HarmonyNEXT:沉浸效果实现

    本文标签:HarmonyOS/ArkUI本文支持的API>=18之所以要实现沉浸效果,最主要的目的就是提升用户体验,使状态栏的效果和页面的主题保持一致,增加视觉上的体验,试想一下,如果没有沉浸,在视觉上会显得很是突兀 正因为有了沉浸,才让开发的应用在视觉上显得是那么的清新,可以说,目前市面上的很多应用,都已经适配了沉浸,我们可以随便打开一个应用,比如微信,比如支付宝,比如各个购物软件,其顶部的透明化状态栏可以说是随处可见 我们需要知道的是,沉浸效果,主要是指通过隐藏或透明化状态栏和导航栏,使应用内容扩展至屏幕边缘,也就是扩展到顶部的状态栏区域和底部的导航栏区域,主要的目的,上面也说了,就是为了提升用户体验。 鸿蒙开发当中,实现一个沉浸,可以说是十分的简单,目前有两种实现方式,一种是页面内独立设置,也就是安全区域避让,另一种是全局配置。 安全区域避让安全区域避让,主要是通过在页面内给组件设置expandSafeArea属性来实现沉浸效果,大家一定要知道,所谓的安全区域就是指页面的显示区域,也就是状态栏、导航栏区域之外的区域。

    27900编辑于 2025-06-24
  • 来自专栏GopherCoder

    沉浸Github 使用指南 』

    后来自己想要学习Git 这个分布版本控制工具而注册Github,伊始Github 完全是个人的代码备份空间。 和网盘的功能类似:备份个人代码。虽然代码都是些零零碎碎。不值得看的代码。

    1.2K30发布于 2018-06-06
  • 来自专栏肖蕾的博客

    Android 沉浸适配 4.4+

    Android 沉浸适配 4.4+ 默认的主题 (/values/styles.xml) <style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar

    80030发布于 2019-04-17
  • 来自专栏小汪Waud

    优质网页插件——沉浸翻译

    找着找着,发现了一款非常棒的浏览器插件——沉浸翻译,特推荐给大家。 “沉浸翻译是一款免费的,好用的,没有废话的,革命性的,饱受赞誉的,AI 驱动的双语网页翻译扩展,帮助你有效地打破信息差,在手机上也可以用!” 2沉浸阅读外文网站 通过智能识别网页主内容区域并进行双语对照翻译,仅需将鼠标停留在任意网页的任意段落上,相应的译文就会立即出现在段落下方。 段落在在沉浸翻译的设计理念中被视为最小单位,保留其上下文,这样我们才能真正理解并学习外语。 6全平台支持 除了各大桌面端浏览器,移动设备也可享受同样的沉浸翻译体验。

    97230编辑于 2023-09-18
  • 来自专栏Android源码框架分析

    全屏、沉浸、fitSystemWindow使用及原理分析:全方位控制“沉浸”的实现

    下面就来分析一下,APP层的API如何影响SystemUI的显示的,并一步步解开所谓沉浸与全屏的原理,首先看一下如何更改状态栏颜色。 实际应用中经常将状态栏或者导航栏设置为透明色:即想要沉浸体验,这个时候背景颜色View就不在被绘制,但是,默认样式下DecorView的内容绘制区域并未扩展到状态栏、或者导航栏下面(TRANSLUCENT 沉浸全屏 如上图:由于背景透明,所以状态栏与导航栏背景色View都没有被添加,其次,由于设置了View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION fitSystemWindow不互斥 设置颜色与扩展布局是不互斥的两种操作 fitSystemWindow只会通过padding方式来消费WindowInsets 作者:看书的小蜗牛 原文链接: 全屏、沉浸 、fitSystemWindow使用及原理分析:全方位控制“沉浸”的实现 仅供参考,欢迎指正

    6.7K40发布于 2018-06-29
  • 来自专栏《C++与 AI:个人经验分享合集》

    《AI赋能鸿蒙Next,打造极致沉浸感游戏》

    在游戏开发领域,鸿蒙Next系统与人工智能技术的结合为开发者们带来了前所未有的机遇,使打造更具沉浸感的游戏成为可能。以下将深入探讨如何利用人工智能在鸿蒙Next上开发出令人身临其境的游戏。 借助AI创建逼真游戏场景 利用AI生成游戏场景是提升沉浸感的重要手段。 借助AI提升游戏画面质量 鸿蒙Next系统本身具备强大的图形渲染能力,结合人工智能技术,可以进一步提升游戏的画面质量。 总之,人工智能在鸿蒙Next游戏开发中的应用潜力巨大,能够为玩家带来更加沉浸、真实和个性化的游戏体验。 开发者们应积极探索和创新,充分发挥人工智能的优势,结合鸿蒙Next系统的特性,打造出更多高品质、富有沉浸感的游戏作品,推动游戏行业的发展进入一个新的高度。

    20710编辑于 2025-01-20
  • 来自专栏Android群英传

    FlutterComponent最佳实践之沉浸

    沉浸状态栏,在Android开发中是一个比较麻烦的地方,因为不同的机型和版本兼容问题太多了,API变化也快,但是到了Flutter,一切问题都解决了,因为整个区域都是Skia绘制的,要什么都行,随便来 默认就是沉浸,只能说,Google的设计师,真是不懂行情。 ❞ 我们来看下iOS的效果。 没什么好适配的,干就完了了。 状态栏沉浸 再来看看Android。 AppBar沉浸 下面再来看看AppBar的沉浸设置,它给我们提供了backgroundColor的设置,我们只需要把默认的elevation干掉即可。 Text(widget.title), backgroundColor: Colors.transparent, elevation: 0, ), 这样就可以实现AppBar的沉浸了 ListView的沉浸 我们把AppBar也干掉,因为有时候我们需要自己来实现AppBar,所以,来看下ListView的沉浸

    1.9K40编辑于 2022-04-01
  • 来自专栏腾讯社交用户体验设计

    跨界设计 | 沉浸新媒体

    2012年,Random International的作品《雨屋》正式开启了大众对沉浸体验的认识,近年随着teamLab、Punchdrunk等互动体验展演的火爆,沉浸新媒体设计不仅成为了炙手可热的包装概念 视觉互动的起承转合不但将观众的沉浸体验最大化,同时也升华了圣母大教堂的神性与历史精神。 对互联网产品设计而言,我们能调用的触点也许仅有区区一屏,但用户在获取虚拟体验时的沉浸感知却和实境体验是相似的,因此设计师也可以参考以下几点: · 利用五感塑造场景:不仅从视觉层雕琢,更要调动触觉(设备震动 Infinity Blue ©️Studio Swine HAIR HIGHWAY 和场景设计不同,影片同样也是另一种常见的沉浸表现手法。 沉浸新媒体设计为人们提供了孵化情感和思想的超感官空间,而互动场域中的人才是成就作品的最终环节。 真正的沉浸是思维的沉浸, 环境的营造只是想象力的引路人。

    1.1K20发布于 2019-06-12
领券