Swing/TransformedShape のバックアップの現在との差分(No.19)
- バックアップ一覧
- 差分 を表示
- 現在との差分 - Visual を表示
- ソース を表示
- バックアップ を表示
- Swing/TransformedShape へ行く。
- 1 (2006-10-30 (月) 12:57:51)
- 2 (2007-03-20 (火) 15:52:53)
- 3 (2007-10-10 (水) 18:51:55)
- 4 (2007-12-04 (火) 19:19:21)
- 5 (2010-01-21 (木) 19:37:47)
- 6 (2011-04-29 (金) 15:29:56)
- 7 (2013-02-22 (金) 18:54:59)
- 8 (2013-05-24 (金) 17:30:21)
- 9 (2014-11-22 (土) 03:59:58)
- 10 (2015-02-02 (月) 17:47:19)
- 11 (2016-01-16 (土) 01:50:39)
- 12 (2016-02-03 (水) 18:23:39)
- 13 (2016-05-24 (火) 19:22:42)
- 14 (2017-08-30 (水) 17:45:52)
- 15 (2018-09-11 (火) 14:29:03)
- 16 (2019-05-28 (火) 15:16:51)
- 17 (2019-07-30 (火) 22:06:48)
- 18 (2020-08-03 (月) 14:32:46)
- 19 (2021-05-10 (月) 02:54:05)
- 追加された行はこの色です。
- 削除された行はこの色です。
---
category: swing
folder: TransformedShape
title: Fontを回転する
tags: [Font, Shape, TextLayout, Animation, AffineTransform]
author: aterai
pubdate: 2006-10-30T12:57:51+09:00
description: Fontから文字のアウトラインを取得し、その中心をアンカーポイントに設定して回転します。
image: https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTVtRPTfJI/AAAAAAAAAoE/Qiy0jcMt_l0/s800/TransformedShape.png
---
* 概要 [#summary]
`Font`から文字のアウトラインを取得し、その中心をアンカーポイントに設定して回転します。
#download(https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTVtRPTfJI/AAAAAAAAAoE/Qiy0jcMt_l0/s800/TransformedShape.png)
* サンプルコード [#sourcecode]
#code(link){{
class FontRotateAnimation extends JComponent implements ActionListener {
private final Timer animator;
private int rotate;
private final Shape shape;
private Shape s;
public FontRotateAnimation(String str) {
super();
animator = new Timer(10, this);
addHierarchyListener(new HierarchyListener() {
@Override public void hierarchyChanged(HierarchyEvent e) {
if ((e.getChangeFlags() & HierarchyEvent.DISPLAYABILITY_CHANGED) != 0
&& animator != null && !e.getComponent().isDisplayable()) {
animator.stop();
}
}
});
Font font = new Font(Font.SERIF, Font.PLAIN, 200);
FontRenderContext frc = new FontRenderContext(null, true, true);
shape = new TextLayout(str, font, frc).getOutline(null);
s = shape;
animator.start();
}
@Override protected void paintComponent(Graphics g) {
Graphics2D g2 = (Graphics2D) g.create();
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
g2.setPaint(Color.BLACK);
g2.fill(s);
g2.dispose();
}
@Override public void actionPerformed(ActionEvent e) {
repaint(s.getBounds());
Rectangle2D b = shape.getBounds2D();
Point2D p = new Point2D.Double(
b.getX() + b.getWidth() / 2d, b.getY() + b.getHeight() / 2d);
AffineTransform at = AffineTransform.getRotateInstance(
Math.toRadians(rotate), p.getX(), p.getY());
AffineTransform toCenterAT = AffineTransform.getTranslateInstance(
getWidth() / 2d - p.getX(), getHeight() / 2d - p.getY());
Shape s1 = at.createTransformedShape(shape);
s = toCenterAT.createTransformedShape(s1);
repaint(s.getBounds());
rotate = rotate >= 360 ? 0 : rotate + 2;
}
}
}}
* 解説 [#explanation]
上記のサンプルでは、対象文字、`Font`、`FontRenderContext`から`TextLayout`を生成し、`TextLayout#getOutline()`メソッドで文字のアウトラインを`Shape`として取得しています。
----
- `OpenJDK Corretto-8.212`で実行すると回転中にフォント表示が乱れる件は、[https://github.com/corretto/corretto-8/issues/127 Java2D rendering may break when using soft clipping effects · Issue #127 · corretto/corretto-8]、`8u222`で修正済み %%される予定%%
* 参考リンク [#reference]
- [https://docs.oracle.com/javase/jp/8/docs/api/java/awt/font/TextLayout.html TextLayout (Java Platform SE 8)]
- [[TextLayoutでFontのメトリック情報を取得する>Swing/TextLayout]]
- [[Timerを使用してJPanelにアナログ時計の針を描画する>Swing/AnalogClock]]
* コメント [#comment]
#comment
#comment