---
title: Animation
tags: [Animation, Timer]
description: Graphics、Icon、Fontなどのアニメーション関係の記事へのスクリーンショット付きリンク一覧
---
このページでは、画像、アイコン、フォントなどのアニメーションに関係する使い方を集めて一覧にしています。

#contents

* Animation [#Animation]
** Timerでアニメーションするアイコンを作成 [#AnimeIcon]
#swingdescription(Swing/AnimeIcon,Timerでアニメーションするアイコンを作成,javax.swing.Timerを使って、アニメーションするアイコンを作成します。,https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTHuI0XeDI/AAAAAAAAARo/CVs615Dtkqs/s200/AnimeIcon.png)

** Animated GIFでのコマ描画時処理 [#AnimatedGif]
#swingdescription(Swing/AnimatedGif,Animated GIFでのコマ描画時処理,JLabelなどで使用できるAnimated GIFファイルをテストします。,https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTHnR-lE1I/AAAAAAAAARc/gDDOKXhD7hQ/s200/AnimatedGif.png)

** JListのセルのアニメーション [#ListCellAnimation]
#swingdescription(Swing/ListCellAnimation,JListのセルのアニメーション,JListの選択されたセルをアニメーションさせます。,https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTPa7B8VkI/AAAAAAAAAd8/uLpJ50Oxwf8/s200/ListCellAnimation.png)

** TrayIconのアニメーション [#AnimatedTrayIcon]
#swingdescription(Swing/AnimatedTrayIcon,TrayIconのアニメーション,SystemTrayに追加したトレイアイコンをアニメーションさせます。,https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTHtWabBgI/AAAAAAAAARk/J0ExgthCnn4/s200/AnimatedTrayIcon.png)

** Cursorのアニメーション [#AnimatedCursor]
#swingdescription(Swing/AnimatedCursor,Cursorのアニメーション,Timerを使ったCursorの切り替えで、マウスポインタのループアニメーションを行います。,https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTHkbNXdwI/AAAAAAAAARY/RzDAT8xyR3c/s200/AnimatedCursor.png)

** JToolTipのアニメーション [#AnimatedToolTip]
#swingdescription(Swing/AnimatedToolTip,JToolTipのアニメーション,JToolTipが表示されたとき、内部のJLabelでアイコンのアニメーションを行う方法をテストします。,https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTHpat_rFI/AAAAAAAAARg/fzkRLOHGb7I/s200/AnimatedToolTip.png)

** Borderのアニメーション [#RippleBorder]
#swingdescription(Swing/RippleBorder,Borderのアニメーション,Timerを使って、波紋風のアニメーションを描画するBorderを作成します。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTR9UHQaAI/AAAAAAAAAiA/_Kn7tNr8M3s/s200/RippleBorder.png)

** GlyphVectorで文字列を電光掲示板風にスクロール [#ScrollingMessage]
#swingdescription(Swing/ScrollingMessage,GlyphVectorで文字列を電光掲示板風にスクロール,GlyphVectorを生成して、これを電光掲示板のようにスクロールさせます。,https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTSlbxO22I/AAAAAAAAAjA/SJLXTaAYArY/s200/ScrollingMessage.png)

** Fontを回転する [#TransformedShape]
#swingdescription(Swing/TransformedShape,Fontを回転する,Fontから文字のアウトラインを取得し、その中心をアンカーポイントに設定して回転します。,https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTVtRPTfJI/AAAAAAAAAoE/Qiy0jcMt_l0/s200/TransformedShape.png)

** JLabelの文字列を点滅させる [#BlinkLabel]
#swingdescription(Swing/BlinkLabel,JLabelの文字列を点滅させる,javax.swing.Timerを使って文字列が点滅するJLabelを作成します。,https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTIHWUuKaI/AAAAAAAAASQ/gfrtJsq0Xck/s200/BlinkLabel.png)

* ↑10 ↓11 [#x70914fd]
#adsensebar

** Crossfadeで画像の切り替え [#Crossfade]
#swingdescription(Swing/Crossfade,Crossfadeで画像の切り替え,Crossfadeアニメーションで画像の切り替えを行います。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTKRJIdouI/AAAAAAAAAVs/yU1oEsWfzvA/s200/Crossfade.png)

** Fadeアニメーションで画像を表示 [#Fade]
#swingdescription(Swing/Fade,Fadeアニメーションで画像を表示,フェードイン、フェードアウトアニメーションで、画像の切り替えを行います。,https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTMX06FjXI/AAAAAAAAAZE/mmNOvJ5E6Hk/s200/Fade.png)

** Wipeアニメーションで画像を表示 [#Wipe]
#swingdescription(Swing/Wipe,Wipeアニメーションで画像を表示,WipeアニメーションでPNG画像を表示します。,https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTWzXTVO0I/AAAAAAAAAp0/SoNEMaoYEoQ/s200/Wipe.png)

** RandomDissolveで表示を切り替え [#RandomDissolve]
#swingdescription(Swing/RandomDissolve,RandomDissolveで表示を切り替え,RandomDissolve効果で表示する画像を切り替えます。,https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTRdPqz07I/AAAAAAAAAhM/h3EaItM41Yw/s200/RandomDissolve.png)

** JComboBoxのモデルとしてenumを使用する [#SortingAnimations]
#swingdescription(Swing/SortingAnimations,JComboBoxのモデルとしてenumを使用する,JComboBoxのモデルとしてenumを使用します。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTcZXYeSI/AAAAAAAAAkY/_frjM9wSJsc/s200/SortingAnimations.png)

** JTextAreaでSmoothScrollによる行移動 [#SmoothScroll]
#swingdescription(Swing/SmoothScroll,JTextAreaでSmoothScrollによる行移動,SmoothScrollアニメーション有りでJTextAreaの任意の行まで移動します。,https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTTSaxFSzI/AAAAAAAAAkI/KtedLqwCXBY/s200/SmoothScroll.png)

** GlassPaneで画像をLightbox風に表示 [#LightboxLikeDisplay]
#swingdescription(Swing/LightboxLikeDisplay,GlassPaneで画像をLightbox風に表示,GlassPaneを使用して、Lightbox風にアニメーションしながら画像を表示します。,https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTPJaQROVI/AAAAAAAAAdg/MXDWfchqmso/s200/LightboxLikeDisplay.png)

** JTableで行の追加、削除アニメーション [#SlideTableRows]
#swingdescription(Swing/SlideTableRows,JTableで行の追加、削除アニメーション,JTableの行追加や削除をスライドアニメーションで強調します。,https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTP0i2yxI/AAAAAAAAAkE/DQKpmn3BIQo/s200/SlideTableRows.png)

** LayoutManagerを使ってパネルの展開アニメーションを行う [#LayoutAnimation]
#swingdescription(Swing/LayoutAnimation,LayoutManagerを使ってパネルの展開アニメーションを行う,パネルの展開・収納をアニメーションで行うLayoutManagerを作成します。,https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTO_fTHG-I/AAAAAAAAAdQ/9SHzG18aVW0/s200/LayoutAnimation.png)

** JTextAreaをキャプションとして画像上にスライドイン [#EaseInOut]
#swingdescription(Swing/EaseInOut,JTextAreaをキャプションとして画像上にスライドイン,画像の上にJTextAreaをスライドインアニメーションで表示します。,https://lh4.googleusercontent.com/_9Z4BYR88imo/Tcd9MqA6BlI/AAAAAAAAA64/Q7KLCkUETZ4/s200/EaseInOut.png)

* ↑20 ↓21 [#y0208577]
#adsensebar

** JTableのセルにAnimated GIFを表示する [#AnimatedIconInTableCell]
#swingdescription(Swing/AnimatedIconInTableCell,JTableのセルにAnimated GIFを表示する,ImageIconにImageObserverを設定して、JTableのセル中でAnimated GIFのアニメーションを行います。,https://lh3.googleusercontent.com/-138Snht85-E/T1B6iHoG1pI/AAAAAAAABJw/XaESowuWEC4/s200/AnimatedIconInTableCell.png)

** JComboBoxにAnimated GIFを表示する [#AnimatedIconInComboBox]
#swingdescription(Swing/AnimatedIconInComboBox,JComboBoxにAnimated GIFを表示する,JComboBoxと、そのドロップダウンリストにAnimated GIFを表示します。,https://lh3.googleusercontent.com/-kS7gIhaebeM/T12ukNN94JI/AAAAAAAABJ8/wM8SvLNzWEE/s200/AnimatedIconInComboBox.png)

** GridLayoutとJScrollPaneを使ったグリッド単位での表示切り替え [#GridScrollAnimation]
#swingdescription(Swing/GridScrollAnimation,GridLayoutとJScrollPaneを使ったグリッド単位での表示切り替え,JPanelにGridLayoutでコンポーネントを追加し、これをJScrollPaneに配置して、グリッド単位での表示、スクロールアニメーションによる切り替えを行います。,https://lh4.googleusercontent.com/-V2E4xmdHmBE/UCiUOuOlrLI/AAAAAAAABQg/IYqzH9-WdsI/s200/GridScrollAnimation.png)

** JLabelに表示したAnimated Gifのアニメーションを停止する [#DisableAnimatedGif]
#swingdescription(Swing/DisableAnimatedGif,JLabelに表示したAnimated Gifのアニメーションを停止する,JLabelに表示したAnimated Gifのアニメーションを停止します。,https://lh6.googleusercontent.com/-pYT15pLG7KY/USoyuJzLxUI/AAAAAAAABfo/JgO7-MbsL5U/s200/DisableAnimatedGif.png)

** Animated Gifからフレーム画像を抽出する [#ExtractFramesFromAnimatedGif]
#swingdescription(Swing/ExtractFramesFromAnimatedGif,Animated Gifからフレーム画像を抽出する,AnimatedGifから各フレームの画像を抽出します。,https://lh4.googleusercontent.com/-_xu1jNmYJe0/UUX3d_PzwKI/AAAAAAAABoA/cyS5ABVZdkM/s200/ExtractFramesFromAnimatedGif.png)

** ImageIconのリソースを開放してAnimatedGifを最初から再生する [#RestartAnimatedGif]
#swingdescription(Swing/RestartAnimatedGif,ImageIconのリソースを開放してAnimatedGifを最初から再生する,JButtonなどのコンポーネントに設定したAnimatedGifのリソースを一旦解放して最初から再生します。,https://lh4.googleusercontent.com/-qShu8SKEKus/UhDUybKOCYI/AAAAAAAAByg/QRDcWyIqcmU/s200/RestartAnimatedGif.png)

** Timerの使用数を変更 [#TimerAction]
#swingdescription(Swing/TimerAction,Timerの使用数を変更,パネルのタイルアニメーションで使用するjava.swing.Timerの数を変更して動作のテストを行います。,https://lh6.googleusercontent.com/-Kc02XwN3fHA/U0qu1BcXNEI/AAAAAAAACDg/UDwGuPoJmjk/s200/TimerAction.png)

** JProgressBarのNimbusLookAndFeelにおける不確定状態アニメーションを変更する [#IndeterminateRegionPainter]
#swingdescription(Swing/IndeterminateRegionPainter,JProgressBarのNimbusLookAndFeelにおける不確定状態アニメーションを変更する,JProgressBarをNimbusLookAndFeelで使用している場合、その不確定状態アニメーションを変更します。,https://lh5.googleusercontent.com/-L28C52EISs4/U7AofjsiWqI/AAAAAAAACIo/OHDDAqKKk6E/s200/IndeterminateRegionPainter.png)

** JProgressBarの不確定状態でのアニメーションパターンを変更する [#StripedProgressBar]
#swingdescription(Swing/StripedProgressBar,JProgressBarの不確定状態でのアニメーションパターンを変更する,JProgressBarが不確定状態の場合に描画するアニメーションパターンを変更します。,https://lh5.googleusercontent.com/-NNzCJkyUG1U/U8KcWq3YRjI/AAAAAAAACJg/tB7jz0r9Frg/s200/StripedProgressBar.png)

** JWindowをデスクトップにスライドインで表示する [#SlideInNotificationWindow]
#swingdescription(Swing/SlideInNotificationWindow,JWindowをデスクトップにスライドインで表示する,JOptionPaneを追加したJWindowを、スライドインアニメーションを使ってデスクトップ上に表示します。,https://lh4.googleusercontent.com/-axruZWDGZys/U98iB0eZi8I/AAAAAAAACK0/hh_jWt5nsi4/s200/SlideInNotificationWindow.png)

* ↑30 ↓31 [#pd70ae7a]
#adsensebar

** Component上に重ねて配置したダイアログの表示状態をアニメーション付きで切り替える [#OverlayBorderLayout]
#swingdescription(Swing/OverlayBorderLayout,Component上に重ねて配置したダイアログの表示状態をアニメーション付きで切り替える,Component上に重ねて配置した検索用ダイアログの位置をアニメーション付きで変更するレイアウトマネージャーを作成し、その表示非表示をキー入力で切り替えます。,https://lh3.googleusercontent.com/-gEMKmLyIHno/VcgZ2tpTyMI/AAAAAAAAN-0/HLb8wuLN_LE/s200-Ic42/OverlayBorderLayout.png)

** JTreeのTreeNodeにAnimated GIFを表示する [#AnimatedTreeNode]
#swingdescription(Swing/AnimatedTreeNode,JTreeのTreeNodeにAnimated GIFを表示する,JTreeのノードに設定したAnimated GIFのImageIconがアニメーションを行えるようにImageObserverを設定します。,https://lh3.googleusercontent.com/-U9WtOD4nOug/V3AE4msfadI/AAAAAAAAOcY/VDwIROM5Ju4gNFBm47FDBJTOtIazp7iyACCo/s200/AnimatedTreeNode.png)

** ImageIOでAnimatedGifファイルを生成する [#CreateAnimatedGif]
#swingdescription(Swing/CreateAnimatedGif,ImageIOでAnimatedGifファイルを生成する,ImageIOを使用してAnimatedGifを生成し、これを画像ファイルとして書き出します。,https://drive.google.com/thumbnail?id=1u3A7qx0Lmc-FYjdYhsZkBRrdEChn78_-1A)

** JProgressBarの不確定モードアニメーションを一方向に変更する [#IndeterminateAnimation]
#swingdescription(Swing/IndeterminateAnimation,JProgressBarの不確定モードアニメーションを一方向に変更する,MetalLookAndFeelを適用したJProgressBarの不確定モードアニメーションを跳ね返りではなく左から右への一方向繰り返しに変更します。,https://drive.google.com/thumbnail?id=18dq3XCJzHrT69mJQQafMAz808GvXj2vTPQ)

** JButtonのホバーエフェクトを円放射状グラデーションで表現する [#RadialGradientButton]
#swingdescription(Swing/RadialGradientButton,JButtonのホバーエフェクトを円放射状グラデーションで表現する,JButtonのホバーエフェクトとして円放射状グラデーションのアニメーションを実行します。,https://drive.google.com/thumbnail?id=1Qz_LOeUGxuzVCL6hdpYVyJF44f442OzRmA)

** JScrollBar上にマウスカーソルが入ったらその幅を拡張する [#ChangeScrollBarWidthOnHover]
#swingdescription(Swing/ChangeScrollBarWidthOnHover,JScrollBar上にマウスカーソルが入ったらその幅を拡張する,JScrollBar上へのマウスカーソルの出入りをJLayerで取得してその幅を拡大・縮小します。,https://drive.google.com/thumbnail?id=1BAF8wRV7pfhmJTBiE9_cun0SbMVR2XFQ)

** Shapeから取得したPathIteratorに沿って図形を移動する [#MotionPathAnimation]
#swingdescription(Swing/MotionPathAnimation,Shapeから取得したPathIteratorに沿って図形を移動する,Shapeから取得したPathIteratorに沿って図形が移動するアニメーションをJPanel上に描画します。,https://drive.google.com/thumbnail?id=1FHbqO5DwZfRAJS-R59DCLdU78ZxM7W1U)

** JTextFieldがFocusを取得したらBorderの右上左辺を順に描画する [#FocusBorderAnimation]
#swingdescription(Swing/FocusBorderAnimation,JTextFieldがFocusを取得したらBorderの右上左辺を順に描画する,JTextFieldがキーボードフォーカスを取得したら右上左辺を直線で順に描画するBorderアニメーションを開始します。,https://drive.google.com/thumbnail?id=1QFbs_eWetOYY37ic7VLmBwgRoGOTIXxY)

** Animated Gifを回転して表示する [#RotateAnimatedGifImageIcon]
#swingdescription(Swing/RotateAnimatedGifImageIcon,Animated Gifを回転して表示する,Animated Gifから生成したImageIconを回転して表示する方法をテストします。,https://drive.google.com/thumbnail?id=1tb2ZehKojq1kL-8mxiEbwtYaQUfPmLzX)

** Timerを使用してJPanelにアナログ時計の針を描画する [#AnalogClock]
#swingdescription(Swing/AnalogClock,Timerを使用してJPanelにアナログ時計の針を描画する,javax.swing.Timerを使用して現在時刻の取得し、JPanel上にアナログ時計の針の描画します。,https://drive.google.com/thumbnail?id=1w1gUIi7WDcTNi9JItoyXPOorketpHDJW)

* ↑40 ↓41 [#s65dc36c]
#adsensebar

** JScrollPaneの範囲外へのマウスドラッグによるスクロールで半透明の楕円を描画する [#OverscrollEdgeEffect]
#swingdescription(Swing/OverscrollEdgeEffect,JScrollPaneの範囲外へのマウスドラッグによるスクロールで半透明の楕円を描画する,JScrollPaneの範囲外にマウスドラッグでスクロールしようとするイベントを取得したら、JLayerを使用してJViewportの端に半透明の楕円を描画しこれ以上移動できないことを表現します。,https://drive.google.com/thumbnail?id=1n7_nqijaxfsuitZqB2Qaqwq4gJhpQ7FY)

** JPanelに正六面体ワイヤーフレームを投影変換して描画し、マウスドラッグして空間内で回転する [#PerspectiveCube]
#swingdescription(Swing/PerspectiveCube,JPanelに正六面体ワイヤーフレームを投影変換して描画し、マウスドラッグして空間内で回転する,JPanelに正六面体ワイヤーフレームを投影変換で描画し、マウスドラッグして各頂点を変換して空間内で回転します。,https://drive.google.com/thumbnail?id=1akdvf9FZNwNey03l7ZI-DW9ZTtgAvtdY)

** JTableのセルに不確定進捗状態のJProgressBarを表示する [#TableCellOfIndeterminateProgressBar]
#swingdescription(Swing/TableCellOfIndeterminateProgressBar,JTableのセルに不確定進捗状態のJProgressBarを表示する,JTableのセルに一定期間だけ不確定進捗状態のアニメーションを描画するJProgressBarを適用します。,https://drive.google.com/thumbnail?id=1j8bfUbhh4at4824_s2NPQ89sjHUw6N49)

** JTreeにノード展開、折り畳みアニメーションを実装する [#TreeNodeExpandCollapseAnimations]
#swingdescription(Swing/TreeNodeExpandCollapseAnimations,JTreeにノード展開、折り畳みアニメーションを実装する,JTreeのノード展開、折り畳みでその子ノードの高さを増減するアニメーションを実行します。,https://drive.google.com/thumbnail?id=1hHsf6k4Zt-UnrvuI-GIZWmu8NDCd6Yii)