我需要在我的 JavaFX 應(yīng)用程序中使用一些元素，這些元素使用帶有自定義符號(hào)/圖標(biāo)的按鈕橫幅或背景圖像。此應(yīng)用程序應(yīng)在具有不同屏幕分辨率的多個(gè)設(shè)備上運(yùn)行，并且我還（最終）需要縮放圖像/圖標(biāo)（強(qiáng)制它們匹配特定大小/比例）。那么如何在質(zhì)量損失最小的情況下做到這一點(diǎn)呢？我知道，不可能將 SVG 圖形加載到圖像視圖中，所以我可能不得不使用 png/jpg。我應(yīng)該使用不同尺寸的多個(gè)版本的圖像/圖標(biāo)嗎？或者我可以將一張高分辨率圖像縮小到其尺寸的 1/3 而不會(huì)造成質(zhì)量損失嗎？（順便說一句，是否可以將 SVG 與 css 一起使用？）
2 回答
UYOU
TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊
我相信 svg 路徑是可擴(kuò)展的，不會(huì)造成質(zhì)量損失。
文件格式：
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.Group?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.shape.SVGPath?>
<VBox xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
<children>
<StackPane prefHeight="400.0" prefWidth="400.0">
<children>
<Group fx:id="iconGroup">
<children>
<SVGPath content="M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm4.6 9.99l-1.07-1.07-1.08 1.07c-1.3 1.3-3.58 1.31-4.89 0l-1.07-1.07-1.09 1.07C6.75 16.64 5.88 17 4.96 17c-.73 0-1.4-.23-1.96-.61V21c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-4.61c-.56.38-1.23.61-1.96.61-.92 0-1.79-.36-2.44-1.01zM18 9h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v1.54c0 1.08.88 1.96 1.96 1.96.52 0 1.02-.2 1.38-.57l2.14-2.13 2.13 2.13c.74.74 2.03.74 2.77 0l2.14-2.13 2.13 2.13c.37.37.86.57 1.38.57 1.08 0 1.96-.88 1.96-1.96V12C21 10.34 19.66 9 18 9z" />
</children>
</Group>
</children>
</StackPane>
<HBox>
<children>
<Button mnemonicParsing="false" onAction="#onMinusButton" text="-0.5" />
<Button mnemonicParsing="false" onAction="#onPlusButton" text="+0.5" />
</children>
</HBox>
</children>
</VBox>
代碼：
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class SvgIconApp extends Application {
private final SvgIconViewController controller = new SvgIconViewController();
public static void main(String[] args) {
launch(args);
}
@Override
public void start(Stage stage) throws Exception {
FXMLLoader fxmlLoader = new FXMLLoader(SvgIconApp.class.getResource("/svgiconview.fxml"));
fxmlLoader.setController(controller);
fxmlLoader.load();
Scene scene = new Scene(fxmlLoader.getRoot());
stage.setScene(scene);
stage.show();
}
}
class SvgIconViewController {
@FXML
private Group iconGroup;
@FXML
private void onPlusButton(ActionEvent actionEvent) {
double newScale = iconGroup.getScaleX() + 0.5;
iconGroup.setScaleX(newScale);
iconGroup.setScaleY(newScale);
}
@FXML
private void onMinusButton(ActionEvent actionEvent) {
double newScale = iconGroup.getScaleX() - 0.5;
iconGroup.setScaleX(newScale);
iconGroup.setScaleY(newScale);
}
}
交互式愛情
TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個(gè)贊
如果您使用的是 Eclipse，則可以安裝 e(fx)clipse 插件，除其他外，該插件提供了將普通 SVG 文件轉(zhuǎn)換為 FXML 文件的工具，然后可以將其直接加載到 JavaFX 中。這是我需要縮放的基于矢量圖形的標(biāo)準(zhǔn)程序。
添加回答
舉報(bào)
0/150
提交
取消