ボタンがSwiftuiで押されるとき、メニューを示す方法

IOSの14とSwiftui 2現在、我々は今我々のアプリの任意のボタンにポップアウトメニューを追加することができます.我々は、新しいMenuのキーワードを使用してこれを実装することができます.いくつかの方法でメニューは、IOSのアプリケーションで使用される現在のアクションシートを置き換える予定です.アクションシートの問題は、画面の下部にのみ表示されます.これは計算された、Macのような大画面で大きく見えません.メニューは、我々の画面の下部に表示されるのではなく、我々のアプリでポップアウトメニューを表示する場所に柔軟性を許可します.
我々が我々のアプリケーションでこれを実行する方法の下の例を見てみましょう.
構造体のビュー
VAR本体:いくつかの見解
メニュー("create ") {
ボタン("cancel ", action :{})
ボタン("search ", action { {})
ボタン("add ", action { {})
｝
｝
｝
上の例でわかるように、メニューのキーワードを使用してメニューを作成します.メニューの中で次の我々は我々が望むように多くのボタンを追加することができます括弧.メニューのボタンの配置順序は問題です.我々が作成した最初のボタンは常に下にあり、我々は次のボタンは、perviousボタンの上に作成されます.以下の例を見てください.


上記の例でわかるように、Createボタンをタップすると、ボタンのメニューが表示されます.
メニューのメニューもあります.
構造体のビュー
VAR本体:いくつかの見解
メニュー("create ") {
ボタン("cancel ", action :{})
メニュー("more ") {
ボタン("rename ", action :{ })
ボタン("開発者モード", action :{})
｝
ボタン("search ", action { {})
ボタン("add ", action { {})
｝
｝
｝


今、我々は、[作成]ボタンをタップし、我々のメインメニューの中に我々の新しいメニューを提示する私たちのより多くのボタンをタップします.
最後に我々のメニューにラベルを追加することにより、我々のメニューのテキストとアイコンをカスタマイズすることができます.
構造体のビュー
VAR本体:いくつかの見解
メニュー
ボタン("cancel ", action :{})
ボタン("search ", action { {})
ボタン("add ", action { {})
ラベル名{ }
ラベル("create ", systemimage :"plus . circle "
｝
｝
｝


この例では、メニューボタンにカスタムタイトルとアイコンを追加できます.
あなたがまだ混乱している場合はメニューを説明するのに役立つことができる偉大な WWDC videoです.
私はあなたがより良いIOSの14とSwiftui 2でメニューを使用する方法を理解するのに役立ちます願っています.
💻👨🏻‍💻 ハッピーコーディング!💻👨🏻‍💻