Danny
Danny
  • 发布:2015-06-01 11:12
  • 更新:2015-06-02 08:23
  • 阅读:2220

背景色不为白色的WebView切换时变色问题

分类:MUI

A.html:div方式的tab bar,背景色为白色,tab bar为灰色。
B.html:Header + Content方式的主子页面,header背景色和content背景色为避免切换闪屏,设置为同一种颜色(#EFEFF4)。

在A转场到B时:
A底部tab bar会变色;
B背景会变成其他颜色,再变回来;
B返回到A时,A背景为白色没变化,A底部tab bar又出现变色。

这时要闹哪样啊啊啊啊啊,背景色到底还如何设置,如何使用十六进制、RGB、RGBA啊啊啊啊啊

2015-06-01 11:12 负责人:无 分享
已邀请:
DCloud_UNI_CHB

DCloud_UNI_CHB

你的页面转场动画是什么?pop-in?

Danny

Danny (作者) - QQ125904483

Bingo,转场动画设置为slide-in-right就没问题,pop-in问题还真是挺多,只能暂时放弃这个动画了。

DCloud_UNI_CHB

DCloud_UNI_CHB

若要使用pop-in,暂时不要使用rgba()函数,可先替换为rgb() 函数;

DCloud_heavensoft

DCloud_heavensoft

ask置顶贴就是pop-in使用注意。其中写道了rgba的问题。
http://ask.dcloud.net.cn/article/225

popin会放大二次渲染的过程,而rgba是典型的二次渲染。

Danny

Danny (作者) - QQ125904483

”使用pop-in动画如果发现bar的背景色变色,一般是因为bar的背景色设置了透明度,就是rgba里面的那个a。
浏览器在渲染透明度时反应比较慢,建议把透明度去掉。
以前在silde-in-right上变色不明显,是因为在移动过程中,新窗体仍在渲染。
在pop-in上,为了保证2个窗体的挤压效果,我们控制了在窗体移动时不渲染,所以变色问题就会突出。“

1.把background-color: rgba(247, 247, 247, .98);用background-color: rgb(247, 247, 247);替换,这并没有什么卵用。
2.在移动过程中不渲染会带来副作用,比方说那种header-content模式的主子界面,会出现页面已经显示出来了,才显示header上的标题。

非常感谢各位的回复,你们在考虑考虑咋优化下,下个版本我再换pop-in。

该问题目前已经被锁定, 无法添加新回复