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

Android材质设计活动退出动画显示白屏

是指在Android应用中使用材质设计风格的活动退出动画时,出现了白屏闪烁的现象。

这种问题通常是由于活动退出时的动画过程中,界面的绘制没有及时完成,导致出现白屏。解决这个问题的方法有以下几种:

  1. 优化界面布局:检查活动布局文件,确保布局结构合理,避免嵌套过深或者过于复杂的布局。可以使用布局优化工具如Hierarchy Viewer来帮助分析布局性能。
  2. 减少视图层级:减少活动中视图的层级数量,可以通过合并或者优化视图结构来减少层级。可以使用工具如Layout Inspector来查看视图层级情况。
  3. 异步绘制:使用异步绘制技术,将绘制操作放在子线程中进行,避免在主线程中进行耗时的绘制操作。可以使用工具如RenderThread来进行异步绘制。
  4. 使用硬件加速:启用活动的硬件加速功能,可以加快界面的绘制速度。可以通过在活动的清单文件中设置android:hardwareAccelerated属性为true来启用硬件加速。
  5. 使用过渡动画:在活动退出时使用过渡动画,可以让界面平滑过渡,减少白屏的出现。可以使用Android提供的过渡动画框架或者第三方库来实现。
  6. 使用优化的绘制方法:在活动退出时,可以使用一些优化的绘制方法,如使用双缓冲技术、减少绘制区域等,来提高绘制效率。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云移动开发平台:https://cloud.tencent.com/product/mmp
  • 腾讯云移动推送:https://cloud.tencent.com/product/tpns
  • 腾讯云移动测试服务:https://cloud.tencent.com/product/mts
  • 腾讯云移动直播:https://cloud.tencent.com/product/mlvb
  • 腾讯云移动应用安全:https://cloud.tencent.com/product/msa
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android-App性能优化

及时反馈,点击事件,滑动,系统事件 UI 这个涉及到android的系统显示原理,我们简单了解一下: Android 显示过程可以简单概括为:Android 应用程序把经过测量,布局、绘制后的 surface...缓存数据,通过 SurfaceFlinger 把数据渲染到显示屏幕上, 通过 Android 的刷新机制来刷新数据。...,将其替换为主活动。...,这也是为什么启动app会出现白屏,这个问题,我也有提到过解决方式Anroid 白屏 Activity的创建 当Application首次启动完成绘制后,我们的UI线程会执行主活动进行以下操作:...合理使用动画,某些情况下可以用硬件加速方式来提供流畅度,或者采用自定义view代替动画,最后记得在Activity的ondestory()方法中调用Animation.cancle()进行动画停止。

2.1K40

Unity基础教程-物体运动(十)——环境交互(Movement with Consequences)

它具有一个带有索引参数的公共Select方法,该方法将有效的材质分配给渲染器(如果有效的话)。 ? 创建一个带有红色非活动区域和绿色活动区域的材质选择器组件,这将用于更改检测区域的可视化。...由于此方法具有整数参数,因此其值将显示在方法名称下方。默认情况下,它设置为零,表示不活动状态,因此将其设置为1。然后对退出事件执行相同的操作,这次将参数保留为零。 ?...(设置材质) 区域对象默认使用不活动的红色材质。只要有物体进入区域,将切换材质到绿色。当有东西离开这个区域时,它又会变成红色。 ?...在区域中保持活动状态时,使区域保持活动状态更加直观。使用保证进入和退出事件将严格交替的区域进行设计也更加容易。因此,它仅应在第一件东西进入时和最后一件东西离开时发出信号。...但是,Unity无法序列化通用事件类型,因此该事件不会显示在检查器中。我们必须创建自己的具体可序列化事件类型,该事件类型只是扩展UnityEvent。

3.1K10

LayaAir 2.0 正式版发布了,重要特性全面介绍

这样就可用在脚本里面设计显示参数,在IDE内输入参数,然后在脚本里面使用,这种标记同时支持AS,JS,TS三种语言,甚至还可用只写标记,脚本本身没有具体实现(在继承属性时会用得到) ?...UnlitMaterial是简化版的无光照材质,一般用于技能特效等,通过加色法或者透明混合结合刚体动画可以实现诸多特殊效果。...比如,新增动画多层混合播放、新增Animator动画融合功能crossFade、动画更新机制调整为实时插值、新增多种材质属性动画。...Animator动画调整为埃尔米特实时插值,可大幅减少内存并且在相同帧率下提升动画流畅度表现。 5、物理系统 LayaAir1.0物理功能非常匮乏,2.0重点对物理系统进行了重构设计。...比如,刚提到的各种onCollisonXX为物理碰撞时触发,包括进入碰撞,保持碰撞和退出碰撞。 8、其它 对于资源释放,在LayaAir1.0中一直是开发者比较头疼的事情。

4.3K20

Material Design技术分享

因为Material Design本是一种考虑事物本质的设计,将电子屏幕里的UI元素看成是一种不存在于现实世界的新的材质,并赋予它类似纸片与墨水的物理特性。...一、环境   Material环境是基于三维立体空间,每一个处于界面显示的UI对象都有一个三维坐标(x,y,z),一般来说在手机平面显示的位置相对于用户来讲只有平面xOy,但是有了z轴的加入,用户视角就变得更加立体...Design风格的应用,设计一个相对优秀体验的APP还需要更多的布局和动画细节设计。...(this, intent, activityOptions.toBundle());   makeSceneTransitionAnimation创建一个activityoptions并采用交叉场景动画实现活动之间的过渡...这个很好理解,传入的参数就是退出和进入的动画效果。

2.1K60

性能优化(一)APP 启动优化(不敢说秒开,但是最终优化完真不到 1s)

应该有的同学知道是怎么一回事儿了,当我们在系统桌面任意点击一个 APP 是不是会发现启动的时候有一瞬间有白屏出现(以前老版本是黑屏) 那么我们怎么来优化这个黑白屏的问题勒,现在我们先来了解一下 Android...APP 启动流程 这里会设计Android 系统源码的知识,但并不会深入解析源码,我们只是了解一个过程,因为太深入我自己也懵。 系统的启动 我在这里大致分为了 6 个步骤,下面以流程图为准 ?...APP 启动黑白屏问题 终于到了正题了,下面我们就来说下启动黑白屏的问题,还是先来看一个 GIF 吧。 市面上 APP 黑白屏 ?...从上面的一段录屏我们可以发现市面上常见的 APP 启动有的是白屏有的是做了优化。黑屏只有在 Android 4.n 具体是哪个版本我也忘了。那么现在我们就以我现在的真实项目来优化一下启动。...">true 但是: ​ 这 2 中方法会有一个问题,就是所有的 Activity 启动都会显示

85120

QQ 25年技术巡礼丨技术探索下的清新设计,打造轻盈简约的QQ9

01.极光动画 一天,设计师同学找到开发同学说想要做一种新的动画效果,能够像极光或者流水一样自由的变幻,看上去非常酷炫的一种效果,同时能够适配 QQ 的日间和夜间主题。...同时我们把动画的帧率从 60FPS 降低到了 30FPS,但这样的性能损耗,对于 CPU 还是有不少的压力,特别是在一些 Android 低端机型上,压力会更大。如何进一步提升性能呢?...此外,我们还遇到了一些其它兼容问题,例如下图中的白屏和花屏问题。...fialment 引擎目前支持 glb 和 gltf 两种格式的模型,里面包含了摄像机、纹理、皮肤、模型顶点数据、材质、光照、顶点数据、动画、骨骼等。...4.2 材质问题 为了营造更加酷炫的 3D 企鹅效果,我们想到把极光映射在 3D 企鹅上面,形成一种玻璃质感的效果。然而 3D 材质里面并没有一种材质叫玻璃材质

1.6K32

【Flutter】Flutter 启动白屏问题 ( 问题描述 | 在 launch_background.xml 中设置启动过渡 UI )

, 在 Launcher 主界面中 , 点击 Flutter 应用图标 , 之后出现白屏 1 ~ 5 秒 , 才能显示 Flutter 界面 ; 手机性能越高 , 白屏时间越短 ; 上述启动白屏问题...代码和资源加载到内存中 , 在内存中进行图像渲染 ; 从 Flutter 启动 , 到 渲染完毕 , 这个过程之间 , 没有任何内容显示 , 因此会出现白屏 ; 解决上述问题 , 与 Android...启动优化类似 , 给其加载一个默认背景界面 , 让 Flutter 应用在白屏的这几秒 , 显示一个图片 ; 直接参考 Android 启动优化方案 【Android 性能优化】应用启动优化 ( 主题背景图片设置...渲染之前 , 显示Android 视图 , 该视图会慢慢淡出 ; 将 launch_background.xml 设置为如下配置 , 打开 第二个 item 注释 , 然后配置一个图片 ; <?...配置文件 , 都需要修改 , 不要漏掉 ; Flutter 的启动变成下面的样式 : 在 Flutter 渲染完成之前 , 显示一张图像 ; 这里也可以显示动画 ; 三、博客源码 GitHub :

3.4K20

Android 音乐APP(二)启动白屏优化、定位当前播放歌曲

Android 音乐APP 启动优化 前言   Android应用冷启动时,又会短暂的黑屏或者白屏,然后才会进入主页面,黑屏是在Android版本低的时候才会出现,比如Android4.4、5.0。...而现在的Android版本出现的就是白屏。这个虽然不应用功能的使用,但是对用户来说体验感并不好。那么怎么解决这个问题呢?...到这一步,你再运行就不会有白屏了。启动后会一直停留在SplashActivity这里。 ③ 增加动画 那么现在启动页和白屏就搞定了,我也不想让我的启动页这么枯燥,所以我要加一个动画的效果进去。...移动时间为1s,然后监听这个动画,当动画结束时,进入MainActivity,水道渠成。那么现在运行一下: ? GIF放上来可能有点卡帧,但是在手机上效果是相当的nice。...当页面有歌曲播放时,滑动列表会显示定位按钮,停止2s后会隐藏定位按钮,下面就是要在点击定位按钮时,定位到当前播放歌曲,虽然目前还没有播放过歌曲。只是一个选中位置。

96710

探秘|QQ社交形象年度盘点设计密码

一、设计目标 年度盘点活动不同于主题运营活动,是对QQ用户年度高光时刻的总结。...四、视觉表现 1、信息传达 年终盘点活动与主题运营活动不同,繁冗的氛围传达并不等同清晰的信息传达,在活动设计上,我们希望一页只讲述一件事,弱化装饰,突出主体内容。...3、动效编排 我们根据页面场景的展示内容类型,进行动画节奏上的编排。保持信息传递的效率,并在需要氛围强化的环节增强动画吸引力。营造灵动的内容浏览体验,提升动画张力。...在动画的运动样式上,我们提炼出映射QQ社交场景的动态设计语言。通过模拟聊天气泡出现、新消息通知弹出、空间访客踩一踩等社交场景中的动画形式,透传QQ品牌调性,增强动画表现力。...3、隐藏款埋入 在QQ形象设计上,我们根据不同的社交关键词进行了不一样的设计,包括样式、材质、颜色等,这些不一样的设计在隐藏款上尤为突出。

58020

这回性能优化,从App的启动优化说起!

前言 本篇文章主要针对 Android性能优化 中App的启动优化App启动,相信大家都是非常熟悉了,那为何我们需要对App启动做优化呢,这里就要先对我们Android 从开机到启动我们的App进入主页面这一流程做一个简单的阐述了...一、Android启动流程 我们先来看一张流程图[1240] 首先呢,我们Android手机开机时是先加载一个Boot程序,有点类似Windows开机时的开机引导程序,然后通过Boot程序加载Lux内核...),然后启动开机欢迎动画(App欢迎页动画),最后进入到桌面(App主页面)....二、App启动时黑白屏问题 基于以上的启动流程 ,那么App启动优化的第一步就是从系统标识入手,我们手机开机时一般最先出现的是手机厂商的logo标识,而App启动时会先调用一个预显示窗口,这个窗口的样式一般是黑色或者白色...然后在application 到MainActivity 之间,还会有一个预显示窗口,就是出现的黑白屏。那我们怎么优化去除这个惹人厌的黑白屏呢?我们先看一下这个黑白屏从哪蹦出来的。

82630

Android启动页黑屏及最优解决方案

作者:拉丁吴 https://juejin.im/post/58ad90518ac2472a2ad9b684 前言 相信做过Android的朋友都知道,当一个APP启动时,界面会首先展示一个白屏或者黑屏...那么这个黑屏或者白屏到底是怎么一回事呢?它的最好的解决方案应该是怎样的呢?今天我们认真的讨论一下这个小问题。...于是系统根据你的manifest文件设置的主题颜色的不同来展示一个白屏或者黑屏。而这个黑(白)屏正式的称呼应该是Preview Window,即预览窗口。...解决方案 既然决定解决这个问题,那么从哪里入手呢,Android在选择展示黑屏或者白屏的时候,是根据你设定的主题而不同的,也就是说,虽然你的代码没有被执行,你的配置文件却被提前读取了,用来作为展示Preview...可是我们的APP都是有欢迎页的,从preview window跳转到欢迎页是不可避免的,这样的话,两个界面的切换就会显得很突兀的, 所以强迫症的我们,尝试让这两个界面的切换变成一个界面的变化,从而进一步提升显示效果

1.7K30

Android 12上全新的应用启动画面,还不适配一下?

画面 用途 Splash Screen 展示品牌Logo或Slogan Advertisement Screen 展示节日活动或日常广告 Guide Screen 演示重点功能,一般只展示一次 ?...也许官方也注意到了这点,便精心设计了Splash Screen API,并在Android 12里重磅推出。 有了这个全新特性的帮助,启动画面的定制将更加自由、方便。...自定义动画Icon 动画形式的Icon可以增添设计和创意,使得启动流程更加流畅和有趣。...现有的ViewTreeObserver的OnPreDrawListener回调是可以挂起描画的,如果我们在数据准备好之后再放行描画,就可以间接地延长启动画面的显示。...在这个回调里可以开始退出效果的定制,包括整体的退出动画和图标的退出动画。 监听启动画面的退出 向SplashScreen注册OnExitAnimationListener接口即可监听启动画面的退出

2.8K30

Hybrid App 应用 开发中 9 个必备知识点复习(WebView 调试 等)

它脱离于 UIWebView 的设计,将原本的设计拆分成14个类,和3个代理协议,虽然是这样但是了解之后其实用法比较简单,依照职责单一的原则,每个协议做的事情根据功能分类。...(这个时候 webView.URL 取值尚不为nil)解决白屏问题。...检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView crash问题 如果 WKWebView 退出的时候,JS刚好执行了 window.alert(), alert 框可能弹不出来,completionHandler 最后没有被执行...,同时和系统的整合交互方面(比如启动画面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。

3.1K00

Hybrid App 应用开发中 9 个必备知识点复习

它脱离于 UIWebView 的设计,将原本的设计拆分成14个类,和3个代理协议,虽然是这样但是了解之后其实用法比较简单,依照职责单一的原则,每个协议做的事情根据功能分类。...webView.URL 取值尚不为 nil)解决白屏问题。...检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView crash问题 如果 WKWebView 退出的时候,JS刚好执行了 window.alert(), alert 框可能弹不出来, completionHandler 最后没有被执行...,同时和系统的整合交互方面(比如启动画面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。

2.3K30

浅谈android性能优化之启动过程(冷启动和热启动)

2、热启动:当启动应用时,后台已有该应用的进程(例:按back键、home键,应用虽然会退出,但是该应用的进程是依然会保留在后台,可进入任务列表查看),所以在已有进程的情况下,这种启动会从已有的进程中来启动应用...三、冷启动过程中碰到的白屏黑屏以及优化启动时间 1、白屏问题 : android studio升级 2.0之后 加上Instant Run,Instant Run为了能够让我们快速部署代码,背后其实是有一套非常复杂的逻辑的...,比如要在APK中建立服务器与Android Studio进行通信,以及代码差异比对和替换等,在研发过程中可能出现白屏问题, 一般release版的程序是不会出现这种现象的; 如果接下来还会出现白屏问题...reportFullyDrawn()方法显示的log也是类似这样: ActivityManager: Displayed com.Android.myexample/.StartupTiming: +768ms...根据不同情况(是否有启动窗口,是否有启动画面等等), 事件和窗口发生的实际顺序可能会有不同。对于一个简单的app来说,你会首先见到启动窗口,然后渐变出app真实的UI。

2.8K31

【Hybrid】288- Hybrid App 应用开发中 9 个必备知识点复习

它脱离于 UIWebView 的设计,将原本的设计拆分成14个类,和3个代理协议,虽然是这样但是了解之后其实用法比较简单,依照职责单一的原则,每个协议做的事情根据功能分类。...webView.URL 取值尚不为 nil)解决白屏问题。...检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView crash问题 如果 WKWebView 退出的时候,JS刚好执行了 window.alert(), alert 框可能弹不出来, completionHandler 最后没有被执行...,同时和系统的整合交互方面(比如启动画面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。

2.3K20

Android 启动优化说明、黑白屏处理

Android 启动优化说明、黑白屏处理 前言 正文 一、启动来历 二、启动说明 1. 冷启动 2. 热启动 3. 温启动 4. 冷启动流程 5. 优化时间 6. 优化方案 三、黑白屏处理 1....热启动   用户退出当前应用但是进程未被杀死(销毁)。就比如我现在在使用某一个App,然后我收到了一个微信消息,我点击消息去微信了,然后这个App从前台进入后台。但是应用依然在后台运行,进程未被杀死。...三、黑白屏处理   在默认Android的App启动时会有一个预览页,这个预览页在Android低版本中是黑色的,高版本中是白色的,俗称黑白屏,比如这样, 你会看到有短暂的屏幕一片空白的情况。...可以看到没有白屏,实际上是利用了这个白屏的预览页,我们其实也可以仿照这个网易云的启动,怎么做呢。 1....下面运行一下: 看到这个效果如何,你会发现我没有动画效果,但是效果是这个文字后面显示出来的。

1.1K30

Hybrid App 应用开发中 9 个必备知识点复习

它脱离于 UIWebView 的设计,将原本的设计拆分成14个类,和3个代理协议,虽然是这样但是了解之后其实用法比较简单,依照职责单一的原则,每个协议做的事情根据功能分类。...(这个时候 webView.URL 取值尚不为 nil)解决白屏问题。...检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView crash问题 如果 WKWebView 退出的时候,JS刚好执行了 window.alert(), alert 框可能弹不出来, completionHandler 最后没有被执行...,同时和系统的整合交互方面(比如启动画面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。

2.6K20

React Native Android启动屏,启动白屏,闪现白屏

React Native Android启动屏,启动白屏,闪现白屏 尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 本文出自《React Native...这期间由于js bundle还没有完成装载并渲染,所以界面显示的是白屏白屏给人的感觉很不友好,那有没有办法不显示白屏呢? 上文解释了:为什么React Native应用会在启动的时候显示一会白屏。...下面我就教大家如何给React Native Android加启动屏,并解决启动白屏的问题。...为React Native Android添加启动屏(解决白屏等待问题) 为了实现为React Native Android添加启动屏,我们需要给React Native动刀了了。...另外,跟大家分享一个Android启动时闪现白屏或黑屏的解决方案。 这个问题是Android主题的问题和React Native无关,请往下看。

2.2K90
领券