沉浸式体验UI库 -- ImmersiveUI

2024-05-20 11:26:35

沉浸式体验UI库 – ImmersiveUI

ImmersiveUI 库提供了隐藏状态栏、透明状态栏、透明导航栏(虚拟按键)的功能, 同时还能实现真正的全屏, 即隐藏状态栏、隐藏back、home、menu键等虚拟键, 且不会因触摸屏幕而退出全屏.

附上github地址, 欢迎star和fork:
https://github.com/panespanes/ImmersiveUI/

集成方法

首先, 在你项目的build.gradle(也就是root gradle)最后加上maven地址:
如果使用gradle:

    allprojects {repositories {...maven { url "https://jitpack.io" }}}

如果使用maven:

<repositories><repository><id>jitpack.io</id><url>https://jitpack.io</url></repository></repositories>

接下来, 直接在需要集成这个库的module的build.gradle文件中添加引用:

    dependencies {compile 'com.github.panespanes:ImmersiveUI:-SNAPSHOT'}

如何使用

只需一行代码即可:

  ImmersiveUI.immersive(activity);

把这行代码添加到你的activity的setContent(res);方法执行之后.
接下来用一张全屏图片看看效果吧:

状态栏和导航栏都变为透明了! 是不是很简单?

更多

刚才展示了如何把状态栏与导航栏同时变为透明, 其实也可以单独只改变状态栏而导航栏还是默认的样式:

或者单独改变底部导航栏, 状态栏仍然是系统默认:

也可以隐藏顶部状态栏:

实现全屏功能:

    ImmersiveUI.fullScreen(activity);

效果是这样的:

点击屏幕不会退出全屏模式, 只有当手指从屏幕顶端往下划或从底部向上拉才会显示出状态栏和导航栏:

最后, 当你不再需要沉浸式UI, 你可以调用

  ImmersiveUI.quit(activity);

回到默认状态.

再次附上github地址, 欢迎star和fork:
https://github.com/panespanes/ImmersiveUI/
项目中的sample工程有各种方法的预览, 可供参考和快速选择最合适自己的效果

沉浸式体验UI库 -- ImmersiveUI相关推荐

带你沉浸式体验删库跑路
前言:学习的过程比较枯燥,后面会记录一些比较有意思的东西,比如程序员之间流传的删库跑路的梗,当然本次测试是在虚拟机上进行的并进行了快照保护,所以其实没太大问题. 首先得要有一个虚拟机要有一个linu ...
3D沉浸式体验开发技巧【Three.js】
在本文中,我们将看看如何使用 Three.js 创建一个充满后期效果和微交互的迷你城市. 推荐:将 NSDT场景编辑器加入你的3D开发工具链. 1.背景介绍我是一个游戏爱好者. 我一直梦想创建一个 ...
“沉浸式”体验？异形屏适配？我把他们扒光了明明白白告诉你应该这样做
看似复杂的沉浸式体验设计,其实也就是在处理以下两个 System UI与用户布局(setContentView)之间说不清理还乱的关系: StatusBar 系统状态栏 NavigationBar 系 ...
【有美女看】提升用户体验，你不得不知道的事儿——巧用全屏与沉浸式体验，让用户更舒心~...
最近公司项目中要求写一个视频直播录像及视频观看的功能,额,就本能地去看了一波当下主流的一些视频类APP,发现在爱奇艺等播放器中,在播放视频的时候都是fullScreen的,而这个在各大手游中也体现的比 ...
android 沉浸式_【沉浸式体验】投影秀科技与视觉：体验亦真亦幻的超常感受
沉浸式投影作为一种新型的交互方式受大众关注全面覆盖观众视角展现给参与者带来了亦真亦幻的超常感受为参与者带来身临其境的体验感投影秀科技与视觉+美学的结合让你的活动与众不同一起体验投影秀的魅 ...
VR全景为家装赋能，沉浸式体验家装设计效果
房子.车子是我们目前难以解决的两大难题,很多人需要两代人的努力才能够买一套房子,然后还得经历等待交房.进行装修等一大堆事情才能住进去.尤其是室内装修,很多人都是有着痛苦的经历的,因为自己忙前忙后,结果 ...
将渲染计算搬到云端，开启低成本、强交互、沉浸式体验
云渲染可以解放本地计算需求,这意味着生产力的大幅提升. 云渲染的基本原理是将3D渲染应用部署到云端,接收本地的控制指令发送到云端,云端启动游戏引擎并进行画面渲染,编码成视频流传输到本地. 不难看出,云 ...
观展指南|《星火·新生》沉浸式体验展倒计时1天
薪火文明,和光同行, 星火凝聚的意志,在不同的时间--不期而遇: 星辰大海,同运共生, 新生荟萃的溢彩,在不同的空间--交相辉映: 在此刻,在未来,遇见你我-- 现场直播如果来不了展会现场朋友们,我 ...
云XR平台支持沉浸式体验应用快速落地
近日,阿里云与平行云联合发布云 XR 平台,降低云端视觉计算应用的开发门槛,加速数字孪生.虚拟人.虚拟现实.沉浸式体验与虚拟仿真平台等 XR 应用落地,帮助互联网.新零售.社交.工业.交通.城市管理等 ...

最新文章

热门文章