我的安卓开发Android开发经验谈Android开发

Android , css float 问题

2017-10-12  本文已影响17人  alphet

(原创文章,转载请注明出处,谢谢大家!)

webview,里面包含其他异步加载内容,这块内容有3个状态,

“加载中”  “加载成功”  “加载失败”

一  加载中

加载中

二  加载成功

三  加载失败

后来,又产生了第4种状态:成功加载,但是内容已经无效,就是说不需要再展示给用户,ui上面就是隐藏整个加载框的内容,

今天分享下,第四种状态的具体代码:

WebView webview_detail=findViewById(R.id.webview_detail);

String elementId="load0";

String str="

 var divLoad=document.getElementById(elementId);

if(divLoad!=null){

divLoad.style.width=0;

divLoad.style.height=0;

divLoad.style.minHeight=0;

divLoad.style.border='0 #ffffff';

divLoad.style.marginTop=0;

divLoad.style.padding='0px 0px';

}else{

}

";

webview_detail.loadUrl("javascript:"+str);

这种方案需要注意一个地方:子元素是否有设置float属性,如果有,页面会产生莫名奇妙的空白,单单调整margin、padding是无法消除这个空白的,还需要将float属性设为none。

当然,第四种状态还有其他的实现方案,比如说

divLoad.style.display='none'

上一篇下一篇

猜你喜欢

热点阅读