Mam problemy z wyświetlaniem tekstu w mojej grze w tym samym rozmiarze na różnych ekranach i zrobiłem prosty test.
Ten test polega na pokazaniu dopasowania tekstu na ekranie. Chcę, aby tekst miał ten sam rozmiar niezależnie od ekranu i DPI.
Znalazłem tę i tę odpowiedź, która moim zdaniem powinna rozwiązać mój problem, ale nie. Na pulpicie rozmiar jest w porządku, ale w moim telefonie jest za duży.
To wynik mojego Nexusa 4: (768 x 1280, gęstość 2,0)
A to wynik na moim MacBooku: (480 x 800, gęstość 0,6875)
Używam Open Sans Condensed (link do czcionek Google)
Jak widać na pulpicie wygląda dobrze, ale na telefonie jest tak duży.
Oto kod mojego testu:
public class TextTest extends ApplicationAdapter
{
private static final String TAG = TextTest.class.getName();
private static final String TEXT = "Tap the screen to start";
private OrthographicCamera camera;
private Viewport viewport;
private SpriteBatch batch;
private BitmapFont font;
@Override
public void create ()
{
Gdx.app.log(TAG, "Screen size: "+Gdx.graphics.getWidth()+"x"+Gdx.graphics.getHeight());
Gdx.app.log(TAG, "Density: "+Gdx.graphics.getDensity());
camera = new OrthographicCamera();
viewport = new ExtendViewport(Gdx.graphics.getWidth(), Gdx.graphics.getWidth(), camera);
batch = new SpriteBatch();
FreeTypeFontGenerator generator = new FreeTypeFontGenerator(Gdx.files.internal("fonts/OpenSans-CondLight.ttf"));
font = createFont(generator, 64);
generator.dispose();
}
private BitmapFont createFont(FreeTypeFontGenerator generator, float dp)
{
FreeTypeFontGenerator.FreeTypeFontParameter parameter = new FreeTypeFontGenerator.FreeTypeFontParameter();
int fontSize = (int)(dp * Gdx.graphics.getDensity());
parameter.size = fontSize;
Gdx.app.log(TAG, "Font size: "+fontSize+"px");
return generator.generateFont(parameter);
}
@Override
public void render ()
{
Gdx.gl.glClearColor(1, 1, 1, 1);
Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
int w = -(int)(font.getBounds(TEXT).width / 2);
batch.setProjectionMatrix(camera.combined);
batch.begin();
font.setColor(Color.BLACK);
font.draw(batch, TEXT, w, 0);
batch.end();
}
@Override
public void resize(int width, int height)
{
viewport.update(width, height);
}
@Override
public void dispose()
{
font.dispose();
batch.dispose();
}
}
Próbuję znaleźć dobry sposób, aby to naprawić. Co robię źle? jest kamera? rzutnia?
AKTUALIZACJA:
Chcę zachować te same marginesy proporcjonalnie, niezależnie od wielkości ekranu i rozdzielczości. Ten obraz ilustruje, co mam na myśli.