0

私はすべてを試していますが、この hbox はセルを下に移動したくありません。これがスクリーンショットです

ここに画像の説明を入力

以下のコードで定義されているグリッドボックス セル 0 列 0 内にある左上の hbox は、セルの中心への移動を拒否します!! 私はこれまでにコードを試しました。助けてください

ここにコードがあります

    GridPane prayertime_pane = new GridPane();

    prayertime_pane.setGridLinesVisible(true);

    HBox fajrBox = new HBox();
    fajrBox.setSpacing(0);
    fajrBox.setAlignment(Pos.BOTTOM_CENTER);
    fajrBox.getChildren().addAll(fajr_hourLeft, fajr_hourRight, time_Separator1, fajr_minLeft, fajr_minRight);


    HBox zuhrBox = new HBox();
    zuhrBox.setSpacing(0);
    zuhrBox.getChildren().addAll(zuhr_hourLeft, zuhr_hourRight, time_Separator2, zuhr_minLeft, zuhr_minRight);


    HBox asrBox = new HBox();
    asrBox.setSpacing(0);
    asrBox.getChildren().addAll(asr_hourLeft, asr_hourRight, time_Separator3, asr_minLeft, asr_minRight);


    HBox maghribBox = new HBox();
    maghribBox.setSpacing(0);
    maghribBox.getChildren().addAll(maghrib_hourLeft, maghrib_hourRight, time_Separator4, maghrib_minLeft, maghrib_minRight);


    HBox ishaBox = new HBox();
    ishaBox.setSpacing(0);
    ishaBox.getChildren().addAll(isha_hourLeft, isha_hourRight, time_Separator5, isha_minLeft, isha_minRight);


    TextFlow fajrtextFlow = new TextFlow();
    Text text1 = new Text("الفجر\nFajr");
    text1.setId("prayer-text");
    fajrtextFlow.getChildren().addAll(text1);

    TextFlow duhrtextFlow = new TextFlow();
    Text text2 = new Text("الظهر");
    text2.setId("prayer-text");
    duhrtextFlow.getChildren().addAll(text2);

    TextFlow asrFlow = new TextFlow();
    Text text3 = new Text("العصر");
    text3.setId("prayer-text");
    asrFlow.getChildren().addAll(text3);

    TextFlow maghribFlow = new TextFlow();
    Text text4 = new Text("المغرب");
    text4.setId("prayer-text");
    maghribFlow.getChildren().addAll(text4);

    TextFlow ishaFlow = new TextFlow();
    Text text5 = new Text("العشاء");
    text5.setId("prayer-text");
    ishaFlow.getChildren().addAll(text5);


    prayertime_pane.setAlignment(Pos.BOTTOM_CENTER);
    prayertime_pane.add(fajrBox, 0, 0);
    prayertime_pane.add(zuhrBox, 0, 1);
    prayertime_pane.add(asrBox, 0, 2);
    prayertime_pane.add(maghribBox, 0, 3);
    prayertime_pane.add(ishaBox, 0, 4);

    prayertime_pane.add(fajrtextFlow, 2, 0);
    prayertime_pane.add(duhrtextFlow, 2, 1);
    prayertime_pane.add(asrFlow, 2, 2);
    prayertime_pane.add(maghribFlow, 2, 3);
    prayertime_pane.add(ishaFlow, 2, 4);


    prayertime_pane.setPadding(new Insets(40, 40, 40, 40));
    prayertime_pane.setVgap(20);
    prayertime_pane.setHgap(20);

私のコードへのcssも含まれています

     #prayertime_pane{

        -fx-background-color: rgba(0, 0, 0, 0.25); 
        -fx-background-radius: 10;
        -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 );       
        -fx-border-color: blue;
        -fx-border-insets: 5;
        -fx-border-width: 3;
        -fx-border-style: dashed;
        -fx-text-alignment: right;
        -fx-graphic-vpos: center;
        -fx-node-vpos: center;

    }

    #prayer-text {
   -fx-font-size: 28px;
   -fx-font-family: "Arial Black";
   -fx-fill: white;
   -fx-effect: innershadow( three-pass-box , rgba(0,0,0,0.7) , 6, 0.0 , 0 , 2 );
   /*-fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 );*/ 
   -fx-text-alignment: right;
4

1 に答える 1

0

次の静的メソッドを使用して、個々のセル/ノードの配置を設定できますGridPane。

GridPane.setValignment(fajrBox, VPos.CENTER);

ただし、実際には最初の列のセルを垂直方向に中央揃えにする必要があることは明らかです。その場合は、次を使用しますRowConstraints。

int numberOfSalatsPerDay = 5;
for (int i = 0; i < numberOfSalatsPerDay; i++) {
    RowConstraints row = new RowConstraints();
    row.setValignment(VPos.CENTER);
    prayertime_pane.getRowConstraints().add(row);
}

ユースケースでは、行または列のセルをまとめて管理することをお勧めします。行/列/セルの設定 (minWidth、prefWidth、maxWidth、percentHeight、h と v grow、h と v の配置、fillWidth など) についてGridPaneは、RowConstraintsと を調べてColumnConstraintsください。

さらに、「-fx-graphic-vpos: center; -fx-node-vpos: center;」のような CSS 属性はありません。JavaFXで。推測する前に、JavaFX CSS リファレンス ガイドを参照してください。

于 2013-08-24T12:42:06.520 に答える