ListView에서 대체 행의 왼쪽과 오른쪽에 이미지 및 텍스트 JavaFX

Question

ListView<ChatModel> listView; 
ObservableList<ChatModel> items = FXCollections.observableArrayList(); 

private final Image IMAGE_MEN = new Image("men.png"); 
private final Image IMAGE_WOMEN = new Image("women.png"); 

private Image[] listOfImages = {IMAGE_MEN, IMAGE_WOMEN}; 

listView = new ListView<ChatModel>(); 
     listView.setPrefHeight(550); 
     listView.setItems(items); 

     listView.setCellFactory(param -> new ListCell<ChatModel>() { 
      private ImageView imageView = new ImageView(); 

      @Override 
      public void updateItem(ChatModel name, boolean empty) { 
       super.updateItem(name, empty); 
       if (empty) { 
        setText(null); 
        setGraphic(null); 
       } else { 
        if (name.getClientName().equals("testing")) 
         imageView.setImage(listOfImages[0]); 
        else if (name.getClientName().equals("testing1")) 
         imageView.setImage(listOfImages[1]); 
        setText(name.getClientMessage()); 
        setGraphic(imageView); 
       } 
      } 
     }); 

위의 코드를 사용하면 listview에서 이미지와 텍스트를 사용하여 항목을 추가하지만 목록보기의 디자인은 왼쪽에 있습니다. 모든 행에 측면. 대체 행에는 다른 디자인이 있어야한다는 요구 사항이 있습니다. 다음 행에는 오른쪽 요소가 있어야합니다. 여기

내가 왼쪽과 오른쪽에 다른 행을 원하는 지금

까지 달성 한 같은 디자인입니다.

아무도 말해 줄 수 없습니까?

Answer 1

당신은 CSS와 그것을 달성 할 수

• odd :

  .list-view .list-cell:odd { 
      -fx-content-display:left; 
  } 
  
  .list-view .list-cell:even { 
      -fx-content-display:right; 
  } 
  

  셀렉터는 ListCell의 의사 상태에 따라 -fx-content-display 속성을 설정 텍스트는 왼쪽 - 그래픽 권리

을

• even : grahic left-text right