ListView它是通过同一控制非。在JavaFX在。ListView此外,它拥有非常丰富的功能。下列。让我们来看看如何使用ListView。

ListView位于javafx.scene.control包中。该包是包括javafx中的全部UI控件。

继承结构例如以下:

1.ListView的基础使用方法

ObservableList<String> strList = FXCollections.observableArrayList("红色","黄色","绿色");
ListView<String> listView = new ListView<>(strList);
listView.setItems(strList);
listView.setPrefSize(400, 200);
root.getChildren().add(listView);

我们首先通过FXCollections来创建我们ListView须要的数据填充。

通过setItems能够给ListView填充数据。同一时候设置ListView当前的大小。

显示效果例如以下:

2.ListView的选择事件

有时候,当我们点击ListView的Item的时候。我们进行对应的事件处理。

当然。ListView的事件相同是通过属性绑定机制来实现的,详情请见我的另外一篇文章:浅谈JavaFX事件机制

以下是代码:

Label label = new Label("...");
label.textProperty().bind(listView.getSelectionModel().selectedItemProperty());
label.setLayoutY(200);
root.getChildren().add(label);

这里仅仅是简单的将label的text属性绑定到listview的选择属性上面,当listview的选择改变时,label的文本跟着一起改变。

效果图:

相同的。我们能够对ListView的选择属性,加入改变事件,例如以下:

Label label = new Label("...");
label.setLayoutY(200);
root.getChildren().add(label);
listView.getSelectionModel().selectedItemProperty().addListener(
(ObservableValue<? extends String> observable, String oldValue, String newValue) ->{
label.setText(newValue);
});

能够达到相同的效果。

这里使用了lambda表达式(后面事实上是new ChangeListener来监听属性的改变)。没实用JDK 8的朋友们去下载吧。

3.ListView的编辑

同TableView里面Item能够编辑一样,ListView也提供这种功能。

仅仅只是,我们须要改变ListView的CellFactory。

在上述演示样例中,我们仅仅须要加入例如以下代码:

listView.setCellFactory(TextFieldListCell.forListView());
listView.setEditable(true);

我们将ListView的CellFactory设置为TextFieldListCell,来提供编辑功能。

在JavaFX中。提供了非常多默认能够使用的Cell。大家能够自己去看文档javafx.scene.control.cell包中。我就不一一列出来了。

效果图例如以下:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2luZ2ZvdXJldmVy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

双击某个Item,就会进入编辑状态,按回车,编辑就完毕。同一时候,选择属性也会改变。

假设你希望自己来控制ListView Item编辑的相关操作,这里也有三个事件:

setOnEditStart   编辑開始

setOnEditCommit  编辑完毕

setOnEditCancel  
编辑取消

这些事件会在你进行编辑的时候运行。有需求能够在这三个事件中做对应的处理。

4.ListView的自己定义Item

无论怎么说。官方提供的ListView Cell不一定能满足我们的需求。我们一般会自己定义ListCell来实现自己想要的效果。

这样,我们须要继承ListCell来实现自己的Cell。

代码例如以下所看到的:

//ListView的自己定义
ObservableList<String> strList = FXCollections.observableArrayList("red","blue","gold");
ListView<String> listView = new ListView<>(strList);
listView.setItems(strList);
listView.setPrefSize(400, 200);
listView.setCellFactory((ListView<String> l) -> new ColorCell());
listView.setEditable(true);
root.getChildren().add(listView); Label label = new Label("...");
label.textProperty().bind(listView.getSelectionModel().selectedItemProperty());
label.setLayoutY(200);
root.getChildren().add(label);
class ColorCell extends ListCell<String> {
@Override
protected void updateItem(String item, boolean empty) {
super.updateItem(item, empty);
Rectangle rect = new Rectangle(100, 20);
if (item != null) {
rect.setFill(Color.web(item));
setGraphic(rect);
} else {
setGraphic(null);
}
}
}

我们通过继承ListCell,实现UpdateItem方法,来自己定义每一个Cell的内容。

效果图例如以下:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2luZ2ZvdXJldmVy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

ListView的使用解说就到这里了。

基本上能用的到内容也都在这里了。下一节课再见。

本文章为个人原创,转载请注明出处:http://blog.csdn.net/wingfourever,本人的个人博客:http://www.wjfxgame.com

-----------------------------------------------------------------------------------------------------------

有一段时间没有写博客了,也不知为何。总有点疲惫的样子。尽管公司体检。并无什么问题。

看来。也可能是IT行业的通病,工作三年来。从每天精神抖擞,充满激情,到略有疲惫。激情褪去。有人说的那啥,时间是一把XX刀。

个人站点之前用的WordPress,可是实在太不适合写代码了,常常更换主题。导致代码插件不兼容,显示效果各种坑爹。又是折腾插件,又是折腾这折腾那的。表示累了。

一横心把wordpress数据库备份了下。就清空换Z-Blog了。

尽管我也是IT行业。但只不过想写点教程,写点文字,而不想继续花这么多时间折腾在这些无意义的事情上。

近期用Unity3D做了个文字游戏的模版。写脚本就能够完毕游戏了。

只是没有时间写剧本。

以下是截图:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2luZ2ZvdXJldmVy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2luZ2ZvdXJldmVy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

因为仅仅是測试用的脚本,所以文字信息能够忽略。。

另外,近期在用JavaFX做一个游戏地图编辑器,准备用在Unity3D开发2D的RPG或者策略类游戏。

大家假设感兴趣的话,也能够在完毕这个地图编辑器后开源。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2luZ2ZvdXJldmVy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

详细工作计划将会在个人博客中介绍。感谢支持。

---------------------------------------------------------------------------------------------------------------------------------------------------------

版权声明:本文博客原创文章,博客,未经同意,不得转载。

JavaFX它ListView使用的更多相关文章

  1. 问题记录:JavaFx 鼠标滑轮滚动事件监听!

    问题描述: 在listview的item里面添加鼠标拖拽排序功能.代码如下: setOnMouseDragged(event -> { //设定鼠标长按0.3秒后才可拖拽 防止误操作 isCan ...

  2. javafx之CSS初探

    文档:http://www.haogongju.net/art/1807238 javafx中的css元素必须有-fx-前缀. 一.介绍 java8中新增了javafx.css开放了css相关api. ...

  3. ListCell Animation in ListView

    After a long time I am back again with new stuffs. I have seen that JavaFX has got so many demand no ...

  4. JavaFX2: 鼠标拖动选择和Ctrl+Shift连续区间选择的ListView

    JavaFX2的ListView中的多选没有提供鼠标拖动选择的功能,同时按下Ctrl和Shift后连续的区间选中也不支持,以下代码用于处理这两个问题,细节见代码注释: import com.sun.j ...

  5. JavaFX的扩展控件库ControlsFX介绍

    声明:   本博客文章原创类别的均为个人原创,版权所有.转载请注明出处: http://blog.csdn.net/ml3947,另外本人的个人博客:http://www.wjfxgame.com. ...

  6. 【javaFX学习】(二) 面板手册--1

    找了好几个资料,没找到自己想要的,自己写个列表吧,方便以后用的时候挑选,边学边记.以学习笔记为主,所以会写的会偏个人记忆性.非教程,有什么问题一起讨论啊. 各个不同的控件放入不同的面板中有不同的效果, ...

  7. 【javaFX学习】(二) 控件手册

    这里写的控件可能不是所有的控件,但是应该是比较齐全并足够用的了,后面还有图表类的,3d模型类,放在后面来写吧,太多了.javafx的功能比以前想象中的要强大.而且也很方便,所有的控件写完后再用Scen ...

  8. 利用JavaFx开发RIA桌面应用-在线资料

    转载请注明来源-作者@loongshawn:http://blog.csdn.net/loongshawn/article/details/52805751 1.前言 虽说java已经不是主流的桌面应 ...

  9. JavaFX 的 UI 控件集 ControlsFX

    出处:http://www.oschina.net/p/controlsfx JavaFX 的 UI 控件集 ControlsFX ControlsFX 开源项目旨在为 JavaFX 开发提供更多的 ...

随机推荐

  1. 一张图总结Google C++编程规范(Google C++ Style Guide)

    Google C++ Style Guide是一份不错的C++编码指南,我制作了一张比較全面的说明图,能够在短时间内高速掌握规范的重点内容.只是规范毕竟是人定的,记得活学活用.看图前别忘了阅读以下三条 ...

  2. NET工厂模式架构

    NET工厂模式架构 最近项目的架构需要做调整优化,根据业务需要写了一个简单的工厂模式架构 项目介绍:整个系统分为三大平台(这里用A,B,C来标示),每个平台又细分为多个APP客户端(每个APP都有ap ...

  3. 【十一年】注入框架RoboGuice采用:(Your First Injection into a Custom View class)

    上一篇我们简单的介绍了一下RoboGuice的使用([十]注入框架RoboGuice使用:(Your First Testcase)),今天我们来看下自己定义View的注入(Custom View). ...

  4. LeetCode——Rotate List

    Given a list, rotate the list to the right by k places, where k is non-negative. For example: Given  ...

  5. Django URL 命名空间

    https://docs.djangoproject.com/en/1.5/topics/http/urls/#introduction 译文: URL 命名空间 简介: 当你需要部署一个应用的多个实 ...

  6. poj 3172 Scales 搜索

    其实这个题目要是注意到了题目的一点关键性的描述就会变得很简单,题意是给出的砝码是至少是前两个的和的,有了这一点,那么砝码的数量应该就在几十左右,这样的话适当剪枝的搜索是应该可以过的. #include ...

  7. STL源代码剖析 容器 stl_hashtable.h

    本文为senlie原创.转载请保留此地址:http://blog.csdn.net/zhengsenlie hashtable ------------------------------------ ...

  8. css实现自适应屏幕高度

    body,html{ margin:0px; height:100%; }

  9. 从零開始学习OpenCL开发(一)架构

    多谢大家关注 转载本文请注明:http://blog.csdn.net/leonwei/article/details/8880012 本文将作为我<从零開始做OpenCL开发>系列文章的 ...

  10. lca转RMQ

    这个博客写得好 #include <stdio.h> #include <vector> #include <string.h> using namespace s ...