- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 JavaFX 的新手,我似乎无法找到如何做到这一点。
我在 Vbox 中有一个 ListView,我用字符串的 ObservableList 填充。我已将 ListView 的 SelectionMode 设置为 MULTIPLE,这允许我在按住 Ctrl 或 Shift 键的同时选择多个项目。
我希望能够单击一行并向下拖动鼠标并选择多行,但我不知道该怎么做。我尝试了几次搜索,似乎只找到拖放,这不是我需要的。
@FXML private ListView availableColumnList;
private ObservableList<String> availableColumns = FXCollections.<String>observableArrayList("One","Two","Three","Four");
availableColumnList.getItems().addAll(availableColumns);
availableColumnList.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
最佳答案
如果您使用的是 JavaFX 10+,那么您可以扩展 ListViewSkin
并在那里添加功能。您需要 JavaFX 10 或更高版本的原因是因为那时 VirtualContainerBase
类,ListViewSkin
扩展,有 getVirtualFlow()
添加的方法。然后您可以使用动画 API,例如 AnimationTimer
, 滚动 ListView
通过 VirtualFlow#scrollPixels(double)
方法。
下面是一个概念验证。它所做的只是自动滚动ListView
当鼠标靠近 ListView
的顶部(或左侧)或底部(或右侧)时.当鼠标进入一个单元格时,该项目被选中(粗略地)。如果您想在开始向相反方向拖动鼠标时取消选择项目,那么您需要自己实现。您可能想要实现的另一件事是停止 AnimationTimer
如果 ListView
被隐藏或从场景中移除。
注:下面使用“完全按下-拖动-释放”手势。换句话说,有 MouseEvent
的混合体。处理程序和 MouseDragEvent
处理程序。使用原因MouseDragEvent
s 是因为它们可以传递到其他节点,而不仅仅是原始节点(与“简单的按下-拖动-释放”手势不同)。查看 this documentation了解更多信息。
Main.java
import java.util.stream.Collectors;
import java.util.stream.IntStream;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.scene.Scene;
import javafx.scene.control.ListView;
import javafx.scene.control.SelectionMode;
import javafx.stage.Stage;
public final class Main extends Application {
@Override
public void start(Stage primaryStage) {
var listView = IntStream.range(0, 1000)
.mapToObj(Integer::toString)
.collect(Collectors.collectingAndThen(
Collectors.toCollection(FXCollections::observableArrayList),
ListView::new
));
// Sets the custom skin. Can also be set via CSS.
listView.setSkin(new CustomListViewSkin<>(listView));
listView.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
primaryStage.setScene(new Scene(listView, 600, 400));
primaryStage.show();
}
}
import javafx.animation.AnimationTimer;
import javafx.geometry.Rectangle2D;
import javafx.scene.control.ListView;
import javafx.scene.control.SelectionMode;
import javafx.scene.control.skin.ListViewSkin;
import javafx.scene.input.MouseDragEvent;
import javafx.scene.input.MouseEvent;
public class CustomListViewSkin<T> extends ListViewSkin<T> {
private static final double DISTANCE = 10;
private static final double PERCENTAGE = 0.05;
private AnimationTimer scrollAnimation = new AnimationTimer() {
@Override
public void handle(long now) {
if (direction == -1) {
getVirtualFlow().scrollPixels(-DISTANCE);
} else if (direction == 1) {
getVirtualFlow().scrollPixels(DISTANCE);
}
}
};
private Rectangle2D leftUpArea;
private Rectangle2D rightDownArea;
private int direction = 0;
private int anchorIndex = -1;
public CustomListViewSkin(final ListView<T> control) {
super(control);
final var flow = getVirtualFlow();
final var factory = flow.getCellFactory();
// decorate the actual cell factory
flow.setCellFactory(vf -> {
final var cell = factory.call(flow);
// handle drag start
cell.addEventHandler(MouseEvent.DRAG_DETECTED, event -> {
if (control.getSelectionModel().getSelectionMode() == SelectionMode.MULTIPLE) {
event.consume();
cell.startFullDrag();
anchorIndex = cell.getIndex();
}
});
// handle selecting items when the mouse-drag enters the cell
cell.addEventHandler(MouseDragEvent.MOUSE_DRAG_ENTERED, event -> {
event.consume();
if (event.getGestureSource() != cell) {
final var model = control.getSelectionModel();
if (anchorIndex < cell.getIndex()) {
model.selectRange(anchorIndex, cell.getIndex() + 1);
} else {
model.selectRange(cell.getIndex(), anchorIndex + 1);
}
}
});
return cell;
});
// handle the auto-scroll functionality
flow.addEventHandler(MouseDragEvent.MOUSE_DRAG_OVER, event -> {
event.consume();
if (leftUpArea.contains(event.getX(), event.getY())) {
direction = -1;
scrollAnimation.start();
} else if (rightDownArea.contains(event.getX(), event.getY())) {
direction = 1;
scrollAnimation.start();
} else {
direction = 0;
scrollAnimation.stop();
}
});
// stop the animation when the mouse exits the flow/list (desired?)
flow.addEventHandler(MouseDragEvent.MOUSE_DRAG_EXITED, event -> {
event.consume();
scrollAnimation.stop();
});
// handle stopping the animation and reset the state when the mouse
// is released. Added to VirtualFlow because it doesn't matter
// which cell receives the event.
flow.addEventHandler(MouseEvent.MOUSE_RELEASED, event -> {
if (anchorIndex != -1) {
event.consume();
anchorIndex = -1;
scrollAnimation.stop();
}
});
updateAutoScrollAreas();
registerChangeListener(control.orientationProperty(), obs -> updateAutoScrollAreas());
registerChangeListener(flow.widthProperty(), obs -> updateAutoScrollAreas());
registerChangeListener(flow.heightProperty(), obs -> updateAutoScrollAreas());
}
// computes the regions where the mouse needs to be
// in order to start auto-scrolling. The regions depend
// on the orientation of the ListView.
private void updateAutoScrollAreas() {
final var flow = getVirtualFlow();
switch (getSkinnable().getOrientation()) {
case HORIZONTAL:
final double width = flow.getWidth() * PERCENTAGE;
leftUpArea = new Rectangle2D(0, 0, width, flow.getHeight());
rightDownArea = new Rectangle2D(flow.getWidth() - width, 0, width, flow.getHeight());
break;
case VERTICAL:
final double height = flow.getHeight() * PERCENTAGE;
leftUpArea = new Rectangle2D(0, 0, flow.getWidth(), height);
rightDownArea = new Rectangle2D(0, flow.getHeight() - height, flow.getWidth(), height);
break;
default:
throw new AssertionError();
}
}
@Override
public void dispose() {
unregisterChangeListeners(getSkinnable().orientationProperty());
unregisterChangeListeners(getVirtualFlow().widthProperty());
unregisterChangeListeners(getVirtualFlow().heightProperty());
super.dispose();
scrollAnimation.stop();
scrollAnimation = null;
}
}
关于listview - 如何通过鼠标拖动在 JavaFX ListView 中选择多行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57366020/
我正在使用 gridstack 来显示我的小部件。拖动和调整大小适用于 gridstack 卡,但当我将卡拖到底部时,卡的容器不会滚动。我想在拖动卡片时滚动那个容器。该容器只是一个 div 元素,所有
我目前正在构建一个多个处理的 slider 小部件,并且目前正在实现手势检测器。我有一个问题,如果您用第二根手指触摸/拖动屏幕,检测器会识别它并调用 onDragUpdate 函数,这是我试图禁用的功
我是 AngularJS 的新手,我对当前的项目有点压力,这就是我在这里问的原因。 我看到 AngularJS 有 ng-dragstart 事件( http://docs.ng.dart.ant.c
关于缩放大图像和平移有什么建议吗?最好内联在页面上。 我一直在使用PanoJS(又名GSV2),但是现在越来越多的人使用iPhone/iPad/Android类型的设备,这个库要么太慢,要么旧版本不支
我在尝试拖动 JPanel 时遇到问题。如果我纯粹在 MouseDragged 中将其实现为: public void mouseDragged(MouseEvent me) { me.getS
我有一个需要与屏幕底部对齐的 ImageButton,当我单击并拖动它时,它会随着我的手指移动一定距离,超过该距离它不会远离原点,而是继续跟随我的手指从原点开始的方向。 当我松手时,按钮必须滑回原点。
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post . 关闭 9 年前。 Improve this qu
我需要一个解决方案来实现拖动和缩放,在不使用矩阵的情况下围绕屏幕 onTouch 事件路由 ImageView。我搜索了很多但所有答案都是用矩阵完成的,因为我在屏幕矩阵中有多个对象不适合我,我想拖动和
我需要一些帮助来拖动 UIView 以显示主视图下方的菜单 View 。 我有两个 UIView。menuView - 包括菜单按钮和标签 和 mainView - 位于 menuView 之上。 我
谷歌地图即使设为 true 也不可拖动/拖动。 重现步骤:在新选项卡中加载带有 map 的页面,检查并在不执行任何操作的情况下转到移动 View 。现在在移动 View 中左右上下拖动 map ,它将
我在绘制和缩放 ImageView 时遇到问题。请帮帮我.. 当我画一些东西然后拖动或缩放图像时 - 绘图保留在原处,如您在屏幕截图中所见。而且我只需要简单地在图片上绘图,并且可以缩放和拖动这张图片。
所以我试图模拟鼠标左键单击和鼠标左键释放来执行一些自动拖放操作。 它目前在 C# Winforms(是的,winforms :|)中并且有点笨拙。 基本上,一旦发送了点击,我希望它根据 Kinect
我有一个巨大的 HTML5 Canvas,我希望它像谷歌地图一样工作:用户可以拖动它并始终只看到它的一小部分(屏幕大小)。它只呈现您在屏幕上可以看到的部分。我该怎么做?你有想法吗? 最佳答案 2 个简
我有以下拖放应用程序代码,它在桌面上按预期工作,但是当我想在移动设备上使用该应用程序时,拖动事件无法按预期工作。我知道触摸事件是必需的,但我不确定如何设置它们和实现这些功能。 .object
我正在使用 react-leaflet map ,我用状态改变了很多 map 属性,但是当使用状态来改变拖动属性时它不起作用。 { this.map = map}}
我知道我可以轻松地允许用户在OpenLayers中选择多个功能/几何图形,但是随后我希望使用户能够轻松地同时拖动/移动所有选定的功能。 使用ModifyFeature控件一次只能移动一个要素...是否
我有一个 Windows Phone 运行时应用程序,我使用 xaml 在 map 上显示图钉。 当我拖动 map 时,控件试图保持在相同位置时会出现一些滞后。 任何帮助,将不胜感
我通常不会提出此类问题/答案,但我想我会这样做,因为我已经看到这个问题被问了 20 多次,但没有一个答案真正有效。简而言之,问题是,如果您在可拖动 jQuery 项目内的任何位置有可滚动内容(over
我确信一定有一种简单的方法可以做到这一点,但到目前为止,我已经花了很长时间在各种兔子洞中没有成功。 我有一个支持拖放的 Collection View 。被拖动的单元格有 UIImageView在 c
如何在两个virtualtreeview之间复制以复制所有列,而不仅仅是第一列? 复制前: 复制后: 最佳答案 树控件不保存任何数据。它不包含要显示的列数据,因此无法复制它。而是,当树控件想要显示任何
我是一名优秀的程序员,十分优秀!