JavaFX自定义listView
我想问一下在JavaFX中使用自定义对象制作ListView的最佳方法，我想要一个列表，每个项目都是这样的：
我搜索并发现大多数人都采用细胞工厂方法。还有其他方式吗？例如，使用customer fxml？
这是我的fmxl存档
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.control.Menu?>
<?import javafx.scene.control.MenuBar?>
<?import javafx.scene.control.MenuItem?>
<?import javafx.scene.control.SplitPane?>
<?import javafx.scene.layout.AnchorPane?>
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="557.0" prefWidth="1012.0" style="-fx-background-color: #0288D1;" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="desktop_tasker.FXMLTaskerController">
<children>
<SplitPane dividerPositions="0.5" layoutX="-8.0" layoutY="35.0" prefHeight="529.0" prefWidth="1027.0" style="-fx-background-color: #EEEEEE;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="28.0">
<items>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<ListView fx:id="list_todo" onEditStart="#handleButtonAction" prefHeight="527.0" prefWidth="502.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
</children></AnchorPane>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="527.0" prefWidth="640.0">
<children>
<ListView fx:id="list_done" onEditStart="#handleButtonAction" prefHeight="527.0" prefWidth="502.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
</children></AnchorPane>
</items>
</SplitPane>
<MenuBar prefHeight="30.0" prefWidth="1012.0">
<menus>
<Menu mnemonicParsing="false" text="File">
<items>
<MenuItem mnemonicParsing="false" text="Close" />
</items>
</Menu>
<Menu mnemonicParsing="false" text="Edit">
<items>
<MenuItem mnemonicParsing="false" text="Delete" />
</items>
</Menu>
<Menu mnemonicParsing="false" text="Help">
<items>
<MenuItem mnemonicParsing="false" text="About" />
</items>
</Menu>
</menus>
</MenuBar>
</children>
</AnchorPane>
这是我的对象任务：
import java.text.SimpleDateFormat;
import java.util.Date;
/**
* Created by Usuario on 26/10/2017.
*/
public class Task implements Comparable<Task> {
private String title;
private String attendant;
private String comment;
private String description;
private int priority;
private String creationDate;
private boolean state;
private boolean visible;
public Task(String title, String attendant, String comment, String description, int priority) {
this.title = title;
this.attendant = attendant;
this.comment = comment;
this.description = description;
this.priority = priority;
this.creationDate = setCreationDate();
this.state = false;
this.visible = true;
}
public Task(String title, String attendant, String comment, String description, int priority, String date, boolean state, boolean visible) {
this.title = title;
this.attendant = attendant;
this.comment = comment;
this.description = description;
this.priority = priority;
this.creationDate = date;
this.state = state;
this.visible = visible;
}
private static String setCreationDate() {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
Date date = new Date();
return sdf.format(date);
}
public boolean isVisible() {
return visible;
}
public String getTitle() {
return title;
}
public String getAttendant() {
return attendant;
}
public String getComment() {
return comment;
}
public String getDescription() {
return description;
}
public int getPriority() {
return priority;
}
public String getCreationDate() {
return creationDate;
}
public boolean isState() {
return state;
}
@Override
public String toString() {
return "Task{" +
"title='" + title + '\'' +
", attendant='" + attendant + '\'' +
", comment='" + comment + '\'' +
", description='" + description + '\'' +
", priority=" + priority +
", creationDate='" + creationDate + '\'' +
", state=" + state +
'}';
}
@Override
public boolean equals(Object o) {
if (this == o) return true;
if (o == null || getClass() != o.getClass()) return false;
Task task = (Task) o;
if (priority != task.priority) return false;
if (state != task.state) return false;
if (title != null ? !title.equals(task.title) : task.title != null) return false;
if (attendant != null ? !attendant.equals(task.attendant) : task.attendant != null)
return false;
if (comment != null ? !comment.equals(task.comment) : task.comment != null) return false;
if (description != null ? !description.equals(task.description) : task.description != null)
return false;
return creationDate != null ? creationDate.equals(task.creationDate) : task.creationDate == null;
}
@Override
public int hashCode() {
int result = title != null ? title.hashCode() : 0;
result = 31 * result + (attendant != null ? attendant.hashCode() : 0);
result = 31 * result + (comment != null ? comment.hashCode() : 0);
result = 31 * result + (description != null ? description.hashCode() : 0);
result = 31 * result + priority;
result = 31 * result + (creationDate != null ? creationDate.hashCode() : 0);
result = 31 * result + (state ? 1 : 0);
return result;
}
@Override
public int compareTo( Task task) {
int comparePrior = this.getPriority() - (task.getPriority());
return comparePrior == 0 ? this.getTitle().compareTo(task.getTitle()) : comparePrior;
}
}
我希望这些项看起来像个别容器，但我没有找到任何办法。关于使用什么的任何建议？什么是最好的方法呢？
1 个答案:
答案 0 :(得分：3)
这是使用$input = $request->all();
//Check if input param is an array
if(is_array($input['item']))
{
//Array validator
$Validator = Validator::make($input,
[
'item' => 'required', //Array with key 'item' must exist
'item.*' => 'sometimes|integer', //All values should be integers
]);
}
else
{
//Integer validator
$Validator = Validator::make($input,
[
'item' => 'required|integer',
]);
}
创建自定义FXML
首先，创建一个控制器来继承ListCell。在此控制器的构造函数中，我们在其视图上加载ListCell语句。
FXML这是视图 - task_cell.fxml
public class TaskCell extends ListCell<Task> {
@FXML
private Label titleLabel;
@FXML
private Label commentLabel;
@FXML
private Label descriptionLabel;
public TaskCell() {
loadFXML();
}
private void loadFXML() {
try {
FXMLLoader loader = new FXMLLoader(getClass().getResource("task_cell.fxml"));
loader.setController(this);
loader.setRoot(this);
loader.load();
}
catch (IOException e) {
throw new RuntimeException(e);
}
}
@Override
protected void updateItem(Task item, boolean empty) {
super.updateItem(item, empty);
if(empty) {
setText(null);
setContentDisplay(ContentDisplay.TEXT_ONLY);
}
else {
titleLabel.setText(item.getTitle());
commentLabel.setText(item.getComment());
descriptionLabel.setText(item.getDescription());
setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
}
}
}
然后，您需要创建一个可用于创建单元格的单元工厂。
<fx:root type="javafx.scene.control.ListCell" xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml">
<graphic>
<VBox>
<children>
<Label fx:id="titleLabel" />
<VBox>
<children>
<Label fx:id="commentLabel" />
<Label fx:id="descriptionLabel"/>
</children>
</VBox>
</children>
</VBox>
</graphic>
</fx:root>
我们出厂后，可以使用public class TaskCellFactory implements Callback<ListView<Task>, ListCell<Task>> {
@Override
public ListCell<Task> call(ListView<Task> param) {
return new TaskCell();
}
}
ListView
ListView#setCellFactory()我们可以在包含public class Controller {
@FXML
private ListView<Task> listView;
@FXML
private void initialize() {
listView.setCellFactory(new TaskCellFactory());
}
}
控件的视图的FXML语句中对其进行描述
ListView在第二个版本中， intellij idea 标记了<GridPane fx:controller="sample.Controller" xmlns:fx="http://javafx.com/fxml" alignment="center" hgap="10" vgap="10">
<ListView fx:id="listView" GridPane.columnIndex="0" GridPane.rowIndex="0">
<cellFactory>
<TaskCellFactory />
</cellFactory>
</ListView>
</GridPane>
的错误行，但这显然是xml解析器中的错误。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？