사용자 정의 개체를 사용하여 JavaFX에서 ListView를 채우는 방법
문제는 문자열 대신 사용자 정의 개체로 ListView를 채우는 것입니다. 각 Word에 wordString과 정의가 있는 Word 개체의 observableArrayList를 사용하여 ListView가 전체 Word 개체 대신 wordString을 표시하도록 하려고 합니다.
사용자 지정 솔루션
한 가지 접근 방식은 셀 팩토리를 사용하여 각 셀에 대한 Word 개체에서 wordString을 검색하는 것입니다. 업데이트된 코드 조각은 다음과 같습니다.
<code class="java">listViewOfWords.setCellFactory(param -> new ListCell<Word>() { @Override protected void updateItem(Word item, boolean empty) { super.updateItem(item, empty); if (empty || item == null || item.getWord() == null) { setText(null); } else { setText(item.getWord()); } } });</code>
최적화된 구현
1. UI 표현을 위해 toString을 재정의하지 마세요
UI 표현을 위해 toString을 재정의하는 대신 셀 팩토리를 사용하여 UI 표현에 적합한 데이터를 추출하는 것이 좋습니다. 이렇게 하면 UI 표시 로직이 개체의 텍스트 표현과 별도로 유지됩니다.
2. 그래픽 노드를 사용한 셀 사용자 정의
셀 팩토리를 사용하면 셀에 그래픽 노드를 추가하는 등 보다 유연한 사용자 정의가 가능합니다. 예는 다음과 같습니다.
<code class="java">public static class WordListCell extends ListCell<Word> { private final Label title = new Label(); private final Label detail = new Label(); private final VBox layout = new VBox(title, detail); public WordListCell() { super(); title.setStyle("-fx-font-size: 20px;"); } @Override protected void updateItem(Word item, boolean empty) { super.updateItem(item, empty); setText(null); if (empty || item == null || item.getWord() == null) { title.setText(null); detail.setText(null); setGraphic(null); } else { title.setText(item.getWord()); detail.setText( item.getDefinition() != null ? item.getDefinition() : "Undefined" ); setGraphic(layout); } } }</code>
3. 불변 객체 및 관찰 가능 속성
의도하지 않은 객체 수정을 방지하려면 불변 Word 객체나 필드 업데이트를 위한 관찰 가능 속성이 있는 객체를 사용하는 것이 좋습니다. 이를 통해 UI가 속성 변경에 응답할 수 있습니다.
4. 동적 업데이트
기본 관찰 가능한 목록 항목에 대한 변경(예: 추가, 제거)은 자동으로 보기에서 업데이트를 트리거합니다. 객체 내의 속성 변경에 응답하려면 셀 팩터리에서 리스너 논리를 구현하거나 추출기를 사용해야 합니다. 추출기는 관찰 가능한 속성의 변경 사항을 알리는 데 도움이 됩니다.
추출기 예시
<code class="java">ObservableList<Word> wordsList = FXCollections.observableArrayList(word -> new Observable[] { word.wordProperty(), word.definitionProperty() } );</code>
위 내용은 JavaFX ListView에서 사용자 정의 개체 속성을 어떻게 표시할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!