SwiftUIで、表示されたときにボタンオフセットをアニメーション化するにはどうすればよいですか?

J. Edgell

SwiftUIで、ビューが最初に表示されたときに上から最終位置にドロップして、画面外からボタンを表示したいのですが、ボタンが押されたときにアニメーションを要求していません。

私が試してみました:

Button(action: {}) {
    Text("Button")
}.offset(x: 0.0, y: 100.0).animation(.basic(duration: 5))

しかし、喜びはありません。

コンティキ

オフセットで遊びたい場合は、これで始めることができます。

struct ContentView : View {
    @State private var offset: Length = 0

    var body: some View {
        Button(action: {}) { Text("Button") }
            .offset(x: 0.0, y: offset)
            .onAppear {
                withAnimation(.basic(duration: 5)) { self.offset = 100.0 }
            }
    }
}

最初に.transition(.move(.top))を提案しましたが、回答を更新しています。ボタンが画面の境界にない限り、適切ではない可能性があります。移動は、移動したビューのサイズに制限されます。したがって、結局オフセットを使用する必要があるかもしれません!

画面の外で開始するために、オフセットの初期値を負にすることができることに注意してください。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

フラッターで変更されたときに高度のアニメーションを停止するにはどうすればよいですか?

分類Dev

iOS 7でシート/アラートが表示されているときに、カスタム描画されたコントロールでtintColorを灰色にアニメーション化するにはどうすればよいですか?

分類Dev

ボタンをクリックしたときにアニメーションを遷移させるにはどうすればよいですか?

分類Dev

BLoCパターンでウィジェットを変更するときにアニメーション化されたトランジションを追加するにはどうすればよいですか?

分類Dev

(Android Studioで)テキストセクションが空白でボタンが押されたときにトーストメッセージを表示するにはどうすればよいですか?

分類Dev

サイトが表示されているときにアニメーションをトリガーするにはどうすればよいですか?

分類Dev

アニメーション化されたToggleButtonを作成するにはどうすればよいですか?

分類Dev

GMSMapViewでアニメーション化されたポリラインルートを取得して、マップが移動したときにマップと一緒に移動するようにするにはどうすればよいですか?

分類Dev

Android用のアニメーション化された円形の進行ボタンを作成するにはどうすればよいですか?

分類Dev

UIViewが再表示されたときにアニメーションを復元するにはどうすればよいですか?

分類Dev

xmlを介して2つのボタンにアニメーションのセットを配置するにはどうすればよいですか?

分類Dev

JavaScriptで戻るボタンが押された場合にアラートメッセージを表示するにはどうすればよいですか?

分類Dev

Plotlty:アニメーション化されたヒートマップで遷移時間を変更するにはどうすればよいですか?

分類Dev

右矢印を押したときにluaでスプライトをアニメーション化するにはどうすればよいですか?

分類Dev

Androidの無効化ボタンをクリックしたときにメッセージを表示するにはどうすればよいですか?

分類Dev

Flutterの検索ボックスをクリックしたときにフローティングアクションボタン(FAB)が表示されないようにするにはどうすればよいですか?

分類Dev

kivyでボタンとして押すと再生されるアニメーションGIFを使用するにはどうすればよいですか?

分類Dev

アニメーションプロットを表示するにはどうすればよいですか?

分類Dev

WPFアニメーションをリセットするにはどうすればよいですか

分類Dev

無効な<select>オプションボックスをクリックしたときにアラートメッセージを表示するにはどうすればよいですか?

分類Dev

ボタンの表示をアニメーションで1つずつ表示するように定義するにはどうすればよいですか?

分類Dev

ノードデータを削除するときにGoJSで削除をアニメーション化するにはどうすればよいですか?

分類Dev

このjqueryアニメーション関数に50pxのオフセットを追加するにはどうすればよいですか?

分類Dev

タップしたときにUICollectionViewCellでこのアニメーションを作成するにはどうすればよいですか?

分類Dev

ボタンがクリックされたコントローラーとアクションを取得するにはどうすればよいですか?

分類Dev

Google Chromeでアニメーションをオフにするにはどうすればよいですか?

分類Dev

Unityでゲームオブジェクトが非アクティブ化された後にアニメーションをリセットするにはどうすればよいですか?

分類Dev

javascriptとcssでポップアップするメッセージのトランジションをアニメーション化または使用するにはどうすればよいですか?

分類Dev

SwiftUI Pickerオプションの下にセクションフッターテキストを追加するにはどうすればよいですか?

Related 関連記事

  1. 1

    フラッターで変更されたときに高度のアニメーションを停止するにはどうすればよいですか?

  2. 2

    iOS 7でシート/アラートが表示されているときに、カスタム描画されたコントロールでtintColorを灰色にアニメーション化するにはどうすればよいですか?

  3. 3

    ボタンをクリックしたときにアニメーションを遷移させるにはどうすればよいですか?

  4. 4

    BLoCパターンでウィジェットを変更するときにアニメーション化されたトランジションを追加するにはどうすればよいですか?

  5. 5

    (Android Studioで)テキストセクションが空白でボタンが押されたときにトーストメッセージを表示するにはどうすればよいですか?

  6. 6

    サイトが表示されているときにアニメーションをトリガーするにはどうすればよいですか?

  7. 7

    アニメーション化されたToggleButtonを作成するにはどうすればよいですか?

  8. 8

    GMSMapViewでアニメーション化されたポリラインルートを取得して、マップが移動したときにマップと一緒に移動するようにするにはどうすればよいですか?

  9. 9

    Android用のアニメーション化された円形の進行ボタンを作成するにはどうすればよいですか?

  10. 10

    UIViewが再表示されたときにアニメーションを復元するにはどうすればよいですか?

  11. 11

    xmlを介して2つのボタンにアニメーションのセットを配置するにはどうすればよいですか?

  12. 12

    JavaScriptで戻るボタンが押された場合にアラートメッセージを表示するにはどうすればよいですか?

  13. 13

    Plotlty:アニメーション化されたヒートマップで遷移時間を変更するにはどうすればよいですか?

  14. 14

    右矢印を押したときにluaでスプライトをアニメーション化するにはどうすればよいですか?

  15. 15

    Androidの無効化ボタンをクリックしたときにメッセージを表示するにはどうすればよいですか?

  16. 16

    Flutterの検索ボックスをクリックしたときにフローティングアクションボタン(FAB)が表示されないようにするにはどうすればよいですか?

  17. 17

    kivyでボタンとして押すと再生されるアニメーションGIFを使用するにはどうすればよいですか?

  18. 18

    アニメーションプロットを表示するにはどうすればよいですか?

  19. 19

    WPFアニメーションをリセットするにはどうすればよいですか

  20. 20

    無効な<select>オプションボックスをクリックしたときにアラートメッセージを表示するにはどうすればよいですか?

  21. 21

    ボタンの表示をアニメーションで1つずつ表示するように定義するにはどうすればよいですか?

  22. 22

    ノードデータを削除するときにGoJSで削除をアニメーション化するにはどうすればよいですか?

  23. 23

    このjqueryアニメーション関数に50pxのオフセットを追加するにはどうすればよいですか?

  24. 24

    タップしたときにUICollectionViewCellでこのアニメーションを作成するにはどうすればよいですか?

  25. 25

    ボタンがクリックされたコントローラーとアクションを取得するにはどうすればよいですか?

  26. 26

    Google Chromeでアニメーションをオフにするにはどうすればよいですか?

  27. 27

    Unityでゲームオブジェクトが非アクティブ化された後にアニメーションをリセットするにはどうすればよいですか?

  28. 28

    javascriptとcssでポップアップするメッセージのトランジションをアニメーション化または使用するにはどうすればよいですか?

  29. 29

    SwiftUI Pickerオプションの下にセクションフッターテキストを追加するにはどうすればよいですか?

ホットタグ

アーカイブ