プロジェクト

全般

プロフィール

« 前 | 次 » 

リビジョン 2455da7e

高徹 高橋 徹 さんが10年以上前に追加

SVG版の操作・見栄えの改善

  • 拡大・縮小時はウィンドウサイズを変更するようにした（以前は拡大しても200x200で切れていた）
  • 拡大・縮小の範囲を制限（大きくなりすぎず、小さくなりすぎない）
  • 短針、長針の形状を若干スリムにした
  • 文字盤の5分刻みの長さを少し長くした
  • タッチパネルの長押しでポップアップメニューを出すようにした

差分を表示:

AnalogClockSvg/src/analogclocksvg/AnalogClockSvg.java
/*
* Copyright © 2014 TAKAHASHI,Toru
*/
package analogclocksvg;
import javafx.application.Application;
import javafx.application.Platform;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.ContextMenu;
import javafx.scene.control.MenuItem;
import javafx.scene.input.MouseButton;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
/**
*
* @author TAKAHASHI,Toru
*/
public class AnalogClockSvg extends Application {
private double dragStartX;
private double dragStartY;
private boolean isScrollStarted;
private ContextMenu popup = new ContextMenu();
private Parent root;
@Override
public void start(Stage stage) throws Exception {
root = FXMLLoader.load(getClass().getResource("AnalogClock.fxml"));
Scene scene = new Scene(root, 200, 200, Color.TRANSPARENT);
// マウスのドラッグ操作でウィンドウを移動
scene.setOnMousePressed(e -> {
dragStartX = e.getSceneX();
dragStartY = e.getSceneY();
});
scene.setOnMouseDragged(e -> {
stage.setX(e.getScreenX() - dragStartX);
stage.setY(e.getScreenY() - dragStartY);
});
// 時計のサイズを変更する
// マウスのホイール操作でウィンドウサイズを変更
scene.setOnScrollStarted(e -> isScrollStarted = true);
scene.setOnScrollFinished(e ->isScrollStarted = false);
scene.setOnScroll(e -> {
if (isScrollStarted) return;
double zoomFactor = e.getDeltaY() > 0 ? 1.1 : 0.9;
zoom(zoomFactor);
});
// タッチパネルのピンチ操作でウィンドウサイズを変更
scene.setOnZoom(e -> {
zoom(e.getZoomFactor());
});
// 右クリックでポップアップメニュー
MenuItem exitItem = new MenuItem("exit");
exitItem.setOnAction(e -> Platform.exit());
popup.getItems().add(exitItem);
scene.setOnMouseClicked(e -> {
if (e.getButton() == MouseButton.SECONDARY) {
popup.show(stage, e.getScreenX(), e.getScreenY());
}
});
stage.initStyle(StageStyle.TRANSPARENT);
stage.setScene(scene);
stage.show();
}
private void zoom(double factor) {
root.setScaleX(root.getScaleX() * factor);
root.setScaleY(root.getScaleY() * factor);
}
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
launch(args);
}
}
/*
* Copyright © 2014 TAKAHASHI,Toru
*/
package analogclocksvg;
import javafx.application.Application;
import javafx.application.Platform;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.control.ContextMenu;
import javafx.scene.control.MenuItem;
import javafx.scene.input.MouseButton;
import javafx.scene.layout.Region;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
/**
*
* @author TAKAHASHI,Toru
*/
public class AnalogClockSvg extends Application {
private static final double INITIAL_WINDOW_SIZE = 200d;
private static final double MAX_SCALE = 6d;
private static final double MIN_SCALE = 0.32;
private double dragStartX;
private double dragStartY;
private ContextMenu popup = new ContextMenu();
private Region root;
private Stage stage;
@Override
public void start(Stage primaryStage) throws Exception {
root = FXMLLoader.load(getClass().getResource("AnalogClock.fxml"));
Scene scene = new Scene(root, INITIAL_WINDOW_SIZE, INITIAL_WINDOW_SIZE, Color.TRANSPARENT);
root.prefWidthProperty().bind(scene.widthProperty());
root.prefHeightProperty().bind(scene.heightProperty());
// マウスのドラッグ操作でウィンドウを移動
scene.setOnMousePressed(e -> {
dragStartX = e.getSceneX();
dragStartY = e.getSceneY();
});
scene.setOnMouseDragged(e -> {
primaryStage.setX(e.getScreenX() - dragStartX);
primaryStage.setY(e.getScreenY() - dragStartY);
});
// 時計のサイズを変更する
// マウスのホイール操作によるScrollEventを選別してウィンドウサイズを変更
scene.setOnScroll(e -> {
if (e.getTouchCount() != 0 || e.isInertia()) return;
double zoomFactor = e.getDeltaY() > 0 ? 1.1 : 0.9;
zoom(zoomFactor);
});
// タッチパネルのピンチ操作でウィンドウサイズを変更
scene.setOnZoom(e -> {
zoom(e.getZoomFactor());
});
// ポップアップメニュー
MenuItem exitItem = new MenuItem("exit");
exitItem.setOnAction(e -> Platform.exit());
MenuItem zoomInItem = new MenuItem("zoomIn");
zoomInItem.setOnAction(e -> zoom(1.1));
MenuItem zoomOutItem = new MenuItem("zoomOut");
zoomOutItem.setOnAction(e -> zoom(0.9));
popup.getItems().addAll(zoomInItem, zoomOutItem, exitItem);
// 右クリックでポップアップメニュー表示
scene.setOnMouseClicked(e -> {
if (e.getButton() == MouseButton.SECONDARY) {
popup.show(primaryStage, e.getScreenX(), e.getScreenY());
}
});
// タッチパネルの長押しでポップアップメニュー表示
scene.setOnTouchStationary(e -> popup.show(primaryStage));
stage = primaryStage;
primaryStage.initStyle(StageStyle.TRANSPARENT);
primaryStage.setScene(scene);
primaryStage.show();
}
private void zoom(double factor) {
double scale = root.getScaleX() * factor;
scale = Math.max(Math.min(scale, MAX_SCALE), MIN_SCALE);
root.setScaleX(scale);
root.setScaleY(scale);
stage.setWidth(INITIAL_WINDOW_SIZE * scale);
stage.setHeight(INITIAL_WINDOW_SIZE * scale);
}
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
launch(args);
}
}

他の形式にエクスポート: Unified diff