Axure：円形タイマーを作るには？

Question

私はAxure 8

にこのアニメーションを作成する方法を知って感謝したいと思います！

Answer 1

アニメーションgifを使用できます。 直接表示する代わりに、選択した状態に表示することもできます。 イメージを選択するアクションを追加し、gifが実行を開始します。

タイマーを追加し、完了するとリセットします。 この素早く汚れた例を見てください。 https://www.dropbox.com/s/4hceqrbsbvyri8k/Circular-Timer.rp?dl=0

Answer 2

ここに、別のアプローチを使用する別の解決策があります。つまり、タイムドアニメーションのばかげた量： https://www.dropbox.com/s/52cuq8opsmquni0/Circular-Loader-Animated.rp?dl=0

2つのサークルにアニメーションを付けることができます。各半分は、回転中心を共通中心に設定しています。シェイプはアニメーションの前半部分をカバーします。

非常に信頼できる解決策ではなく、新しいアニメーション機能で可能なことを証明するだけです。

Answer 3

私は最近、これを行うには良い方法があるかもしれないので、Axureで遊んで始めたが、ここで私が思い付いたものです：2円と

• スタート：

  は2つのリングを作成します。 1つはもう1つよりもわずかに小さい。どちらか一方を選択して を中心にして両方を選択し、 スタイルペインの「減算」ボタンを押して、大きな円の穴を実質的に切断します。 Voila、 リング。

• 作業中のリングをコピーして貼り付けます。2. 1つのリング に、アクティブでない状態の色（たとえば灰色）を にして、アクティブな状態をにします（例えば、ライトブルー）。
• 形状の輪郭を殺すか、塗りつぶし同じ色

カット半分のものリング

• プレイスこの例 I各円のちょうど半分を超える長方形（作ります鉱山は垂直に半分になっていますが、それは水平にも行われます）。 と同じ「減算」ボタンを使用して、各リングの半分を削除します。 には1つのグレーのハーフリングと1つの青が必要です。

は

• コピー2つのハーフリングのうち、新たな完全なリングを作成し、あなたが2グレーとブルーの2つの 半分リングを残しているように、各半分のリングを貼り付けます。
• 各色の1つを半回転させます。180度
• 灰色のハーフリングを1つの灰色のように整列させます。 リング。青と同じことをしてください。彼らのそれぞれをグループ化してください。
• 簡単に参照できるように、アウトラインペインに各半リングの名前を付けてください。 （左灰色、右灰色、左の青、右の青）。

&が順番

• はそうあなた が見ることができるすべてはグレーリングである、青1上に直接得られた灰色のリングを入れてセットリングを合わせます。
• リングをグループ化して、アウトラインペインの の上から順に次のように順序を設定します。右灰色、右青、左灰色、左の青。

は今楽しい部分

• は、右の灰色のハーフリングを選択し、プロパティに移動しています。 、1000msで

• 待機1000msの
をリニア -

• 回して右のグレー180度、右回り、アンカー右、アニメイト：私は「 負荷に」使用が、あなたのために働くと、以下のケースを設定するものは何でもピックアップしています 線形、1000msの

最終結果は右灰色半環である -

右灰色（アニメーション）

回転が180度、時計回りに、アンカー右、アニメーショングレー左を隠します周りを回って青いリングが現れますが、青色が単に灰色のスペースを埋めるように見えます。その半分が180度の回転を終了し、左側で終わると、それは消え、左の灰色の半リングが回転を開始する。右の青いハーフリングの後ろにそれを置くので、青いリングの残りの部分が現れるように、それが動くにつれてそれは背後に畳み込まれます。

私が言ったように、私はAxureをかなり新しくしています。誰かがこれをより効率的に行う方法について提案していれば、それは歓迎すべきものです！