1 Cellule de table de même largeur que plusieurs autres sous-jacente dans LibGDX

Question

Je cherche juste une réponse claire à un problème que j'ai rencontré en utilisant LibGDX. J'ai travaillé sur un jeu Android dans LibGDX et j'ai rencontré le problème de la création de la disposition de l'interface utilisateur. Je veux qu'un bouton ait la même largeur que quelques autres situés en dessous. Something just like this rough plan. Les bords sont les limites de l'écran.

Désolé pour le lien c'est ma première question. J'ai essayé de travailler avec différentes largeurs de cellules, en agrandissant et en remplissant sur l'axe X avec peu de succès car les cellules inférieures se déplacent vers la fin de la cellule sur le dessus.

table.add(settingsButton).width(Value.percentWidth(0.5f, table));

The problem I have been having.

Je voudrais juste apprécier un peu d'aide face à ce problème car je suis relativement nouveau à LibGDX.

Answer 1

Vous pouvez le faire de cette façon:

// w and h according to resource size (In my casee button width is 297 pixel) 
float w=1000; 
float h=600; 

stage=new Stage(new StretchViewport(w,h)); 

Skin skin=new Skin(Gdx.files.internal("skin/glassy-ui.json")); 

Table table=new Table(); 
table.setFillParent(true); 
table.defaults().pad(10); 
stage.addActor(table); 

table.add(new TextButton("PLAY",skin)).colspan(3); 
table.row().padTop(5); 
table.add(new TextButton("SHOP",skin)); 
table.add(new TextButton("SELECT",skin)); 
table.add(new TextButton("SETTINGS",skin)); 
table.row().padTop(10); 

stage.setDebugAll(true); 
Gdx.input.setInputProcessor(stage); 

Et la sortie est: