[LibGDX] TableLayout - Filling a cell with an Image, without stretching it

Mads · November 13, 2013, 4:00pm

Hey guys!

Hopefully, there is a solution to this. I can’t imagine there wouldn’t be.

I’m using the scene2d.ui in LibGDX. The Image I’m filling a cell with is the Image widget from scene2d.ui.
I’d like to make the image the biggest it can be in the cell, while keeping proportion. I’m not happy with .width(contant), and .height(constant), because I’d like to support variable screen sizes on android, and the table needs to adjust to each.

So far, I’m calling .expand() on the cell.
When I call .fill() as well, the image is ripped out of proportion - same goes for .fillX() and .fillY().

So, how do you guys do it?

PS.
I’m providing a picture of the situation. (It’s the heart image)

Also, here is the code responsible for that specific cell.

mazePreview = new Image(this.getAssetManager().get("res/heart.png", Texture.class));
table.add(mazePreview).expand();

Nate · November 13, 2013, 11:36pm


mazePreview.setScaling(Scaling.fit); // Default is Scaling.stretch, as you found.
table.add(mazePreview).expand().fill();

There is also a Scaling constructor parameter, if you prefer.

Scaling is neat, it just does the math to fit one rectangle in another, in various ways.

github.com

libgdx/libgdx/blob/master/gdx/src/com/badlogic/gdx/utils/Scaling.java

/*******************************************************************************
 * Copyright 2011 See AUTHORS file.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 ******************************************************************************/

package com.badlogic.gdx.utils;

import com.badlogic.gdx.math.Vector2;

This file has been truncated. show original

Mads · November 16, 2013, 11:06am

Awesome! Thank you very much!