android 排版正常，ios排版为什么这样

davidhuang

jishuang 发表于 2018-10-16 09:19
那看自己的需求，如果要求隐藏可以设置隐藏

原因：ｉｏｓ系统手机显示ＡＰＰ的时候会有和手机状态了重合的情况！

解决方案：
panel组件上设置class属性x-has-iosstatusbar
参考：/UI2/demo/taobao/list.w
/*
                判断html标签是否有iosstatusbar,有测表示在苹果手机上运行，顶部需要留出20px，因此修改popover的top
                */
                var src=$("html").hasClass("iosstatusbar");
                if(src){
                        $(".x-popOver-overlay").css({"top":"108px"});
                }

panel组件上设置class属性x-has-iosstatusbar  ， 这个是怎么设置的？ 我给Panel加1个这样的属性加不了呀，不符合语法规范

jishuang

直接在class上加x-has-iosstatusbar啊
不是加一个这样的属性名啊

davidhuang

变量怎么可以有中画线？

davidhuang

好吧，我理解错了

你帮我看看，这算加了这个属性了吗，怎么没起作用

import java.util.Map;

import org.dom4j.Attribute;
import org.dom4j.Element;

import com.justep.ui.component.ComponentTemplate;
import com.justep.ui.util.CssUtils;
import com.justep.ui.util.PageUtils;

public class Panel implements ComponentTemplate {

        private Element eDef;

        // 固定常量
        private int iosStatusBarHeight = 20;
        private int defaultTopHeight = 48;
       
       
       
       

        public void execute(Element bound, Map<String, String> dataItems, Map<String, Object> props, Map<String, String> events, Map<String, Object> context) {
                this.eDef = bound;
               
                String thValue = null;
                String bhValue = null;
                int oValueInt = 0;
                int thValueInt = 0;
               
                // 生成class
        String windowURL = (String)context.get(PageUtils.WINDOW_FILE_URL);
        String xid = "p" + CssUtils.generateCID(windowURL + bound.getUniquePath());
                String className = xid + "-iosstatusbar";
                Element styleElement = eDef.addElement("style");

                Element top = (Element) eDef.selectSingleNode("*[contains(@class, 'x-panel-top')]");
                if (top != null) {
                        top.addAttribute("component", "$model/UI2/system/components/justep/panel/child");
                        thValue = top.attributeValue("height");
                        if (thValue != null)
                                oValueInt = Integer.parseInt(thValue);
                        else
                                oValueInt = defaultTopHeight;
                        thValueInt = oValueInt + iosStatusBarHeight;
                       
                        //wjw(2016-12-31)
                        Attribute attr =top.attribute("height");
                        if(attr !=null)
                                top.remove(attr);
                }

                Element bottom = (Element) eDef.selectSingleNode("*[contains(@class, 'x-panel-bottom')]");
                if (bottom != null) {
                        bottom.addAttribute("component", "$model/UI2/system/components/justep/panel/child");
                        bhValue = bottom.attributeValue("height");
                }

                Element content = (Element) eDef.selectSingleNode("*[contains(@class, 'x-panel-content')]");
                if(content != null){
                        content.addAttribute("component", "$model/UI2/system/components/justep/panel/child");
                }
               
                if (eDef.attribute("class") != null) {
                        Attribute styleAttr = eDef.attribute("class");
                        String style = styleAttr.getValue();
                        style = style + " " + className;
                        styleAttr.setValue(style);
                } else {
                        eDef.addAttribute("class", className);
                }
               
                String tStyle = ".x-panel.%s >.x-panel-top {" +
                                        "height: %dpx;" +
                                "}" +
                                ".x-panel.%s >.x-panel-content {        " +
                                        "top: %dpx;" +
                                        "bottom: %spx;" +
                                "}" +
                                ".x-panel.%s >.x-panel-bottom {" +
                                        "height: %spx;" +
                                "}" +
                                ".iosstatusbar .x-panel.%s >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.%s >.x-panel-top {" +
                                        "height: %dpx;" +
                                "}" +
                                ".iosstatusbar .x-panel.%s >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.%s >.x-panel-content {        " +
                                        "top: %dpx;" +
                                "}" +
                                ".iosstatusbar .x-panel .x-panel-content .x-panel.%s >.x-panel-top {" +
                                        "height: %dpx;" +
                                "}" +
                                ".iosstatusbar .x-panel .x-panel-content .x-panel.%s >.x-panel-content {" +
                                        "top: %dpx;" +
                                "}";
               
                styleElement.addText(String.format(tStyle,
                        className, oValueInt, className, oValueInt, bhValue, className, bhValue,
                        className, className, thValueInt, className, className, thValueInt, className, oValueInt, className, oValueInt));
               
        }

}

jishuang

什么意思？在.w的panel组件上class的属性值上加上x-has-iosstatusbar，跟java什么关系？

davidhuang

我用流程向导做的移动端页面没有什么Panel组件呀，为什么流转按钮会到wifi信号那个顶部

jishuang

把.w发一下