javafx tableview与ObservableList进行数据双向绑定
TableView的数据填充,需要一个ObservableList。其中需要一个类来做数据填充。
下面看看我们数据填充的类:
复制代码代码如下:
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.property.SimpleStringProperty;
/**
*
* @author wing
*/
public final class DownloadData {
private final SimpleStringProperty fileName = new SimpleStringProperty();
private final SimpleStringProperty status = new SimpleStringProperty();
private final SimpleStringProperty dlSpeed = new SimpleStringProperty();
private final SimpleDoubleProperty progress = new SimpleDoubleProperty();
private final SimpleStringProperty downloadSize = new SimpleStringProperty();
private final SimpleStringProperty dlPercent = new SimpleStringProperty();
private String uuid;
public DownloadData(String filename, double progress) {
setFileName(filename);
setProgress(progress);
}
public DownloadData(String status, String filename, String dlSpeed, double progress) {
setStatus(status);
setFileName(filename);
setDlSpeed(dlSpeed);
setProgress(progress);
}
/**
* @return the fileName
*/
public String getFileName() {
return fileName.get();
}
/**
* @param fileName the fileName to set
*/
public void setFileName(String fileName) {
this.fileName.set(fileName);
}
public SimpleStringProperty fileNameProperty(){
return fileName;
}
/**
* @return the status
*/
public String getStatus() {
return status.get();
}
/**
* @param status the statusto set
*/
public void setStatus(String status) {
this.status.set(status);
}
public SimpleStringProperty statusProperty(){
return status;
}
/**
* @return the String
*/
public String getDlSpeed() {
return dlSpeed.get();
}
/**
* @param dlSpeed the dlSpeed to set
*/
public void setDlSpeed(String dlSpeed) {
this.dlSpeed.set(dlSpeed);
}
public SimpleStringProperty dlSpeedProperty(){
return dlSpeed;
}
/**
* @return the progress
*/
public double getProgress() {
return progress.get();
}
/**
* @param progress the progress to set
*/
public void setProgress(double progress) {
this.progress.set(progress);
}
public SimpleDoubleProperty progressProperty(){
return progress;
}
public String getDownloadSize() {
return downloadSize.get();
}
public void setDownloadSize(String downloadSize) {
this.downloadSize.set(downloadSize);
}
public SimpleStringProperty downloadSizeProperty(){
return downloadSize;
}
public String getDlPercent() {
return dlPercent.get();
}
public void setDlPercent(String dlPercent) {
this.dlPercent.set(dlPercent);
}
public SimpleStringProperty dlPercentProperty(){
return dlPercent;
}
public String getUUID() {
return uuid;
}
public void setUUID(String uuid) {
this.uuid = uuid;
}
}
记住,用作数据填充的类,一定要用JavaFX的Property机制,可以进行数据绑定,这样在我们改变ObservableList的时候,TableView的数据才会实时刷新。
复制代码代码如下:
private final ObservableListDownloadData data
= FXCollections.observableArrayList();
ObservableListTableColumn observableList = mDownloadTable.getColumns();
observableList.get(0).setCellValueFactory(new PropertyValueFactory(“status”));
observableList.get(1).setCellValueFactory(new PropertyValueFactory(“fileName”));
observableList.get(2).setCellValueFactory(new PropertyValueFactory(“dlSpeed”));
observableList.get(3).setCellValueFactory(new PropertyValueFactory(“downloadSize”));
observableList.get(4).setCellValueFactory(new PropertyValueFactory(“progress”));
observableList.get(4).setCellFactory(ProgressBarTableCell.forTableColumn());
observableList.get(5).setCellValueFactory(new PropertyValueFactory(“dlPercent”));
mDownloadTable.setItems(data);
我们通过TableView.getColumns来获取TableView的所有列。
CellValueFactory指的是TableView每一列里填充的数据。我们这里简单的使用PropertyValueFacotry。后面的要对应你DownloadData中的Property属性名。
CellFactory我们可以指定TableView中某一个Cell的视图类型。大家可以看到我用到了个ProgressBar。
另外CellFactory,JavaFX中自带部分的CellFactory,详细的大家可以在javafx.scene.control.cell包中找到。
接着我们通过创建DownloadData,设置数据,并添加到ObservableList中即可。
各位,javafx和swing哪个最界面更加强大
总体来说Swing更稳定,资料更丰富, JavaFX更强大:
一:JavaFX设计思路比较好, 界面和控制逻辑分开, 类似于网页,方便程序员和美术一起协作. 也方便修改.
FXML文件类似于html ,里面放的是 控件和布局
css 文件 就几乎完全一样了, 里面存放的样式 ,用于修饰 控件的外观. 比如换肤功能,只需要切换一下css文件即可
Controller.java文件, 类似于JavaScript ,主要用于行为的控制, 比如点击按钮后的响应等
二:JavaFX组件更丰富 .比如DatePicker,TreeTableView,Pagination,HTMLEditor,ProgressIndicator 等等..特别是WebView 支持html5
三: JavaFX 可以很简单的实现3D效果, 动画, 特效等,
四: JavaFX 支持属性的绑定, 可以更方便的把事件和界面联系在一起,比如 滑块的值,和正方形的边长进行绑定,这样拉动滑块,就可以自动改变正方形的变长, 非常的简洁
五: JavaFX 有原生图表,并且比较美观
六: JavaFX 对多媒体提供了支持, 播放音乐,视频 也是很简单的
当然JavaFX 也还是存在一些问题的,
Swing资料非常丰富, 而JavaFX资料相对较少. Swing可以使用纯Java开发, JavaFX 还需要了解下css , xml 等,学习成本稍高
JavaFX的可视化开发工具SceneBuilder ,个人觉得还不太稳定
JavaFX的异常处理机制不太完美,很多时候抛出的异常不能准确定位, debug需要耗费一些时间.
javafx8 里的tableview对象,怎样在点击某一行时,获取到该行的所有tablecell对象
每一列都是一个TableColumn,我们可以直接创建也可以在JavaFX Scene Builder中创建好。 TableView的数据填充,需要一个ObservableList。其中需要一个类来做数据填充。
怎么使用treeview标签javafx
在JavaFX的com.sun.javafx.scene.control.skin.caspian的包中,有一个caspian.css文件,里面定义了JavaFX的默认样式。
打开文件,搜索“Treeview”,可以找到如下内容:
/************************************************************************
* *
* TreeView and TreeCell *
* *
************************************************************************/
.tree-view {
-fx-skin: “com.sun.javafx.scene.control.skin.TreeViewSkin”;
-fx-background-color: -fx-box-border, -fx-control-inner-background;
-fx-background-insets: 0, 1;
/* There is some oddness if padding is in em values rather than pixels,
in particular, the left border of the control doesn’t show. */
-fx-padding: 1; /* 0.083333em; */
}
…
javaFX Tree View控件绑定CheckBoxTreeCell获取值
JavaFX 2.0 有监听功能的。比如:
treeVew.getSelectionModel().selectedItemProperty().addListener(new ChangeListener(){
@Override
public void changed(ObservableValue observable,Object oldValue, Object newValue){
system.out.println(“selection change”);
}
});
还有 监听FocusModel(焦点模型)
treegetFocusModel().focusedItemProperty().addListener(new ChangeListenerTreeItem() {
@Override
public void changed(
ObservableValue? extends TreeItem observable,
TreeItem oldValue, TreeItem newValue) {
system.out.println(“tree selection changed”);
}
});
javafx中怎么手动的触发事件,如树节点的更新事件
实现方式:
可以实现采用手动触发事件的方式。
TreeItemAbstractTreeNode currentTreeItem = ****;//当前发生修改的树节点
currentTreeItem.getValue().setNodeText(“abc”);
//自动触发修改的事件,使树节点的显示信息能同步修改
Event.fireEvent(currentTreeItem, new TreeItem.TreeModificationEventAbstractTreeNode(TreeItem.valueChangedEvent(), currentTreeItem, currentTreeItem.getValue()));
构建树节点的显示时自定义渲染方式:
TreeViewAbstractTreeNode leftNodeTree = new TreeViewAbstractTreeNode();
….
leftNodeTree.setCellFactory(new CallbackTreeViewAbstractTreeNode, TreeCellAbstractTreeNode() {
@Override
public TreeCellAbstractTreeNode call(TreeViewAbstractTreeNode param) {
return new TreeCellImpl();
}
});
public class TreeCellImpl extends TreeCellAbstractTreeNode {
@Override
public void updateItem(AbstractTreeNode item, boolean empty) {
super.updateItem(item, empty);
if (empty) {
setText(null);
setGraphic(null);
} else {
setText(item.getNodeText());
setGraphic(item.getGraphic());
if (item.getNodeType().equals(NodeType.TREE_CONFIG_NODE)) {
setContextMenu(new TreeConfigContextMenu(this.getTreeView(), this.getTreeItem(), item));
} else if (item.getNodeType().equals(NodeType.TREE_DETAIL_CONFIG_NODE)) {
setContextMenu(new TreeDetailConfigContextMenu(this.getTreeView(), this.getTreeItem(), item));
} else if (item.getNodeType().equals(NodeType.SHAREDATA_FIELDS_NODE)) {
// setContextMenu(new TreeConfigContextMenu(item));
}
}
}
}
class AbstractTreeNode {
private String nodeId;
private String nodeText;
public String getNodeId() {
return nodeId;
}
public void setNodeId(String nodeId) {
this.nodeId = nodeId;
}
public String getNodeText() {
return nodeText;
}
public void setNodeText(String nodeText) {
this.nodeText = nodeText;
}