web-dev-qa-db-ja.com

JavaFX TabPane:選択の変更をリッスンする方法

ユーザーが1つのタブから別のタブに移動したときにいくつかのアクションを実行したいのですが、シーンビルダーでフォームデザインを作成したため、上記のコードを使用できません here (彼はTabPaneBuilderクラスを使用しました)

このコードは機能すると思いましたが、タブ選択の変更に反応しません。

@FXML
protected TabPane chatTabs;
.
.    
.
chatTabs.selectionModelProperty().addListener(
    new ChangeListener<SingleSelectionModel<Tab>> {
            @Override
            public void changed(ObservableValue<? extends SingleSelectionModel<Tab>> ov, SingleSelectionModel<Tab> t, SingleSelectionModel<Tab> t1) {
                System.err.println("changed");
            }
        }
    }
);

変更リスナーを使用する正しい方法は次のとおりです。

chatTabs.getSelectionModel().selectedItemProperty().addListener(
    new ChangeListener<Tab>() {
        @Override
        public void changed(ObservableValue<? extends Tab> ov, Tab t, Tab t1) {
            System.out.println("Tab Selection changed");
        }
    }
);

問題のコードが機能しないのはなぜですか?あなたの変更リスナーが「selectionModel」ではなく「selectedItem」で変更をリッスンするためだと思います


タブが追加または削除されたことを確認するのは少し難しいです。

tabs.addListener( (Change<? extends Tab> change) -> {
  while( change.next() ) {
    if( change.wasAdded() ) {
      for( final Tab tab : change.getAddedSubList() ) {
        System.out.println( "Tab Added: " + tab );
      }
    } else if( change.wasRemoved() ) {
      // ...
    }
  }
} );

またはJava 8ラムダ式を使用して......

chatTabs.getSelectionModel().selectedItemProperty().addListener((ov, oldTab, newTab) -> {
        System.err.println("changed");
    });
12
user3190916

私は、Tab.setOnSelectionChangedを使用するほうがずっと自然で自然な方法だと思います。そのアプローチを実装する完全な小さなプログラムを次に示します。あなたはここではるかに完全な例を見ることができます: http://sandsduchon.org/duchon/cs335/fx020.html

このタブの選択またはこのタブの選択解除に正しく反応するには、Tab.isSelectedも使用する必要があることに注意してください。

import javafx.application.Application; // FX base, requires start(Stage)
import javafx.stage.Stage;             // required by start (Stage)
import javafx.scene.Scene;             // no scene --> no display

import javafx.scene.control.TabPane;
import javafx.scene.control.Tab;

public class TabDemo extends Application {

   public void start (Stage stage) {
      TabPane tabPane = new TabPane ();

      Tab tba = new Tab ("one");
      Tab tbb = new Tab ("two");

      tabPane.getTabs().addAll (tba, tbb);

      tba.setOnSelectionChanged (e -> 
        System.out.println (
           tba.isSelected()?
           "a selected":
           "a unselected"
        )
      );

      Scene scene = new Scene (tabPane, 200, 50);
      stage.setScene (scene);
      stage.setTitle ("A Study of tab listeners");
      stage.show ();
   } // end start

} // end class TabDemo
1
Nicholas Duchon

上記の MJafar Mash 回答に加えて、選択された「selectedIndexProperty()」の代わりに「selectedItemProperty()」を使用して、選択されたタブのインデックスを取得できますタブ自体。

chatTabs.getSelectionModel().selectedIndexProperty().addListener(new ChangeListener<Number> (){
     @Override
     public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
           int selectedIndex = newValue.intValue();
           //where index of the first tab is 0, while that of the second tab is 1 and so on.
     }
 });

そして、これはラムダ式バージョンです

chartTabs.getSelectionModel().selectedIndexProperty().addListener( (observable, oldValue, newValue) -> {
       int selectedIndex = newValue.intValue();
       //where index of the first tab is 0, while that of the second tab is 1 and so on.
});
0
Wilson