javaFXのListViewにおけるセルのインデックスの取得方法

Question

###前提・実現したいこと
javaFXのListViewで、カーソルを合わせたセルのインデックスを取得する。
###発生している問題
listview.getFocusModel().getFocusedIndex()を用いてセルのインデックスを取得したいのですが、
一度セルのpaneをクリックすればインデックスを取得できるのですが、
paneに設置してあるbuttonが一度セルをクリックせずに押すときちんと動作しません
(セルのインデックスを用いて動作するため)。
なのでセルの上をホバーしたときにインデックスを取得できるようにしたいです。
このような方法はあるのでしょうか。
私の考えている方法で実装できなくても他の方法で
セルのpaneをクリックすることなくインデックスを取得できる方法があるようでしたら
教えてくださるとうれしいです。

～～追記～～
スクリーンショットを載せます。セルの内容は青い四角で隠しています。
カーソルをセルの上でホバーすると出力に
listview.getFocusModel().getFocusedIndex()
が表示されるようにしています。
セルが黒くなっているのがカーソルが合わさっているセルで、
セルが青くなっているのがクリックして選択したセルです。

↑今一番上のセルにマウスを合わせていて、右の出力では‐１になっておりセルの選択ができていません。

↑この画像では一番上のセルをクリックして選択しています。
右の出力が０になっているため、一番上のセルの情報は取得できているのですが
他のセルにカーソルを合わせても０が出力されてしまいます。(他のセルをクリックしてインデックスを取得できていないため)

～～追記～～
ボタン周りのコードです。

@FXML
Button button;

@FXML
static ListCell cell;

@FXML public void sampleButton(ActionEvent e){
button.setOnAction(new EventHandler<ActionEvent>() {
@Override public void handle(ActionEvent e) {
// getParentを使い、このボタンが含まれるListCellを遡って探す
Node n = (Node)(e.getSource());
while(n != null && !(n instanceof ListCell)) {
n = n.getParent();
}
if(n != null) {
// 見つかった場合、
cell = (ListCell) n;
System.out.println(cell.getIndex());// ListCell#getIndexで番号が取れる
num = cell.getIndex();
}
}
});
}

<?xml version="1.0" encoding="UTF-8"?>

<AnchorPane id="AnchorPane" fx:id="cell" maxHeight="-1.0"
maxWidth="-1.0" minHeight="-1.0" minWidth="-1.0" prefHeight="90.0"
prefWidth="500.0" styleClass="cell" xmlns:fx="http://javafx.com/fxml/1"
xmlns="http://javafx.com/javafx/2.2" fx:controller="application.CellController">
<children>
<Button fx:id="button" layoutX="5.0" layoutY="57.0" maxHeight="25.0"
maxWidth="25.0" minHeight="20.0" minWidth="20.0" mnemonicParsing="false"
onAction="#sampleButton" prefHeight="25.0" prefWidth="25.0"
styleClass="circle-buttonfavo" text="" />
</children>
</AnchorPane>

Comments

[masaya_ohashi]

いまいち状況が読めないのですが、できればレイアウトのスクリーンショットを添付していただけますか？

[masaya_ohashi]

リストの中かつ青い隠された部分以外をクリックすると、そのセルがフォーカスされ、青い隠された部分の中にあるボタンを押した時はフォーカスが移らない、という状態ですか？

[masaya_ohashi]

あと、通常「ホバー」とはマウスカーソルがその要素の上を通過するだけのことを指しますが、認識はあっていますか？

[ta_ko]

そういうことです、ボタンを押してもそのセルが選択されたことにならずにセルのインデックスが取得できていないためエラーが生じます。
そういう認識です、ただボタンを押したときにインデックスを取得できるように出来るのでしたらそのようなやり方でもぜんぜんかまわないです。

Answer 1

動作は確認していませんが、このような方法は使えないでしょうか。
ボタンのgetParentを使いListCellが見つかるまで遡ってindexを取ります。

button.setOnAction(new EventHandler<ActionEvent>() {
	@Override public void handle(ActionEvent e) {
		// getParentを使い、このボタンが含まれるListCellを遡って探す
		Node n = (Node)(e.getSource());
		while(n != null && !(n instanceof ListCell)) {
			n = n.getParent();
		}
		if(n != null) {
			// 見つかった場合、
			ListCell cell = (ListCell) n;
			System.out.println(cell.getIndex());// ListCell#getIndexで番号が取れる
		}
	}
});

Comments

[ta_ko]

いろいろこちらのソースと比較して要所要所変更したのですが
buttonやcellの部分でNullPointerExceptionを吐いてしまいます。
当方がFXMLでGUIのボタン設定や配置を作成しているため、
FXMLとコード内のbuttonやcellとの紐づけがきちんと行われていないためでしょうか…。
java自体初心者なので、エラーの原因やFXMLの使い方があまり理解できず申し訳ないです。

[masaya_ohashi]

さすがに私もそこからどこを直せばいいかはエスパーではないので無理です...質問文にクリックした時の処理前後のコードを追記していただければ指摘できるかと思います。伏せたいところは伏せて構いません。

[ta_ko]

```lang-Java
@FXML
Button button;

@FXML
static ListCell cell;

@FXML public void sampleButton(ActionEvent e){
button.setOnAction(new EventHandler<ActionEvent>() {
@Override public void handle(ActionEvent e) {
// getParentを使い、このボタンが含まれるListCellを遡って探す
Node n = (Node)(e.getSource());
while(n != null && !(n instanceof ListCell)) {
n = n.getParent();
}
if(n != null) {
// 見つかった場合、
cell = (ListCell) n;
System.out.println(cell.getIndex());// ListCell#getIndexで番号が取れる
num = cell.getIndex();
}
}
});
}
```

javaのコードはこんな感じです。
このコードはセルのコントローラに記述してあります。
ListCellのstaticはstaticをいれずに実行したところListViewにセルが出てこなかったため
つけています。

```lang-FXML
<?xml version="1.0" encoding="UTF-8"?>

<AnchorPane id="AnchorPane" fx:id="cell" maxHeight="-1.0"
maxWidth="-1.0" minHeight="-1.0" minWidth="-1.0" prefHeight="90.0"
prefWidth="500.0" styleClass="cell" xmlns:fx="http://javafx.com/fxml/1"
xmlns="http://javafx.com/javafx/2.2" fx:controller="application.CellController">
<children>
<Button fx:id="button" layoutX="5.0" layoutY="57.0" maxHeight="25.0"
maxWidth="25.0" minHeight="20.0" minWidth="20.0" mnemonicParsing="false"
onAction="#sampleButton" prefHeight="25.0" prefWidth="25.0"
styleClass="circle-buttonfavo" text="" />
</children>
</AnchorPane>

```
一応、これがセルのFXMLです。
FXMLのfx:idでcellとbuttonを記述してあります。
教えていただいたコードの
ListCell cell = (ListCell) n;
の箇所の記述方法がFXMLだとどのように紐づけするのかわからず
AnchorPaneのfx:idにcellと書いています。
これで伝わりますでしょうか…

[masaya_ohashi]

コメントだとコードが見づらいので、質問文の方に移していただけますか？

[masaya_ohashi]

私のコードでいうhandleメソッドの部分が、そちらのコードのsampleButtonメソッドの部分にあたります。
handleの中身のコードだけをsampleButtonの中にコピーしてみてください。

[ta_ko]

実装できました！ありがとうございます。
なぜこれでうまく実装できるのか、ちゃんとコード見て考えてみます。
instanceofとかNodeなど今まで触れていなかった箇所があるので…

[masaya_ohashi]

NodeというのはJavaFXのUIのパーツすべての基底クラスになっています。ButtonだろうとListCellだろうとListViewだろうとAnchorPaneだろうと、super classを辿ればNodeに行き着きます。上で挙げたクラスのAPIリファレンスを見てみてください。上のへんにjava.lang.Objectから始まるクラスの継承階層がありますよね？その継承階層の中に必ずNodeが含まれいてるはずです。

getParentは自分の親要素をParentというクラスの形で受け取れます。Parentのsuper classはNodeなので、Node型変数nで受け取ることができます。そして、例えParentという型であっても、その正体はListCellだったり、ListViewだったり、AnchorPaneだったりします。その正体を見破るための技がinstanceofなのです。