問題タブ [hamburger-menu]

私はかなり長い間これを見つけようとしていましたが、解決策が見つかりませんでした。

ドロワーが閉じているときにハンバーガーナビゲーションドロワーボタンのように見えるこの種のボタンを実装したいのですが、開くとアイコンがアニメーション化し、画像に示すように「戻るボタン」に変換されます。

私Navigation Drawerは5つのアイテムを持っています。Fragmentユーザーがアイテムを選択すると、それぞれにロードされFrameLayout ます。今、ユーザーが引き出してNavigation Drawer前と同じアイテムを選択した場合、同じものFragmentを再度ロードするべきではないため、選択した位置を保存し、以前に選択した位置が現在と等しい場合次のように閉じてNavigation Drawerいます。

次のように、前のフラグメントに戻るナビゲーションを提供するために、に追加してフラグメントを追加してbackstackいます。

問題は 、アイテム番号:3 を選択してからアイテム:4 を選択した場合、前の選択がまだ 4 であるのに、アイテム番号:3 で表示Fragmentされていることです。したがって、アイテム番号: 3 をロードから再度選択するとNavigation Drawer、Fragment再びロードされます。これを解決する方法は??

編集：

私はしばらくの間、Microsoft のハンバーガー パターンを独自の方法で実装しようと試みてきました。

最終結果は次のとおりでした。

• 現在のページとハンバーガー メニューを含めるための AppShell (メニューは常に表示されます)
• Appshell では、高さ 48 ピクセルの 1 つと高さ 1 の高さの 2 つの行を持つグリッド。
• 最初の行に、コマンドバー (グローバル) とハンバーガー ボタン (幅と高さが 48 ピクセルのカスタム スタイルのトグル ボタン、中央にハンバーガーのフォント アイコン) を追加しました。
• 2 行目では、Pane に ListBox があり、Content に Frame がある SplitView。

このようにして、グローバル メニューとコマンド バーを表示しながら、コンテンツを制御できます。Frame の Navigated イベントで、CommandBar を更新して、Frame の Content のプロパティ (これらのプロパティでカスタム ページ コントロールを使用します) と CommandBar のコンテンツ (現在は、バインディング付きの単一の TextBlock)。

ただし、ToggleButton を CommandBar に移動したかったのです。バインディング (ToggleButton の IsChecked が SplitView の IsPaneOpen にバインドされている) が機能しないことを除いて、うまく機能しました。私は通常の ElementName ターゲティングを使用していますが、ViewModel プロパティは使用したくありません。

CommandBar.Content は別のコンテキストを使用しますか? または、ElementName 参照が機能しないのはなぜですか?

React Native Navbar と React Native Router Flux の使用法を組み合わせて、RN アプリの作成を簡素化しようとしました。そうすることで、ナビゲーターを再度使用する必要があるホームページに到達するまで、React Native Router Fluxを介してルートを切り替えるポイントに到達しました。

その理由は、React Native Router Flux でこのようなものを作成することはまだ可能だとは思わないからです。私がやろうとしているのは、ログイン/サインアップ ページからホーム フィード ページへの簡単なトランジションを作成することです。もちろん、コンポーネントごとに異なるサイド メニューを作成する必要はないので、最初は React Native Starter App Repo で行われていることを模倣しました。しかし、ログイン画面からホーム画面 (基本的に React Native Starter App コード) に遷移しようとすると、次のエラーが発生します。

私のホームページのコードは次のとおりです (これもほとんどReact Native Starter Appから取得したものです)。

ホームページ ルートにプッシュするコードは次のようになります。

最後に、メインのアプリのルーティング構造は次のようになります。

私は現在、最初のレスポンシブ Web サイトを構築しています。

タブレット、ラップトップ、デスクトップでの使用の場合、ナビゲーションは「スティッキー」で、思い通りに機能します。

それより小さいディスプレイの場合、ナビゲーションは典型的な「ハンバーガー メニュー」内に隠され、クリックするとナビゲーションが表示されます。

これはすべて正常に機能しますが、私の問題は「バーガークリック」時のナビゲーションの表示にあります。ナビゲーションはヘッダーの上に表示され、コンテンツは下に表示されます。コンテンツを画面の横に押したり下に押したりするのではなく、デフォルトでそうなっていると思います。

問題はポジショニングに関係していると思いますが、何に指を置くことができません。通常の応答状態で表示されたときの私のナビゲーション要素の位置は次のとおりです。

これは、JSFiddle を使用する最初の試みでもあります。

他に何かを提供する必要がある場合は、お問い合わせください。

助けてくれてありがとう。

https://jsfiddle.net/AlexEd/5a98ttq8/

私のウェブページでこのシンボルを取得する方法を見つけようとしています:

シンボルは何と呼ばれていますか？を使用して ▾ を取得するように、私の Web ページで取得する方法はありますか

前もって感謝します。

Google やその他の開発者は、ハンバーガー メニュー ボタンと呼ばれるものを導入し、現在は 3 つの垂直ドット ボタンまたは垂直省略記号を導入しています。これらのボタン/アイコンの正式名称は?

開発者が一貫して特定のアイコンをメニューに使用できるとよいでしょう。また、初心者ユーザーに何を押すように伝えるべきかを知っておくとよいでしょう.

背景情報:

横の省略記号 … Apple は横の省略記号を使用し、それを [その他のオプション] アイコン … … …
と呼んでい ます。https://design.google.com/icons/によると、アイコンは「more horiz」と呼ばれています。

縦の省略記号 ⋮⋮ ⋮ ⋮
デスクトップ用の Google+ では、これをコミュニティのメニューとして使用しているようです。Google+ アプリは、このアイコンを標準のメニュー アイコンとして使用します。 https://design.google.com/icons/
によると、アイコンは「more vert」と呼ばれています。

Identical To ≡ Google Chrome は Identical To に似た画像を使用し、それをChrome メニュー≡ ≡ ≡
と呼び ます。 「ハンバーガー」アイコン、「ホットドッグ」アイコン、オプション メニュー、メニュー ボタン、オーバーフロー メニュー、サイド メニュー、メニュー ドロワーとも呼ばれています 。https://design.google.com/icons/によると、アイコンは「メニュー」と呼んでいます。

画面上部の右側にハンバーガー メニューを作成し、左側に戻るボタンを作成するコードネーム 1 のアプリを作成しようとしていますが、動作させることができません。左側にハンバーガー メニュー、右側にボタンがあります。なりたい姿をイメージして描きました。戻るボタンは、コードではなくペイントで追加されます。 アプリ例の画像

以下は、右側のメニューを取得するために使用したコードです。

AboutTheAppボタンの後に追加されるように戻るボタンを移動すると、戻るボタンは画面の右側だけでなく、右側にもあるメニューの右側にも表示されます。いろいろな方法を試しましたが、どれもうまくいかないようです