J2ME GUI实战之9 ----------自定义控件布局，DIY Layout

最近，有项目中用LWUIT做UI时，发现GridLayout有个不好的地方，那就是。。。。。如下图：

可以发现，使用GridLayout是把控件按照界面长宽平分而排列的，左边的Label控件就占了冗余的地方。。。。。。。。。或许你会想到使用其他GridLayout来实现自适应的控件 并排效果，但是LWUIT原有的Layout是没有完全符合这个要求的，所以就只能靠自己DIY一个了。

以下，就是我按照原有GridLayout修改得来的新布局，如下图：

直接贴出修改的代码，其中的代码很大一部分是源自GridLayout.java（modify from GridLayout.java）,因此只把关键部分贴出来:

    public void layoutContainer(Container parent) {
        int width = parent.getLayoutWidth() - parent.getSideGap() - parent.getStyle().getPadding(Component.RIGHT) - parent.getStyle().getPadding(Component.LEFT);
        int height = parent.getLayoutHeight() - parent.getBottomGap() - parent.getStyle().getPadding(Component.BOTTOM) - parent.getStyle().getPadding(Component.TOP);
        int x = parent.getStyle().getPadding(Component.LEFT);
        int y = parent.getStyle().getPadding(Component.TOP);
        int numOfcomponents = parent.getComponentCount();
        //取得所有Label控件的最长字符串
        String str="";
        for(int i=0;i<numOfcomponents;i+=2)//Label控件处于0，2，4，6.......
        {
            String tmpstr=((Label)(parent.getComponentAt(i))).getText();
            if(tmpstr.length()>str.length())
                str=tmpstr;
        }
        //Label控件的长度
        int lbWidth=((Label)(parent.getComponentAt(0))).getStyle().getFont().stringWidth(str);
        lbWidth*=1.3;
        //与Label并行的控件的长度
        int cmpWidth = width-lbWidth;
        int cmpHeight;
        if (numOfcomponents > rows * columns) {
            cmpHeight  = (height)/(numOfcomponents/columns +1);//actual rows number
        } else {
            cmpHeight  = (height)/rows;  
        }
        int row = 0;        
        for(int i=0; i< numOfcomponents; i++){
            Component allCmp = parent.getComponentAt(i);
            Style cmpStyle = allCmp.getStyle();
            int marginLeft = cmpStyle.getMargin(Component.LEFT);
            int marginTop = cmpStyle.getMargin(Component.TOP);
            int marginRight = cmpStyle.getMargin(Component.RIGHT);
            int marginBottom= cmpStyle.getMargin(Component.BOTTOM);
            if(i%2==0){//如果是Label控件,偶数
                allCmp.setWidth(lbWidth - marginLeft - marginRight);
                allCmp.setX(x + marginLeft);
            }
            else{//如果是与Label控件并行的控件，奇数
                allCmp.setWidth(cmpWidth - marginLeft - marginRight);
                allCmp.setX(x + lbWidth + marginLeft);
            }
            allCmp.setHeight(cmpHeight - marginTop - marginBottom);
            allCmp.setY(y + row*cmpHeight + marginTop);
            if((i + 1)%columns == 0){
                row++;
            }
        }
    }