layout - Scout Eclipse Neon 两列固定宽度

Question

我有表格，我想把它组织成两列。首先是长且可滚动的，其他需要始终保持在右侧。第二列的宽度需要很小，这样就不会占用太多的屏幕空间。

我的代码看起来像这样：

@Order(1000.0)
public class MainBox extends AbstractGroupBox {

    @Override
    protected TriState getConfiguredScrollable() {

      return TriState.FALSE;
    }

    @Order(1000.0)
    public class OfferBox extends SxAbstractGroupBox {

      @Override
      protected TriState getConfiguredScrollable() {

        return TriState.TRUE;
      }

      @Override
      protected int getConfiguredGridColumnCount() {

        return 1;
      }

      @Override
      protected int getConfiguredGridX() {

        return 0;
      }

      @Override
      protected int getConfiguredGridY() {

        return 0;
      }

      @Override
      protected double getConfiguredGridWeightX() {

        return 1; // This should stretch this box 
      }
      ......
    }

    @Order(4000.0)
    public class ShortCutBox extends AbstractGroupBox {

      @Override
      protected TriState getConfiguredScrollable() {

        return TriState.TRUE;
      }

      @Override
      protected int getConfiguredGridColumnCount() {

         return 1;
      }

      @Override
      protected int getConfiguredGridX() {

         return 1;
      }

      @Override
      protected int getConfiguredGridY() {

         return 0;
      }

     @Override
     protected double getConfiguredGridWeightX() {

        return 0; // this defined that box shouldn't stretch
     }

     @Override
     protected int getConfiguredWidthInPixel() {

         return 200;  // This should give me fix width 200
     }

     @Order(4100)
     public class MyButton1 extends AbstractButton {

     }

     @Order(4200)
     public class MyButton2 extends AbstractButton {

     }
     ....
  }
}

但是这种配置给出了这样的布局：

如果我将按钮设置为

@Override
protected int getConfiguredHorizontalAlignment() {

   return 1;
}

它看起来是正确的，但问题是框仍然右侧框仍然延伸到左侧，因此滚动并单击字段在左侧面板的右侧不起作用。（黑色矩形内）

我错过了什么？

Answer 1

我刚刚看了你的问题，我可以通过执行以下操作来构建我认为你想要的布局：

1.我添加了getConfiguredGridW()方法，将1返回给您的两个分组框，以实现每个分组框仅跨越一列（父分组框的网格列数= 2）。

2. 此外，我从两个分组框中删除了getConfiguredGridX()和getConfiguredGridY()方法，因为我认为它们不是必需的，因为当父分组框getConfiguredGridColumnCount()返回 2（或默认值）时，Scout 会自动以这种方式对它们进行排序。

3. 这一点很重要： 在每个按钮中，我重写getConfiguredProcessButton()了返回 false（而不是默认情况下为 true），正如我所经历的那样，当将按钮声明为非进程按钮时，侦察员以不同的方式构建其网格布局。java doc还说：

配置此按钮是否为进程按钮。流程按钮通常显示在表单底部的专用按钮栏上。非进程按钮可以放置在表单的任何位置。子类可以覆盖此方法。默认为真。

4.这个是可选的：添加getConfiguredFillHorizontal()并返回true，使右侧分组框中的所有按钮都放大到父分组框的宽度。

我的整个安排是这样的：

@Order(1000.0)
public class MainBox extends AbstractGroupBox {

    @Override
    protected TriState getConfiguredScrollable() {

        return TriState.FALSE;
    }

    @Order(1000.0)
    public class OfferBox extends AbstractGroupBox {

        @Override
        protected TriState getConfiguredScrollable() {

            return TriState.TRUE;
        }

        @Override
        protected int getConfiguredGridColumnCount() {

            return 1;
        }

        @Override
        protected int getConfiguredGridW() {
            return 1;   // XXX: Added
        }

        /*
        // XXX: Removed
        @Override
        protected int getConfiguredGridX() {

            return 0;
        }

        @Override
        protected int getConfiguredGridY() {

            return 0;
        }
        */

        @Override
        protected double getConfiguredGridWeightX() {

            return 1; // This should stretch this box
        }

        @Override
        protected void injectFieldsInternal(OrderedCollection<IFormField> fields) {
            // Used to inject some dummy fields to enable scrolling
            for (int i = 0; i < 30; i++) {
                 // Add some fields here
            }
        }
    }

    @Order(4000.0)
    public class ShortCutBox extends AbstractGroupBox {

        @Override
        protected TriState getConfiguredScrollable() {

            return TriState.TRUE;
        }

        @Override
        protected int getConfiguredGridColumnCount() {

            return 1;
        }

        @Override
        protected int getConfiguredGridW() {
            return 1;   // XXX: Added
        }

        /*
        // XXX: Removed
        @Override
        protected int getConfiguredGridX() {

            return 1;
        }

        @Override
        protected int getConfiguredGridY() {

            return 0;
        }
        */

        @Override
        protected double getConfiguredGridWeightX() {

            return 0; // this defined that box shouldn't stretch
        }

        @Override
        protected int getConfiguredWidthInPixel() {

            return 200; // This should give me fix width 200
        }

        @Order(4100)
        public class MyButton1 extends AbstractButton {

            @Override
            protected String getConfiguredLabel() {
                return "Button 1";
            }

            @Override
            protected boolean getConfiguredProcessButton() {
                return false;   // XXX: Added
            }

            @Override
            protected boolean getConfiguredFillHorizontal() {
                return true; // XXX: This is optional
            }
        }

        @Order(4200)
        public class MyButton2 extends AbstractButton {

            @Override
            protected String getConfiguredLabel() {
                return "Button 2";
            }

            @Override
            protected boolean getConfiguredProcessButton() {
                return false;   // XXX: Added
            }

            @Override
            protected boolean getConfiguredFillHorizontal() {
                // XXX: This is optional. Enlarge buttons to group box width
                return true;
            }
        }
    }
}

结果： 最终布局，请忽略滚动条工具提示覆盖；）

请让我知道，如果这对你有用！

最好的问候， 马蒂亚斯