首页 / JAVA / 如何在JavaFx中设置svgPath的大小

如何在JavaFx中设置svgPath的大小

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在JavaFx中设置svgPath的大小，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6153字，纯文字阅读大概需要9分钟。

内容图文

我有一个包含ListCells的ListView,它包含一个由SvgPath定义的图标.

private class CustomCell extends ListCell<String> {
    private SVGPath icon = new SVGPath();

    public CustomCell() {
        icon.setContent("...");
    }

    @Override
    public void updateItem(String value, boolean empty) {
        super.updateItem(value, empty);
        if(empty || value == null) {
            setGraphic(null);
            setText(null);
        } else {
            setGraphic(icon);
            setText(value);
        }
    }
}

我希望图标填充列表单元格的高度(大约30px).但它总是显示非常大,并且单元格的大小设置为图标的高度.

即使我设置了列表单元格和图标的大小

public CustomCell()
{
    setPrefHeight(30);
    setMaxHeight(30);
    icon.setContent("...");
    icon.maxHeight(30);
    icon.prefHeight(30);
}

它不起作用.列表单元格的高度是正确的,但图标仍然显示得太大.

我哪里错了？

编辑：
这是我的svg的路径：

M 289.00,74.00 C 299.18,61.21 307.32,52.80 320.00,42.42 331.43,33.07 343.66,26.03 357.00,19.84 427.64,-12.98 509.92,2.91 564.42,58.28 583.93,78.10 595.94,99.15 605.58,125.00 607.76,130.86 611.37,144.75 612.54,151.00 613.15,154.23 613.28,160.06 615.58,162.44 617.49,164.42 624.11,165.84 627.00,166.86 634.80,169.62 639.97,172.04 647.00,176.42 673.69,193.07 692.76,221.39 695.83,253.00 700.60,302.03 676.64,345.41 630.00,364.00 621.17,367.52 608.48,370.99 599.00,371.00 599.00,371.00 106.00,371.00 106.00,371.00 96.50,370.99 87.00,368.97 78.00,366.00 36.29,352.22 6.21,312.25 6.00,268.00 5.77,219.90 34.76,179.34 81.00,165.02 96.78,160.14 107.02,161.00 123.00,161.00 124.59,150.68 130.49,137.79 136.05,129.00 150.70,105.88 173.22,88.99 200.00,82.65 213.13,79.55 219.79,79.85 233.00,80.00 247.37,80.17 264.61,85.94 277.00,93.00 279.11,86.37 284.67,79.45 289.00,74.00 Z

它是一个我希望以特定大小显示的云(例如30,30).
但是我找不到如何设置特定尺寸的方法.

解决方法:

使用区域

在使用SVGPath一段时间之后,我发现最好将其设置为Region的形状并在此区域上定义min / pref / max大小.这样就不需要使用scaleX / Y因子,这会导致父级大小的布局边界和边界不同.

为实现这一目标,我们需要：

>定义新区域并将SVGPath设置为形状.
>定义此区域的最小/最大/最大尺寸.
>为此区域设置背景颜色,将其设置为svg形状的填充.

MCVE

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Region;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.SVGPath;
import javafx.stage.Stage;

public class SVGPathResize extends Application {

    private static final double REQUIRED_WIDTH = 50.0;
    private static final double REQUIRED_HEIGHT = 30.0;

    @Override
    public void start(Stage primaryStage) throws Exception {
        SVGPath svg = new SVGPath();
        svg.setContent("M 289.00,74.00 C 299.18,61.21 307.32,52.80 320.00,42.42 331.43,33.07 343.66,26.03 357.00,19.84 427.64,-12.98 509.92,2.91 564.42,58.28 583.93,78.10 595.94,99.15 605.58,125.00 607.76,130.86 611.37,144.75 612.54,151.00 613.15,154.23 613.28,160.06 615.58,162.44 617.49,164.42 624.11,165.84 627.00,166.86 634.80,169.62 639.97,172.04 647.00,176.42 673.69,193.07 692.76,221.39 695.83,253.00 700.60,302.03 676.64,345.41 630.00,364.00 621.17,367.52 608.48,370.99 599.00,371.00 599.00,371.00 106.00,371.00 106.00,371.00 96.50,370.99 87.00,368.97 78.00,366.00 36.29,352.22 6.21,312.25 6.00,268.00 5.77,219.90 34.76,179.34 81.00,165.02 96.78,160.14 107.02,161.00 123.00,161.00 124.59,150.68 130.49,137.79 136.05,129.00 150.70,105.88 173.22,88.99 200.00,82.65 213.13,79.55 219.79,79.85 233.00,80.00 247.37,80.17 264.61,85.94 277.00,93.00 279.11,86.37 284.67,79.45 289.00,74.00 Z");
        final Region svgShape = new Region();
        svgShape.setShape(svg);
        svgShape.setMinSize(REQUIRED_WIDTH, REQUIRED_HEIGHT);
        svgShape.setPrefSize(REQUIRED_WIDTH, REQUIRED_HEIGHT);
        svgShape.setMaxSize(REQUIRED_WIDTH, REQUIRED_HEIGHT);
        svgShape.setStyle("-fx-background-color: black;");
        Scene scene = new Scene(new StackPane(svgShape), 200, 200);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

在SVGPath上使用scaleX / Y.

您可以使用scaleX / scaleY来定义Shape的宽度和高度.

找到Shape的原始宽度/高度,然后通过将所需宽度/高度除以原始值来找到缩放系数.

Scaling factor for width = required width / original width

Scaling factor for height = required height / original height

现在,您可以使用此缩放系数将形状缩放到所需的大小.

shape.setScaleX(Scaling factor for width);
shape.setScaleY(Scaling factor for height);

MCVE

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.SVGPath;
import javafx.stage.Stage;

public class SVGPathResize extends Application {

    private static final double REQUIRED_WIDTH = 50.0;
    private static final double REQUIRED_HEIGHT = 30.0;

    @Override
    public void start(Stage primaryStage) throws Exception {
        SVGPath svg = new SVGPath();
        svg.setContent("M 289.00,74.00 C 299.18,61.21 307.32,52.80 320.00,42.42 331.43,33.07 343.66,26.03 357.00,19.84 427.64,-12.98 509.92,2.91 564.42,58.28 583.93,78.10 595.94,99.15 605.58,125.00 607.76,130.86 611.37,144.75 612.54,151.00 613.15,154.23 613.28,160.06 615.58,162.44 617.49,164.42 624.11,165.84 627.00,166.86 634.80,169.62 639.97,172.04 647.00,176.42 673.69,193.07 692.76,221.39 695.83,253.00 700.60,302.03 676.64,345.41 630.00,364.00 621.17,367.52 608.48,370.99 599.00,371.00 599.00,371.00 106.00,371.00 106.00,371.00 96.50,370.99 87.00,368.97 78.00,366.00 36.29,352.22 6.21,312.25 6.00,268.00 5.77,219.90 34.76,179.34 81.00,165.02 96.78,160.14 107.02,161.00 123.00,161.00 124.59,150.68 130.49,137.79 136.05,129.00 150.70,105.88 173.22,88.99 200.00,82.65 213.13,79.55 219.79,79.85 233.00,80.00 247.37,80.17 264.61,85.94 277.00,93.00 279.11,86.37 284.67,79.45 289.00,74.00 Z");
        resize(svg, REQUIRED_WIDTH, REQUIRED_HEIGHT);
        Scene scene = new Scene(new StackPane(svg), 200, 200);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void resize(SVGPath svg, double width, double height) {

        double originalWidth = svg.prefWidth(-1);
        double originalHeight = svg.prefHeight(originalWidth);

        double scaleX = width / originalWidth;
        double scaleY = height / originalHeight;

        svg.setScaleX(scaleX);
        svg.setScaleY(scaleY);
    }
}

OUTPUT

附加说明

A vector graphic actually doesn´t have a size

实际上,创建Shape时定义的路径实际上定义了矢量图的大小.

例如,我可以使用以下方法创建相同的形状：

 M 100 100 L 300 100 L 200 300 z

和

M 10 10 L 30 10 L 20 30 z

但后者比前者小10倍,因此其实际尺寸也小10倍.

如果我们将较小的三角形缩放10倍,它将会增长并且具有相同的大小.

内容总结

以上是互联网集市为您收集整理的如何在JavaFx中设置svgPath的大小全部内容，希望文章能够帮你解决如何在JavaFx中设置svgPath的大小所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/756445.html

来源：【匿名】

【上一篇】java的第十三天【下一篇】JAVA/JSP学习系列之五

更多 ►

【如何在JavaFx中设置svgPath的大小】教程文章相关的互联网学习教程文章

JavaFX编程第三小题源代码【代码】【图】

package javaseniorprograme;import javafx.application.Application; import javafx.event.EventHandler; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.control.Label; import javafx.scene.control.Slider; import javafx.scene.input.MouseEvent; import javafx.scene.layout.BorderPane; import javafx.scene.layout.HBo...

javafx checkbox【代码】

publicclass EffectTest extends Application { publicstaticvoid main(String[] args) {launch(args);}@Overridepublicvoid start(Stage stage) {Scene scene = new Scene(new Group());stage.setTitle("Tooltip Sample");stage.setWidth(300);stage.setHeight(150);final CheckBox cb = new CheckBox("checkBox");final Tooltip tooltip = new Tooltip("$ tooltip");tooltip.setFont(new Font("Arial", 16));cb.setTooltip(toolt...

JavaFx系列(一) Dialog中的Diolog置頂【代码】【图】

假設DialogA內有一個DialogB，想要讓DialogB置頂在DialogA中就必須做些設定，如果沒有設定DialogB就可能會因為使用者點擊DialogA或是RootWindow而失去焦點因此在設定上DialogA要給DialogB一個owner，DialogB要設定initModalityDialogA.java//給dialogB的ownerDialogB t=new DialogB(this);public void showDialogB(){t.show();} DialogB.java//Dialog B public DialogTable(Stage owner) { //省略initModality(Modality.APPLICATIO...

javafx DragDropped file【代码】

publicclass EffectTest extends Application { @Overridepublicvoid start(Stage primaryStage) {Group root = new Group();Scene scene = new Scene(root, 551, 400);scene.setOnDragOver((DragEvent event) -> {Dragboard db = event.getDragboard();if (db.hasFiles()) {event.acceptTransferModes(TransferMode.COPY);} else {event.consume();}});// Dropping over surfacescene.setOnDragDropped((DragEvent event) -> {Dra...

将JavaFX运行到Android上【图】

本人在之前的博客中提到过很多次，目前已经有一些自发的项目，来使JavaFX运行到Android上面。不过惭愧的是，我也是研究了一会儿，今天才真正打包到手机上运行的。下面先看一些手机上运行的效果，由本人手机截图的: 对JavaFX有些研究的人，肯定会知道这个是JavaFX官方的示例Ensemble。由于这个示例比较的大，在手机上加载的时间还有点长，不过我第二次加载会觉得快很多。但是整体运行良好，个别示例有稍微的布局问题。TextFiel...

JavaFx的一些总结

JavaFX的一些总结:1、场景scene、布局layout、控件control是javaFX的基本组成部分。控件可以放到布局中，布局可以放到布局中，也可以放到场景中，这里要注意，场景里只能放一个布局，多个布局的话只会默认识别最后一个布局。如果添加多个布局，虽然页面可以显示完整，但是所添加的事件就没有反应。2、配置文件除了国际化文件，图片，样式文件外，一律添加到外部文件夹中，尽量不要打包在可执行jar文件中，因为一旦打包进去，程序将...

JavaFX打包到Android上【图】

让JavaFX运行到移动平台一直是社区努力完成的事。当然，目前已经可以让JavaFX运行到Android和IOS平台了，下面我们来看看如何打包自己的JavaFX项目到Android平台。首先下载下面这个示例: http://pan.baidu.com/s/1bnwIYrP 这个示例是我从打包官方示例的例子里修改而来，用于打包一个简单的JavaFX程序。示例结构如下：由目录结构可以看到，示例是采用gradle来构建的。gradle也是国外非常火的自动化构建工具。在第一次打包的...

JavaFx：3、初步认识stage窗口【代码】

package fx.com;import javafx.application.Application; import javafx.beans.value.ChangeListener; import javafx.beans.value.ObservableValue; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.image.Image; import javafx.stage.Stage;public class Main extends Application {public static void main(String[] args) {launch(args);}@Overridepublic void start(Stage primaryStage) throws E...

打包JavaFX11桌面应用程序【代码】【图】

打包JavaFX11桌面应用程序这是JavaFX系列的第二弹，第一弹在这里在第一弹中，我们使用的是OpenJDK8，但是OpenJDK8和Oracle Java JDK不一样，它没有内置JavaFX模块，需要自己引入，而使用Oracle版的JDK直接import就好了。但是到了java11的时候无论是OpenJDK还是Oracle版都已经把JavaFX剥离开来了，javaFX现在由OpenJFX项目维护和更新。第一弹中我使用的是OpenJDK8,后来想想，还是要顺应时代发展潮流，所以在这里转为使用OpenJDK11了...

javafx for android or ios ?

javafx是否支持android 或者 ios这是一个令人感兴趣的话题.google一番，发现有可行方案：1. javafx on android:两种方案：（事实上差点儿相同）1.有位大神已经编译好javafx on android执行环境dalvik-sdk，只是仅仅支持jdk7的特性。大神博客地址：http://java.dzone.com/articles/javafx-and-androiddalvik-sdk地址：https://bitbucket.org/javafxports/android/wiki/Home2.自己编译open javafx for android : https://blogs.ora...

JavaFX FileChooser文件选择器，缓存上一次打开的目录【代码】【图】

例1：点击按钮Choose File打开文件选择器，并打开指定的目录。这是通过final void setInitialDirectory(final File value)方法实现的。 1 import java.io.File;2 3 import javafx.application.Application;4 import javafx.event.ActionEvent;5 import javafx.event.EventHandler;6 import javafx.geometry.Insets;7 import javafx.geometry.Pos;8 import javafx.scene.Scene;9 import javafx.scene.control.Button; 10 import jav...

在JavaFX中将SLF4J日志重定向到TextArea【代码】

我想在JavaFX中的TextArea中显示由SLF4J记录的错误.到目前为止我所拥有的是logback-test.xml中的一个appender：<appender name="err" class="logtest.AppTA"><filter class="logtest.ErrFilter" /><encoder><pattern>%-4relative [%thread] %-5level %logger{35} - %msg%n</pattern></encoder> </appender>TextArea准备好接收流：public class Output extends OutputStream{private final TextArea ta;public Output(TextArea ta) ...

JavaFX Canvas多线程应使用哪种方法？【代码】

我正在编写一个JavaFX应用程序,该应用程序在套接字上接收数据点并实时可视化它们.问题在于JavaFX渲染太慢.我有一个运行速度足够快的Swing实现,但是我需要改用JavaFX. 我正在研究的约束是： >可视化控件只能由JavaFX应用程序线程更新(我相信这对于所有JavaFX和Swing应用程序都是必需的).>应该从人眼的角度平滑更新可视化效果.每秒大约10次更新就足够了.每秒一次是不够的.>传入数据速率足够高(每秒约50个事件,在其他情况下不是那么高...

JavaFX：CSS下拉菜单未出现在Netbeans IDE中

我一直在关注Oracle网站上有关JavaFX的教程,并且已经开始将CSS用于GUI的样式和规则.我最近遇到的一件事是,在Netbeans中使用CSS编辑器时,似乎没有一个可能更改的属性(通过使用ctrl空间)更改的下拉列表.我在主线Java编程中几乎所有内容都使用了ctrl空间,而CSS编辑器却有点缺少它,有什么办法可以从CSS编辑器中获得这种功能？解决方法:JavaFX CSS的自动完成功能适用于NetBeans. 屏幕截图屏幕快照是使用NetBeans 7.4并在NetBeans JavaF...

使用CSS来美化你的javafx滚动条_html/css_WEB-ITnose

ScrollBar parts CSS information In the above picture there are four main part of ScrollBar . increment thumb track decrement Now in this post we are going to just play with only these four style class and at the right of the image above there are some of the events like hover(focus), pressed(mouse pressed) , horizontal(Horizontal specific ScrollBar CSS class) and vertical (Vertical s...

首页 / JAVA / 如何在JavaFx中设置svgPath的大小

如何在JavaFx中设置svgPath的大小

内容导读

内容图文

内容总结

内容备注

内容手机端

【如何在JavaFx中设置svgPath的大小】教程文章相关的互联网学习教程文章

JAVAFX - 相关标签

SVG - 相关标签

设置 - 相关标签

JAVA - 技术教程分类

JAVA - 最新教程

JAVA - 最热教程