在JavaFX中，您可以使用PathTransition對象為路徑上的節(jié)點(diǎn)設(shè)置動畫。 PathTransitions使用Shape對象描述它們需要沿其動畫的路徑。 JavaFX提供了各種類型的形狀（例如，多邊形，圓形，多邊形，路徑）。 路徑形狀很有趣，因?yàn)樗试S您使用稱為PathElement的各種移動來創(chuàng)建復(fù)雜的形狀。 一些路徑元素是ArcTo，CubicCurveTo，HLineTo，LineTo，MoveTo，QuadCurveTo，VLineTo。 他們的名字暗示著他們在做什么。

盡管PathElemetns非常適合描述復(fù)雜路徑，但我發(fā)現(xiàn)我寧愿使用數(shù)學(xué)表達(dá)式來描述我的路徑。 在數(shù)學(xué)課上使用圖形的所有歲月影響了我的思維方式。 二次和三角表達(dá)式使它們具有溫暖和舒適的感覺。 因此，我試圖創(chuàng)建使用數(shù)學(xué)表達(dá)式描述的PathTransitions。 如果有人希望達(dá)成相同的目標(biāo)，我會在這篇文章中描述我的解決方案。

為此，首先需要解決數(shù)學(xué)表達(dá)式的方法，例如x * sin（x）或x ^ 2/45或（x ^ 2）/ sin（x-2）或其他方法可以想像。 為此，我很幸運(yùn)地偶然發(fā)現(xiàn)了Lawrence Dol的Software Monkey網(wǎng)站。 Lawrence創(chuàng)建了一個名為MathEval的超輕量Java類 ，該類可評估數(shù)學(xué)表達(dá)式。 該類只有31KB，非常易于使用。 我使用MathEval繪制給定表達(dá)式的點(diǎn)。

JavaFx類Polyline用于存儲MathEval求解的標(biāo)繪點(diǎn)，并將它們轉(zhuǎn)換為PathTransition可以將其用作輸入的Shape對象。

我最終創(chuàng)建的類稱為ExpressionTransitionMaker-抱歉，沒有Javadoc，但是您可以在此處找到源代碼。 該類應(yīng)該非常易于使用。 它有兩個主要方法值得一提。 第一個是：

public void addExpressionEntry(double start, double end, double poll, GraphType type, String expression) throws IllegalArgumentException;

此方法用于添加表達(dá)式條目，該表達(dá)式條目由具有支持信息的表達(dá)式組成，例如圖表上的開始和結(jié)束位置，輪詢間隔和GraphType。 ExpressionTransitionMaker可以制作此GraphType枚舉描述的三種不同類型的圖：

public enum GraphType {vertical("y"), horizontal("x"), polar("a");private String var;GraphType(String var) {this.var = var;}public String getVar() {return var;}}

每個表達(dá)式條目都需要一個表達(dá)式。 對于水平圖，表達(dá)式的形式必須為f（x）; g（y）為垂直； r（a）代表極坐標(biāo)。 也就是說，水平圖需要一個表達(dá)式，其中唯一變量是字母“ x”，垂直圖需要一個表達(dá)式，其中唯一變量是字母“ y”，極坐標(biāo)圖需要一個表達(dá)式，唯一的變量variable是字母“ a”，其中“ a”表示弧度的角度。 可以添加多個表達(dá)式條目。

顧名思義，水平圖和垂直圖分別用于分別向左和向右和向上和向下移動的圖形。 極坐標(biāo)圖適用于沿圓形或螺旋形路徑移動的圖形。 如果給定負(fù)的輪詢值以及適當(dāng)?shù)钠瘘c(diǎn)和終點(diǎn)，則這三個方向都可以朝相反的方向發(fā)展。

值得一提的第二種方法是：

public SequentialTransition getSequentialTransition();

因?yàn)榭梢栽贓xpressionTransitionMaker中添加多個表達(dá)式，所以SequentialTransition對象用于播放ExpressionTransitionMaker可以創(chuàng)建的所有PathTransition。 返回的SequentialTransition填充有多個PathTransition，每個添加的表達(dá)式一個。 SequentialTransition將按順序播放其所有過渡。

就是這樣。 ExpressionTransitionMaker中還有一個或兩個其他公共方法，用戶可能會發(fā)現(xiàn)它們很方便，但為簡潔起見而被忽略。 我創(chuàng)建了一個簡單的小應(yīng)用程序，用于測試ExpressionTransitionMaker，可以在此處找到。 該應(yīng)用程序可以在瀏覽器上播放，它允許您輸入多個表達(dá)式，這些表達(dá)式用于使屏幕上的圖像動起來。

如果您有任何反饋意見希望閱讀。

參考：來自我們W4G合作伙伴 Jose Martinez的 JavaFX中基于表達(dá)式的PathTransitions

翻譯自: https://www.javacodegeeks.com/2012/09/expression-based-pathtransitions-in.html

總結(jié)

以上是生活随笔為你收集整理的JavaFX中基于表达式的PathTransitions的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。