problema de alineación horizontal

Question

i desea colocar un algunos botones en el centro de un panel, pero no funciona. Aquí mi código:

import com.extjs.gxt.ui.client.widget.HorizontalPanel;
import com.extjs.gxt.ui.client.widget.Label;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.VerticalPanel;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HasAlignment;
import com.google.gwt.user.client.ui.RootPanel;

private void addStartupBox() {
    VerticalPanel boxPanel = setBoxSize();      
    com.google.gwt.user.client.ui.Label title = createBoxTitle("Prüfungen");        

    // Create second panel for the content of a box     
    com.google.gwt.user.client.ui.VerticalPanel boxContent = new com.google.gwt.user.client.ui.VerticalPanel();
    boxContent.setSpacing(10);
    boxContent.setHorizontalAlignment(com.google.gwt.user.client.ui.VerticalPanel.ALIGN_CENTER);

    // Create content for the box
    Button but1 = new Button("A");
    but1.setPixelSize(280, 25);     

    Button but2 = new Button("B");
    but2.setPixelSize(280, 25);

    Button but3 = new Button("C");
    but3.setPixelSize(280, 25);

    // Add buttons to boxContent
    boxContent.add(but1);
    boxContent.add(but2);
    boxContent.add(but3);

    // Add title and boxContent to boxPanel     
    boxPanel.add(title);
    boxPanel.add(boxContent);

    RootPanel.get("boxPanelContainer").add(boxPanel);
}

el resultado es:

aquí http://tinyurl.com/ycs2q4o

y los botones están alineados a la izquierda. después de eso me he tryied de esta manera:

boxContent.setHorizontalAlignment(HasAlignment.ALIGN_CENTER);

pero los botones están siendo alineado a la izquierda. mi última idea era utilizar el panel vertical ExtGWT con esto:

boxContent.setHorizontalAlign(HorizontalAlignment.CENTER);

pero lamentablemente también no funciona. ¿Puede alguien decirme, lo que estoy haciendo mal?

Answer 1

el problema se resuelve .... i añadido otro panel, que está alineado a la izquierda. Aquí el código:

private void addStartupBox() {
    VerticalPanel boxPanel = setBoxSize();      
    com.google.gwt.user.client.ui.Label title = createBoxTitle("Prüfungen");        
    boxPanel.setHorizontalAlign(HorizontalAlignment.CENTER);

    // Create second panel for the content of a box     
    com.google.gwt.user.client.ui.VerticalPanel boxContent = new com.google.gwt.user.client.ui.VerticalPanel();
    boxContent.setSpacing(10);

    // Create third panel, which contains the label
    VerticalPanel labelPanel = new VerticalPanel();
    labelPanel.setHorizontalAlign(HorizontalAlignment.LEFT);        

    // Create content for the box
    Button but1 = new Button("A");
    but1.setPixelSize(280, 25);     

    Button but2 = new Button("B");
    but2.setPixelSize(280, 25);

    Button but3 = new Button("C");
    but3.setPixelSize(280, 25);

    // Add buttons to boxContent
    boxContent.add(but1);
    boxContent.add(but2);
    boxContent.add(but3);

    // Add title to third panel 
    labelPanel.add(title);      

    // Add title and boxContent to boxPanel
    boxPanel.add(labelPanel);
    boxPanel.add(boxContent);

    RootPanel.get("boxPanelContainer").add(boxPanel);
}

Answer 2

Agregue el código siguiente y tratar

boxContent.setCellHorizontalAlignment(but1, HasHorizontalAlignment.ALIGN_CENTER);
boxContent.setCellHorizontalAlignment(but2, HasHorizontalAlignment.ALIGN_CENTER);
boxContent.setCellHorizontalAlignment(but3, HasHorizontalAlignment.ALIGN_CENTER);

Por encima de código debe ser añadido después de los botones añadidos al contenido de la caja (antes "RootPanel.get (" boxPanelContainer ") añadir (boxPanel);". Esta línea).