LibGDX Sahne 2D menü sekmeleri nasıl uygulanır?

Question

rpg'm bir alfa sürümü yaptım ve şimdi birden çok sekmeli bir menü uygulamak istiyorum. Oyundayken ve sekme tuşuna bastığınızda, ana menü, yetenek ağacı ve envanter gibi 3 düğmeli bir bar topuna sahip olacak bir kullanıcı arayüzü göstermek istiyorum. Sorun şu ki, sekmeyi değiştirdiğinizde, daha önce seçilen sekmeyi çizmeyi bırakmalı ve aktörleri devre dışı bırakmalıyım, böylece mevcut sekmeden bir şey tıklattığınızda, çizilmeyen sekmedeki bir düğmeyi tıklatmazsınız. o var ... Oyuncuları nasıl devre dışı bırakabilirim, böylece mevcut sekmeyi bir öncekiyle örtüşmekten endişe etmeden yeni bir sekme çizebilirim?

DÜZENLEME: Birden çok aşamadan kaçınmak istemiyorum. Her sekmenin tanımlandığı tek bir aşamaya sahip olmak isterim.

Answer 1

Görünmez aktörler dokunma olayları almazlar, sekmeli içerik arayüzlerinin görünürlüğünü uygun şekilde ayarlayarak sekmeli arabirimi gerçekleştirmenin en kolay yolunu yaparlar. İşte

Ben libgdx bir sekmeli arabirimi uygulamak gibi olacaktır:

package com.badlogic.gdx.tests.lwjgl; 

import com.badlogic.gdx.ApplicationAdapter; 
import com.badlogic.gdx.Gdx; 
import com.badlogic.gdx.backends.lwjgl.LwjglApplication; 
import com.badlogic.gdx.backends.lwjgl.LwjglApplicationConfiguration; 
import com.badlogic.gdx.scenes.scene2d.Actor; 
import com.badlogic.gdx.scenes.scene2d.InputEvent; 
import com.badlogic.gdx.scenes.scene2d.Stage; 
import com.badlogic.gdx.scenes.scene2d.ui.Button; 
import com.badlogic.gdx.scenes.scene2d.ui.ButtonGroup; 
import com.badlogic.gdx.scenes.scene2d.ui.HorizontalGroup; 
import com.badlogic.gdx.scenes.scene2d.ui.Image; 
import com.badlogic.gdx.scenes.scene2d.ui.Skin; 
import com.badlogic.gdx.scenes.scene2d.ui.Stack; 
import com.badlogic.gdx.scenes.scene2d.ui.Table; 
import com.badlogic.gdx.scenes.scene2d.ui.TextButton; 
import com.badlogic.gdx.scenes.scene2d.utils.ChangeListener; 
import com.badlogic.gdx.scenes.scene2d.utils.ClickListener; 
import com.badlogic.gdx.utils.viewport.ScreenViewport; 

class Game3 extends ApplicationAdapter { 

    Skin skin; 
    Stage stage; 

    @Override 
    public void create() { 
     skin = new Skin(Gdx.files.internal("data/uiskin.json")); 
     stage = new Stage(new ScreenViewport()); 

     Table main = new Table(); 
     main.setFillParent(true); 

     // Create the tab buttons 
     HorizontalGroup group = new HorizontalGroup();  
     final Button tab1 = new TextButton("Tab1", skin, "toggle"); 
     final Button tab2 = new TextButton("Tab2", skin, "toggle"); 
     final Button tab3 = new TextButton("Tab3", skin, "toggle"); 
     group.addActor(tab1); 
     group.addActor(tab2); 
     group.addActor(tab3); 
     main.add(group); 
     main.row(); 

     // Create the tab content. Just using images here for simplicity. 
     Stack content = new Stack(); 
     final Image content1 = new Image(skin.newDrawable("white", 1,0,0,1)); 
     final Image content2 = new Image(skin.newDrawable("white", 0,1,0,1)); 
     final Image content3 = new Image(skin.newDrawable("white", 0,0,1,1)); 
     content.addActor(content1); 
     content.addActor(content2); 
     content.addActor(content3); 

     main.add(content).expand().fill(); 

     // Listen to changes in the tab button checked states 
     // Set visibility of the tab content to match the checked state 
     ChangeListener tab_listener = new ChangeListener(){ 
      @Override 
      public void changed (ChangeEvent event, Actor actor) { 
       content1.setVisible(tab1.isChecked()); 
       content2.setVisible(tab2.isChecked()); 
       content3.setVisible(tab3.isChecked()); 
      } 
     }; 
     tab1.addListener(tab_listener); 
     tab2.addListener(tab_listener); 
     tab3.addListener(tab_listener); 

     // Let only one tab button be checked at a time 
     ButtonGroup tabs = new ButtonGroup(); 
     tabs.setMinCheckCount(1); 
     tabs.setMaxCheckCount(1); 
     tabs.add(tab1); 
     tabs.add(tab2); 
     tabs.add(tab3); 

     stage.addActor(main);  
     Gdx.input.setInputProcessor(stage); 
    } 

    @Override 
    public void render() { 
     stage.act(); 
     stage.draw(); 
    } 

    @Override 
    public void dispose() { 
     stage.dispose(); 
     skin.dispose(); 
    } 

    public static void main (String[] args) { 
     new LwjglApplication(new Game3(), new LwjglApplicationConfiguration()); 
    } 
} 

Answer 2

• Menüyü işlemek için en iyi yaklaşım use different Screen içindir.
  
  1. Kolay yönetilebilir. Ayrı sınıflar. Endişelerin ayrılması.
  2. Basitleştirilmiş yaşam döngüsü yönetimi. Başka bir kişi çalışırken bir ekranı duraklatın.
  3. Diğer ekran. Eğer aynı ekranı korumak istiyorsanız
     
     
• , basit yolu farklı aşamaları olacağını :(önceki aşaması için
  1. Sadece devre dışı inputlistener gizli ve dondurulmuş sahnede güncelleştirme aramayı bırak edilir .
  2. Manuel yönetim :(
     
     
• Aynı sahneyi kullanmak isterseniz, çerçeve tanımlı sınıfların kullanımını reddederken tüm mantık sizin tarafınızdan gerçekleştirilmelidir.
  1. Tamamen özelleştirilebilir.
  2. Yönetilmesi zor. (Gereksiz testler gereklidir. Libgdx kütüphane sınıfları test edilir.)
  3. Belki de uygulamak eğlenceli.

---

Nasıl yapmalı:

• kullanın farklı ebeveyn üst düzey grupları menü ve oyun nesneler için.
• Aynı anda bir grup için olay işlemeyi el ile devre dışı bırakın ve güncelleştirmeyi durdurun.
• Stage sınıfında birkaç yöntemi geçersiz kılmayı gerektirebilir. (Tavsiye edilmez).

---

Genellikle HUD en ve duraklatma menüleri farklı aşamalarında uygulanır.

ben "aşamaları ağır" gelmiş olmalıdır birden aşamaları

Bu bulunmaktan kaçınmak isteriz. Aksine

, aşamaları ama spritebatches ağır ağır değildir.

Tek bir spritebatch'u paylaşan birden çok aşaması yaparsanız, fazla yük olmadan kolayca birden fazla aşama oluşturabilirsiniz.

Bu yardımcı olur umarım.
İyi şanslar.