3

SplitView人目を引くアニメーション ハンバーガー アイコンをC# UWP XAML プロジェクトに追加したいと考えています。

CSS アニメーション化されたアイコン ([2,2] のここやここのようなもの) が大量にあることは知っていますが、XAML のアイコンはめったにありません。そして、いくつかの CSS を XAML アニメーションhereに移植した人がいます。

この開発者が Windows Phone App: Link to Storeで行ったような、本当に素敵なアニメーションが好きです。

彼はどうやってそれをしたのですか？そして、どうすればそれを行うことができますか? それは「ただ」の過剰使用Storyboardですか？それとも他のトリックが関係していますか？これは Win8 向けのアプリ (Win10 ではない) であるため、アニメーション GIF で作成されているとは思いません。

4

3 に答える 3

1

SplitView を開いたり閉じたりするボタンが上部にあるとします。そのボタンを ToggleButton に変更します。ToggleButton と SplitView で必要なイベント ハンドラーを作成して、トグルが常に正しい値を持つようにします。ペインが開いているときは「Checked」、ペインが閉じているときは「UnChecked」です。

今

  1. Blend でページを開く
  2. ToggleButton Edit Tamplate を右クリック -> Edit a Copy
  3. 状態への変更 (次のステップに進む前に、すべての状態を好みに変更してから遷移を作成することをお勧めします)
  4. Normal を見つけてクリック ->+ トランジションを追加し、Normal -> Checked を選択します。
  5. オブジェクトとタイムラインで ContentPresenter を選択します
  6. 黄色い線を 0.500 に移動します
  7. プロパティで [変換] に移動し、[回転] を選択して角度を 270 に設定します (ContentPresenter が選択されていることを確認してください)。
  8. オブジェクトとタイムラインに戻る 再生をクリックしてアニメーションを確認します。これで、好きなように再生して独自のアニメーションを作成できます（回転部分は単なる例です）
  9. プロジェクトをビルドして、ライブで試してみてください!

私はあなたが今からこれを手に入れたと信じています.Checked -> Normalから作成すると、あなたが望むものが得られます.

于 2016-02-13T15:22:42.267 に答える
0

私は、XAML と Blend で作成された多数のトゥウィックを使用して、このタイプのアニメーションを成功裏に実現しました。ここで確認できます。

于 2016-07-08T11:11:36.677 に答える
0

OK、彼の答えに対する@Stamosのコメントを検討した後、イベントを実装するこのリンクCurrentStateChangedを見つけました。そして、誰かがここに実装CheckedしてUnchecked述べる方法を示しています。

しかし、究極の答えは、本当のヒーローが多くの自由時間を持っていたTelerik フォーラムで見つけました。まさに私が探していたものです。

于 2016-02-16T20:15:41.357 に答える