16

背景の最小幅がスライダーの幅に使用されることがわかっているため、次のコード例に示すように、テーブル内にスライダーを作成しました。

public OptionScreen(MainClass game) {
    super(game);
    preference = new PreferencesHelper();
    font = this.getDefaultFont(25);
    this.table = new Table();
    if (Config.DEBUG)
        this.table.debug();

    // add volumenlabel
    LabelStyle style = new LabelStyle(font, Color.WHITE);
    volumenLabel = new Label(Config.VOLUMEN_LABLE, style);
    table.add(volumenLabel).colspan(2);
    table.row();
    // add slider
    Skin skin = new Skin();
    skin.add("sliderbackground",
            this.game.manager.get("data/sliderbackground.png"));
    skin.add("sliderknob", this.game.manager.get("data/sliderknob.png"));

    SliderStyle sliderStyle = new SliderStyle();
    sliderStyle.background = skin.getDrawable("sliderbackground");
    sliderStyle.background.setMinWidth(600f);
    sliderStyle.knob = skin.getDrawable("sliderknob");

    volumenSlider = new Slider(0f, 1f, 0.1f, false, sliderStyle);
    volumenSlider.setValue(preference.getVolumen()); // load current volumen
    volumenSlider.addListener(new ChangeListener() {

        @Override
        public void changed(ChangeEvent event, Actor actor) {
            volumeValue.setText(String.format("%.01f",
                    volumenSlider.getValue()));
            // sett the preference
            preference.setVolumen(volumenSlider.getValue());
        }
    });
    // add volslider to stage
    table.add(volumenSlider);
    volumenLabel.invalidate();

    // table
    style = new LabelStyle(font, Color.WHITE);
    // set current volumen
    volumeValue = new Label(
            String.format("%.01f", volumenSlider.getValue()), style);
    volumenLabel.setAlignment(2);
    table.add(volumeValue).width(50f);
    table.row();

    initBackButton();

    // init table
    table.setPosition(Config.VIRTUAL_VIEW_WIDTH / 2,
            Config.VIRTUAL_VIEW_HEIGHT / 2 - Config.BLOCK_SIZE * 10);

    // add a nice fadeIn to the whole table :)
    table.setColor(0, 0, 0, 0f);
    table.addAction(Actions.fadeIn(2f)); // alpha fade
    table.addAction(Actions.moveTo(Config.VIRTUAL_VIEW_WIDTH / 2,
            Config.VIRTUAL_VIEW_HEIGHT / 2, 2f)); // move to center of the
                                                    // screen
    // add to stage
    this.stage.addActor(table);
}

スライドは、幅が設定されていないテーブル内にあります。幅が設定されているかどうか、およびスライダーの prefWidth の計算でセット 600f が使用されているかどうかは、既に確認しました。

Math.max(style.knob == null ? 0 : style.knob.getMinWidth(), style.background.getMinWidth())

Sliderclass 内のスライダーの幅の計算です。それを計算してログに記録すると、目的の 600f がログに記録されます。

私にはすべてが正しいように見えますが、設定した 600 ではスライダーが小さくレンダリングされます。

背景とノブのテクスチャは 24x24 です。

ですから、私が間違っていることを教えていただければ幸いです。

シルバー

4

2 に答える 2

13

テーブルの内側にあるため、仕様のテーブル幅属性によって幅が定義されます。列と行。

したがって、修正はかなり短いです。

table.add(volumenSlider).width(600).height(60);

そして幅600、高さ60。


これについてより明確にするために wiki が編集されました。

UI ウィジェットは、独自のサイズと位置を設定しません。代わりに、親ウィジェットが各子のサイズと位置を設定します。ウィジェットは、親がヒントとして使用できる最小サイズ、優先サイズ、および最大サイズを提供します。テーブルなどの一部の親ウィジェットには、子のサイズと配置方法に関する制約を与えることができます。ウィジェットにレイアウト内の特定のサイズを指定するには、ウィジェットの最小サイズ、優先サイズ、および最大サイズをそのままにして、サイズの制約を親に設定します。

Wikiでのレイアウト

于 2013-04-15T17:31:26.960 に答える
0
speedSlider.getStyle().knob.setMinHeight(100)
于 2014-09-09T19:56:49.100 に答える