JavaFX ListView单元格的鼠标悬停特效以及拖拉排序

ListView特效
最新推荐文章于 2024-07-22 11:17:19 发布
转载 最新推荐文章于 2024-07-22 11:17:19 发布 · 1.6k 阅读 · 2

要实现ListView单元格的鼠标悬停特效同样要使用Listview.setCellFactory（Callback<ListView, ListCell> value）工厂方法，新建一个ListCell编写ListCell.hoverProperty().addListener（ChangeListener<? super Boolean> listener）实现鼠标悬听的监听事件。

listview.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
			int position = 0;
			String positionstr = "";
			@Override
			public ListCell<String> call(ListView<String> param) {
				// TODO Auto-generated method stub
				Label label = new Label();
				
				ListCell<String> cell = new ListCell<String>(){
					
					@Override
					protected void updateItem(String item, boolean empty) {
						
						super.updateItem(item, empty);
						
						if(empty == false){
							label.setText(item);
							label.setPrefHeight(20);
							label.setFont(new Font(15.0));
							this.setGraphic(label);
						}
					}
					
				};
				cell.hoverProperty().addListener(new ChangeListener<Boolean>() {

					@Override
					public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue,
							Boolean newValue) {
						if(newValue == true && label.getText().equals("") != true){
							position = param.getItems().indexOf(label.getText());
							label.setPrefHeight(40.0);
							label.setFont(new Font(22));
							param.getFocusModel().focus(position);
						}else{
							label.setPrefHeight(20);
							label.setFont(new Font(15.0));
						}
						
					}
				});
			return cell;
			}
		});

要实现拖拉排序首先获取点击的元素位置，使用listview.getSelectionModel().selectedIndexProperty().addListener（）或者listview.getSelectionModel().selectedItemProperty().addListener（）获取选中元素或者索引。通过cell.setOnDragDetected()创建拖拉面板将选中元素添加进入。

		listview.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
			int position = 0;
			String positionstr = "";
			@Override
			public ListCell<String> call(ListView<String> param) {
				// TODO Auto-generated method stub
				Label label = new Label();
				
				ListCell<String> cell = new ListCell<String>(){
					
					@Override
					protected void updateItem(String item, boolean empty) {
						
						super.updateItem(item, empty);
						
						if(empty == false){
							label.setText(item);
							label.setPrefHeight(20);
							label.setFont(new Font(15.0));
							this.setGraphic(label);
						}
					}
					
				};
				cell.hoverProperty().addListener(new ChangeListener<Boolean>() {

					@Override
					public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue,
							Boolean newValue) {
						if(newValue == true && label.getText().equals("") != true){
							position = param.getItems().indexOf(label.getText());
							label.setPrefHeight(40.0);
							label.setFont(new Font(22));
							param.getFocusModel().focus(position);
						}else{
							label.setPrefHeight(20);
							label.setFont(new Font(15.0));
						}
						
					}
				});
				//设置如何处理拖拽元素，先删除拖拽位置元素，再将其添加在拖拽位置
				cell.setOnDragDropped(new EventHandler<DragEvent>() {

					@Override
					public void handle(DragEvent event) {
						// TODO Auto-generated method stub
						if(position == -1){
							position = param.getItems().size()-1;
						}
						 String value = event.getDragboard().getString();
						 param.getItems().remove(index);
						 param.getItems().add(position,value);
						 System.out.println(value);
						 param.getSelectionModel().select(position);
					}
				});
				
				cell.setOnDragOver(new EventHandler<DragEvent>() {

					@Override
					public void handle(DragEvent event) {
						// TODO Auto-generated method stub
						event.acceptTransferModes(TransferMode.MOVE);
						
					}
				});
				//实时获取拖拽位置
				cell.setOnDragEntered(new EventHandler<DragEvent>() {

					@Override
					public void handle(DragEvent event) {
						// TODO Auto-generated method stub
						position = param.getItems().indexOf(label.getText());
						positionstr = label.getText();
						param.getFocusModel().focus(position);//得到焦点
						
						//System.out.println(position + "-" + label.getText() );
					}
				});
				//创建拖拽面板加入选中拖拽元素
				cell.setOnDragDetected(new EventHandler<MouseEvent>() {

					@Override
					public void handle(MouseEvent event) {
						Dragboard db = cell.startDragAndDrop(TransferMode.MOVE);
						ClipboardContent content = new ClipboardContent();
						content.putString(data);
						db.setContent(content);
					}
				});
		
				return cell;
			}
		});

全部代码

package com.fx;
import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.ListCell;
import javafx.scene.control.ListView;
import javafx.scene.input.ClipboardContent;
import javafx.scene.input.DragEvent;
import javafx.scene.input.Dragboard;
import javafx.scene.input.MouseEvent;
import javafx.scene.input.TransferMode;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.VBox;
import javafx.scene.text.Font;
import javafx.stage.Stage;
import javafx.util.Callback;

public class ListViewTest extends Application{
	int index;
	String data;
	public static void main(String[] args){
		launch(args);
	}
	@Override
	public void start(Stage primaryStage) throws Exception {
		// TODO Auto-generated method stub
		AnchorPane an = new AnchorPane();
		String s1 = "A先生-18-男";
		String s2 = "B先生-18-男";
		String s3 = "C先生-18-男";
		String s4 = "D先生-18-男";
		ObservableList<String> list = FXCollections.observableArrayList();	
		list.addAll(s1,s2,s3,s4);

		ListView<String> listview = new ListView<String>();
		//占位符 当listview没有数据时显示占位符
		listview.setPlaceholder(new Label("没有数据"));
		//添加一个可观测的列表显示
		listview.setItems(list);
		listview.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
			int position = 0;
			String positionstr = "";
			@Override
			public ListCell<String> call(ListView<String> param) {
				// TODO Auto-generated method stub
				Label label = new Label();
				
				ListCell<String> cell = new ListCell<String>(){
					
					@Override
					protected void updateItem(String item, boolean empty) {
						
						super.updateItem(item, empty);
						
						if(empty == false){
							label.setText(item);
							label.setPrefHeight(20);
							label.setFont(new Font(15.0));
							this.setGraphic(label);
						}
					}
					
				};
				cell.hoverProperty().addListener(new ChangeListener<Boolean>() {

					@Override
					public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue,
							Boolean newValue) {
						if(newValue == true && label.getText().equals("") != true){
							position = param.getItems().indexOf(label.getText());
							label.setPrefHeight(40.0);
							label.setFont(new Font(22));
							param.getFocusModel().focus(position);
						}else{
							label.setPrefHeight(20);
							label.setFont(new Font(15.0));
						}
						
					}
				});
				//设置如何处理拖拽元素，先删除拖拽位置元素，再将其添加在拖拽位置
				cell.setOnDragDropped(new EventHandler<DragEvent>() {

					@Override
					public void handle(DragEvent event) {
						// TODO Auto-generated method stub
						if(position == -1){
							position = param.getItems().size()-1;
						}
						 String value = event.getDragboard().getString();
						 param.getItems().remove(index);
						 param.getItems().add(position,value);
						 System.out.println(value);
						 param.getSelectionModel().select(position);
					}
				});
				
				cell.setOnDragOver(new EventHandler<DragEvent>() {

					@Override
					public void handle(DragEvent event) {
						// TODO Auto-generated method stub
						event.acceptTransferModes(TransferMode.MOVE);
						
					}
				});
				//实时获取拖拽位置
				cell.setOnDragEntered(new EventHandler<DragEvent>() {

					@Override
					public void handle(DragEvent event) {
						// TODO Auto-generated method stub
						position = param.getItems().indexOf(label.getText());
						positionstr = label.getText();
						param.getFocusModel().focus(position);//得到焦点
						
						//System.out.println(position + "-" + label.getText() );
					}
				});
				//创建拖拽面板加入选中拖拽元素
				cell.setOnDragDetected(new EventHandler<MouseEvent>() {

					@Override
					public void handle(MouseEvent event) {
						Dragboard db = cell.startDragAndDrop(TransferMode.MOVE);
						ClipboardContent content = new ClipboardContent();
						content.putString(data);
						db.setContent(content);
					}
				});
		
				return cell;
			}
		});
		//设置单元格尺寸 
		listview.setFixedCellSize(50);
	
		an.getChildren().addAll(listview);
		AnchorPane.setTopAnchor(listview, 50.0);
		AnchorPane.setLeftAnchor(listview, 30.0);
		Scene scene = new Scene(an);
		primaryStage.setScene(scene);
		primaryStage.setTitle("javafx");
		primaryStage.setHeight(500);
		primaryStage.setWidth(500);
		primaryStage.show();
		listview.getSelectionModel().selectedIndexProperty().addListener(new ChangeListener<Number>() {

			@Override
			public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
				// TODO Auto-generated method stub
				
				index = newValue.intValue();
				//System.out.println(index);
			}
		});
		listview.getSelectionModel().selectedItemProperty().addListener(new ChangeListener<String>() {

			@Override
			public void changed(ObservableValue<? extends String> observable, String oldValue, String newValue) {
				// TODO Auto-generated method stub
				data = newValue;
			}
		});
	}

}

学习至B站up主Aimls

javafx的ListView代入项目的使用
2302_80364740的博客
07-25 825
（渲染器）展示控件的每个单元格，并且它可以允许你为每个单元格提供一个定制的渲染器，这里我定制的渲染器为ImageCellFctoryFriendList（方法名自定义），为自定义函数，格式需要一样，但是内容可以自定义。sitItems展示我添加的好友信息（项目中我只展示了好友的头像，昵称及在线状态）其中User为用户信息，MarkTool类是为了方便客户端，服务端传递信息的。这里先获取需要的用户信息，然后进行展示，两个50分别为展示头像的长和宽。设置右击菜单，这里右会出现两个按钮，具体代码在本文章的最后！
JavaFX TableView和ListView的点击事件
Lawosn的博客
10-12 2324
使用JavaFX中的ListView和TableView来完成一个简易的商城界面 单击listview的行 自动聚焦到tableview相对应行 监听双击tableview 弹出窗口 监听filter自动过滤tableview内容
JAVAFX 鼠标悬浮提示 Tooltip组件
王魂风气的博客
12-16 1239
Tooltip有两种不同的状态：被激活和显示中。当Tooltip是被激活状态时，说明鼠标移动到了一个控件上。当Tooltip是显示中状态时，说明它已经明确地显示出来了。已经显示的Tooltip同样也是被激活的。在Tooltip从被激活到被明确显示出来之间一般有一个延迟。Tooltip类表示一个常见的UI组件，它常用于为其他UI控件显示附加的信息。通过调用setTooltip方法可以将Tooltip设置给任何控件。Tooltip控件，它可以设置给任何UI控件，当鼠标移动到该控件上时Tooltip就会显示。
拖动实现listview的item改变顺序（DragSortListView）
hjqjl的博客
10-27 4847
用开源库DragSortListView做了一个demo，是用于拖拽改变listview中的item顺序的。
javafx点击鼠标出现弹窗，demo
weixin_33712987的博客
09-11 1147
在学习javafx的过程中，不知道怎么出现一个弹窗，如，点击一个按钮出现一个修改信息的列表选项 终于在javafx文档示例中发现了类似的东西，记录一下，备忘package demo9_button;import javafx.application.Application;import static javafx.application.Application.launch;import jav...
java 鼠标悬停事件_java – 用鼠标悬停触发JXCollapsiblePane
weixin_39921023的博客
02-25 350
在SwingX的例子中,JXCollapsiblePane与按钮一起使用,但我想用鼠标事件转置它.在我的示例中,JXCollapsiblePane在开始时关闭.只有当用户在按钮上附带鼠标才能打开JXCollapsiblePane.当鼠标离开该区域时,假设JXCollapsiblePane再次崩溃.我的问题：当鼠标通过按钮离开区域时,JXCollapsiblePane没有折叠.public clas...
JavaFX：获取ListView（列表视图）的选项
weixin_44000753的博客
10-18 2373
JavaFX：获取ListView（列表视图）的选项 我们使用下面的图片进行举例，点击左侧ListView选项，右侧label面板显示对应颜色。如何获取用户的选择项？ 上代码 /** * listView的事件处理添加 */ listView.getSelectionModel().selectedItemProperty().addLis...
java fx listview,从零开始学习JavaFX(13) 控件篇之ListView
weixin_29416037的博客
03-10 1182
本来准备把所有的控件都写一写，后来觉得没有太大的必要，只准备挑一些重点控件了。另外JavaFX在Android上打包发布目前都没有什么问题，不过JavaFX游戏在Android上效率一般，毕竟只是Canvas绘图，所以对帧率等要求比较高的游戏还是不建议将JavaFX发布到Android上。个人最近在写自己简单的游戏引擎的示例，准备不久后开源。上面是题外话了，现在我们来看看ListView的使用。1...
javaFx TableView 单元格自动换行
flurr66的博客
09-26 901
javaFx TableView 单元格自动换行
C#实现鼠标悬停在listview某项时弹出toolTip提示
u012338130的专栏
06-24 1427
/// <summary> /// listView item鼠标悬停事件 /// </summary> private void listView1_ItemMouseHover(object sender, ListViewItemMouseHoverEventArgs e) { ToolTip toolTip = new ToolTip(); string itemInfor = "编\t号：" + e.Item.SubItems[0].Text +.
Java实现列表拖拽
最新发布
echola_mendes的博客
07-22 1035
在项目中，需要实现列表的上下拖拽，就是将活动当前id和目标id进行上下挤压，重新排序，每一个活动都有一个序号。直接使用Sortutils.sort工具类即可实现活动列表的拖拽功能。：将活动1拖拽到活动3的位置时，应该是活动2、活动3、活动1。：将活动3拖拽到活动1的位置时，应该是活动3、活动1、活动2。1、首先需要将需要活动id以及活动序号，添加上注解。保证分页进行拖拽后排序也是有效的。
java光标悬浮提示框_jquery实现鼠标悬浮弹出气泡提示框
weixin_35632257的博客
03-02 639
jquery鼠标悬浮弹出气泡提示框，供大家参考，具体内容如下居中的图片代码我在网上找了很多例子都是单独的一个，所以我修改了jquery的一点代码，让它可以在一个页面上多次使用，原文的地址我没找到，相信我这个会更好一点。//别忘了导入js文件！气泡显示.container {margin-top: 130px;}.tip {padding: 8px 12px;width: 140px;display...
ListView中停靠（悬浮）效果
android程序猿HJ的博客
12-22 517
获取手机DPI private void printDPI() { String str = ""; DisplayMetrics dm = new DisplayMetrics(); // getWindowManager().getDefaultDisplay().getMetrics(dm); dm = this.getApplicationCo
ListView IsMouseOver 创建鼠标悬停即可选中的效果
qq_41059339的博客
06-16 486
<ListView.ItemContainerStyle> <Style TargetType="{x:Type ListViewItem}"> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True">
Java开发桌面程序学习（12）——Javafx 悬浮窗提示 tooptip
weixin_30883311的博客
07-15 978
Javafx 悬浮窗提示 tooptip 鼠标悬浮在某个控件，弹出提示，效果如下： 代码： //control是某个控件 Tooltip.install(control, new Tooltip("鼠标悬浮显示的文字")); 转载于:https://www.cnblogs.com/kexing/p/11189312.html...
JavaFX学习之样例2
lujin55的博客
02-20 318
该代码主要是在linechart中移动到点时显示数据内容 [code="java"] import javafx.application.Application; import javafx.collections.*; import javafx.event.EventHandler; import javafx.scene.*; import javafx.scene.char...
javaFX 鼠标悬停等一系列操作
qq_34651026的博客
08-29 1926
做了个简单的测试，鼠标对控件悬停和移走的操作
javafx中创建css,从零开始学习JavaFX（3）使用JavaFX CSS让表单变得丰富多彩
weixin_30443729的博客
08-03 1760
在上一节教程中，我们已经学习了如何在JavaFX中创建简单的表单和创建简单的表单事件。这一节中，我们将会学习如何在JavaFX中使用CSS，来让表单变得漂亮和特别。我们依然使用上一节教程中的表单，如下图所示:默认的CSS样式是左图，使用CSS样式之后的为右图。我们先创建一个Login.css文件，然后在我们的初始化方法中写下如下代码:Scene scene = new Scene(grid, 30...
javafx listview中鼠标左键双击监听
04-05
要在JavaFX ListView中监听鼠标左键双击，可以使用setOnMouseClicked()方法和MouseEvent.getClickCount()方法来检查鼠标点击的次数。以下是示例代码： ``` listView.setOnMouseClicked(event -> { if (event.getButton() == MouseButton.PRIMARY && event.getClickCount() == 2) { // 鼠标左键双击事件处理 Object selectedItem = listView.getSelectionModel().getSelectedItem(); System.out.println("双击了：" + selectedItem); } }); ``` 在这个示例中，我们检查了鼠标点击的按钮是否为左键，并且检查了点击的次数是否为2。如果都符合条件，就执行双击事件处理。在处理事件时，我们获取了ListView中被选中的项，并输出了它的值。您可以根据需要在事件处理程序中执行其他操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值