13

一部の TableView 行の外観を変更するのに苦労しています。線は、ストロークと赤でテキストを表示する必要があります。実際、赤色で表示することはできますが、まだストロークを行うことはできません。これは、行の外観を変更するために使用している css クラスです。

.itemCancelado {
    -fx-strikethrough: true;
    -fx-text-fill: red;
}

このスタイル クラスは、ユーザーがアイテムをキャンセル済みとしてマークすると追加されます。

public class ItemCanceladoCellFactory implements Callback<TableColumn, TableCell> {
    @Override
    public TableCell call(TableColumn tableColumn) {
        return new TableCell<ItemBean, Object>() {
            @Override
            public void updateItem(Object item, boolean empty) {
                super.updateItem(item, empty);
                setText(empty ? "" : getItem().toString());
                setGraphic(null);
                int indice=getIndex();
                ItemBean bean=null;
                if(indice<getTableView().getItems().size())
                    bean = getTableView().getItems().get(indice);
                if (bean != null && bean.isCancelado())
                    getStyleClass().add("itemCancelado");
            }
        };
    }
}

ここには別の問題があります。キャンセル済みとしてマークされた行は、ユーザーが監視可能なリストに要素を追加または削除したときにのみ色を変更します。TableView を強制的に更新する方法はありますか?

編集された情報

BooleanProperty を使用するように ItemBean クラスを変更したところ、部分的に解決されました。

public class ItemBean {
    ...
    private BooleanProperty cancelado = new SimpleBooleanProperty(false);
    ...
    public Boolean getCancelado() {
        return cancelado.get();
    }

    public void setCancelado(Boolean cancelado){
        this.cancelado.set(cancelado);
    }

    public BooleanProperty canceladoProperty(){
        return cancelado;
    }
}

残念ながら、「cancelado」列 (これが最終的に機能したときに非表示または削除される) のみが外観を変更します。

cancelado 列は外観を変更します

ここで、列とテーブルを構成します。

public class ControladorPainelPreVenda extends ControladorPainel {

    @FXML
    private TableView<ItemBean> tabelaItens;
    private ObservableList<ItemBean> itens = FXCollections.observableArrayList();
    ...

    private void configurarTabela() {
        colunaCodigo.setCellValueFactory(new MultiPropertyValueFactory<ItemBean, String>("produto.id"));
        colunaCodigo.setCellFactory(new ItemCanceladoCellFactory());
        colunaDescricao.setCellValueFactory(new MultiPropertyValueFactory<ItemBean, String>("produto.descricao"));
        colunaDescricao.setCellFactory(new ItemCanceladoCellFactory());
        colunaLinha.setCellValueFactory(new MultiPropertyValueFactory<ItemBean, String>("produto.nomeLinha"));
        colunaLinha.setCellFactory(new ItemCanceladoCellFactory());
        colunaQuantidade.setCellValueFactory(new PropertyValueFactory<ItemBean, BigDecimal>("quantidade"));
        colunaQuantidade.setCellFactory(new ItemCanceladoCellFactory());
        colunaValorLiquido.setCellValueFactory(new PropertyValueFactory<ItemBean, BigDecimal>("valorLiquido"));
        colunaValorLiquido.setCellFactory(new ItemCanceladoCellFactory());
        colunaValorTotal.setCellValueFactory(new PropertyValueFactory<ItemBean, BigDecimal>("valorTotal"));
        colunaValorTotal.setCellFactory(new ItemCanceladoCellFactory());
        colunaCancelado.setCellValueFactory(new PropertyValueFactory<ItemBean, Boolean>("cancelado"));
        colunaCancelado.setCellFactory(new ItemCanceladoCellFactory());
        tabelaItens.setItems(itens);
    }
    ...
}

すべての列を更新するにはどうすればよいですか?

4

3 に答える 3

9

TableView を強制的に更新する方法はありますか?

クラスCanceladoのプロパティを作成しますItemBean。

private BooleanProperty cancelado = new SimpleBooleanProperty(false);
public BooleanProperty canceladoProperty() { 
  return cancelado;
}

リスト ビューの既定のセル実装は、プロパティの変更をリッスンし、必要に応じて関連するリスト ビュー セルの呼び出しをcanceladoトリガーします。updateItem

プロパティを返す関数の名前は重要であることに注意してください。これは、canceladoProperty()JavaFX がプロパティの標準 Java Beans メンバー getter および setter パターンを拡張するためです。

プロパティ命名規則の背景

JavaFX プロパティ アクセスの命名規則は、Oracle Using JavaFX Properties and Bindingチュートリアルのこのコード スニペットで示されています。

package propertydemo;

import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;

class Bill {

    // Define a variable to store the property
    private DoubleProperty amountDue = new SimpleDoubleProperty();

    // Define a getter for the property's value
    public final double getAmountDue(){return amountDue.get();}

    // Define a setter for the property's value
    public final void setAmountDue(double value){amountDue.set(value);}

     // Define a getter for the property itself
    public DoubleProperty amountDueProperty() {return amountDue;}

}

openfx wiki にJavaFX Property Architectureの優れた概要があり、プロパティの命名規則と、読み取り専用プロパティや遅延プロパティなどのさまざまな高度な使用シナリオについて詳しく説明しています。

TableView の行の外観のカスタマイズ

ブール値の行の値に基づいて表の行の外観をカスタマイズする詳細情報と例は、このgist サンプル コードで提供されます。

private TableColumn<Friend, Boolean> makeBooleanColumn(String columnName, String propertyName, int prefWidth) {
  TableColumn<Friend, Boolean> column = new TableColumn<>(columnName);
  column.setCellValueFactory(new PropertyValueFactory<Friend, Boolean>(propertyName));
  column.setCellFactory(new Callback<TableColumn<Friend, Boolean>, TableCell<Friend, Boolean>>() {
    @Override public TableCell<Friend, Boolean> call(TableColumn<Friend, Boolean> soCalledFriendBooleanTableColumn) {
      return new TableCell<Friend, Boolean>() {
        @Override public void updateItem(final Boolean item, final boolean empty) {
          super.updateItem(item, empty);

          // clear any custom styles
          this.getStyleClass().remove("willPayCell");
          this.getStyleClass().remove("wontPayCell");
          this.getTableRow().getStyleClass().remove("willPayRow");
          this.getTableRow().getStyleClass().remove("wontPayRow");

          // update the item and set a custom style if necessary
          if (item != null) {
            setText(item.toString());
            this.getStyleClass().add(item ? "willPayCell" : "wontPayCell");
            this.getTableRow().getStyleClass().add(item ? "willPayRow" : "wontPayRow");
          }
        }
      };
    }
  });
  column.setPrefWidth(prefWidth);
}

関連している

StackOverflow の質問Background with 2 colors in JavaFX? 、同様のソリューションを提供します。その質問への回答の議論は、JavaFX でのテーブル行の強調表示の注意事項と微妙な点に関する詳細情報を提供します (基本的に、疑似クラス スタイル (フォーカス リング、選択されたバー、ホバー フィードバックなど) をカスタム行で正しく取得することは非常に困難です)スタイル）。

于 2013-04-25T07:42:00.203 に答える
3

すべての列を更新するにはどうすればよいですか? 行全体、つまり行内のすべてのセルを取り消したい場合は、他のすべての CellValueFactory でその条件チェックが必要です。

    ...
    if (indice < getTableView().getItems().size())
        bean = getTableView().getItems().get(indice);
    if (bean != null && bean.isCancelado())
        getStyleClass().add("itemCancelado");
    ...

または、コールバックをデコレータとして実装して、次のようにすることもできます。

public class CellDecorator implements Callback<TableColumn, TableCell> {
    private Callback<TableColumn, TableCell> decorated;

    public CellDecorator(Callback<TableColumn, TableCell> toDecorate) {
      this.decorated = toDecorate;
    }

    // Override this to do your thing.
    public abstract void doStyle(TableCell tableCell);

    @Override
    public void style(TableCell tableCell) {
        // Let the decorated styler do its thing.
        decorated.style(tableCell);

        // Now we do our thing.
        doStyle(cell);
    }
}

public class ItemCanceladoCellFactory extends CellDecorator {
    public ItemCanceladoCellFactory(Callback<TableColumn, TableCell> toDecorate) {
      super(toDecorate);
    }

    @Override
    public void doStyle(TableCell tableCell) {
        ...
        if (bean != null && bean.isCancelado())
            getStyleClass().add("itemCancelado");
    }
}

...
colunaCodigo.setCellValueFactory(new ItemCanceladoCellFactory(new MultiPropertyValueFactory<ItemBean, String>("produto.id")));
colunaDescricao.setCellValueFactory(new ItemCanceladoCellFactory(new MultiPropertyValueFactory<ItemBean, String>("produto.descricao")));
colunaDescricao.setCellFactory(new ItemCanceladoCellFactory(new ItemCanceladoCellFactory()));
....

この方法では、「キャンセルされた」スタイリング コードを繰り返す必要がなく、行全体に適用できます。これは JavaFX 対応のコードではないことに注意してください。これは一般的な考え方です。

于 2013-04-30T13:20:11.877 に答える