JavaFX TabPane：如何監聽選擇更改

Question

當用戶從一個選項卡轉到另一個選項卡時，我想做一些操作，因為我用Scene Builder進行了表單設計我不能使用這里提到的代碼（他使用了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");
            }
        }
    }
);

Answer 1

使用更改偵聽器的正確方法是：

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() ) {
      // ...
    }
  }
} );

Answer 2

或者在Java 8中使用lambda表達式....

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

Answer 3

我認為更好更自然的方法是使用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

Answer 4

除了上面的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.
     }
 });

這是它的lambda表達式版本

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.
});