問題タブ [bottom-sheet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
11478 参照

android - Android サポート BottomSheetBehavior 追加の固定状態

アプリでAndroidSlidingUpPanelライブラリを使用しています。23.1.1 以降のバージョンの Android Design Support Library では、レイアウトの一部が壊れます。最新バージョンではBottomSheetBehaviorが導入されているため、AndroidSlidingUpPanel ライブラリを置き換えて、代わりに BottomSheetBehavior を使用することを検討しています。ただし、BottomSheetBehavior には、非表示、折りたたみ、および展開の 3 つの状態しかありません (および、2 つの中間状態のドラッグと解決)。AndroidSlidingUpPanel にはさらに、アンカー状態があります。これは、パネルが折りたたまれた状態と展開された状態の間でスナップする状態です。BottomSheetBehavior を使用して、この追加のアンカー状態を取得するにはどうすればよいですか?

たとえば、Google の Maps アプリにはこの動作があります。

隠れた:

折りたたまれました:

ドラッグ (折りたたみと固定の間):

固定:

ドラッグ (アンカーと展開の間):

拡張:

場所にそれらがある場合、固定された状態でマップ上をスライドするオプションの画像で進行中のいくつかの視差効果があります。そしてフル展開になるとロケーション名がアクションバーのタイトルになります。最終的には、同様のことを達成することにも興味があります。

私の最初の本能は、アンカーされた状態は実際には展開された状態であり、マップがまだ表示されているパネルの上の空のスペースがビューの透明な部分であるということです。次に、アンカー状態と展開状態の間のドラッグは、パネル ビュー自体のコンテンツをスクロールするだけです。

これは、固定状態にある間、パネルの上の表示されているマップ領域をスワイプすることで、パネルを上にスクロールし続けることができるという事実によって検証されます。ただし、折りたたまれた状態でマップからパネルを上にスライドさせることはできないため、ビューのこの非表示部分は、折りたたまれた状態から上にスワイプするときに (オプションの画像が目に見えるように) その領域に拡張する必要があります。私はこのルートに行くことができると思いますが、他にもっと良いアプローチがあるかどうかを見たいと思っていました.

0 投票する
0 に答える
1194 参照

android - 永続的なボトムシートのダイアログオーバーレイ

モーダルボトムシートダイアログにあるように、永続的なボトムシートにオーバーレイを追加することは可能ですか? フレームレイアウトを持ち、フラグメント トランザクションを実行するボトムシートを実装しました。

展開して戻るボタンを押すと、フラグメントがスタックから削除されます。しかし、モーダル ダイアログを使用すると、ダイアログが閉じられます。

そのため、永続的なダイアログを使用するとうまくいくことがわかりましたが、シートで覆われていない画面の領域にモーダル オーバーレイが必要です。

0 投票する
2 に答える
3502 参照

android - Android: ボトムシートが正常に消えない

編集:

フローティング アクション ボタン「+」をクリックすると、ボトムシートは次のように表示されます。ここに画像の説明を入力

activity_task.xml ファイルは次のとおりです。

すべて問題ないように見えますが、ボトムシートの上をクリックすると、期待どおりに完全に消えません。

ここに画像の説明を入力

どうしたの?

0 投票する
0 に答える
397 参照

android - 画面全体を占める BottomSheet タッチ領域

ボトムシートをビューに追加しましたが、正常に動作しますが、シートをドラッグできるタッチ領域がすべての画面を占めています。ビューコードは次のようになります

なぜこの動作が発生するのか、ボトムシートのみを含むタッチ領域を作成するにはどうすればよいかを知りたいです。

0 投票する
1 に答える
509 参照

android - ViewPager が bottomSheetDialog に表示されない

ViewPager が BottomSheetDialog に表示されません。これが実装です。

0 投票する
1 に答える
883 参照

android - Google の BottomSheet が画面の上部に表示されます

デザイン ライブラリ内で Android の新しい BottomSheet を使用しています。問題は、フラグメント内で使用していて、画面の下部ではなく上部に表示されることです。

これは私のアクティビティxmlです:

そして、これは私のフラグメントxmlです:

したがって、レイアウトのフラグメントを次のコードに置き換えた後:

このコードを追加して、FAB クリック状態で BottomSheet を表示します。フラグメントの Java コード:

何が問題ですか?私が間違っていることは何ですか?TnQ

0 投票する
1 に答える
1787 参照

android - ボトムシートの高さを減らす

Bottom Sheet の高さを変更する方法を知っています。ボトムシートの高さを高くしても問題ありません。ただし、次のコードでは高さを下げることができません。

誰も同じ問題に遭遇しましたか?

0 投票する
4 に答える
17540 参照

android - ボトムシートビューに影を追加するにはどうすればよいですか?

現在のところ、Android デザイン ライブラリの公式ボトム シート コンポーネントが実装されているため、上端に影が表示されません。しかし、さまざまなモックアップやマテリアル デザインの仕様で私が見たものでは、一番下のシートにはある種の個別の影が含まれています。

特にピーク値が設定されている場合や、下部シートが常に表示されている場合は、影がメイン レイアウトから下部シートを遠ざけるのに役立つと思います。そうしないと、メイン レイアウトとそのアイテムと一緒にブレンドされてしまいます。

私は成功せずに、XMLでビューにViewCompat.setElevation(bottomSheet, 5);設定することを試みました。android:elevation="5dp"

マテリアル デザイン仕様のボトム シートの例