103

新しい Android サポート デザイン ライブラリのデモ アプリを見てみました。これはgithubで Chris Banes によって提供されています。アプリを通じて、頻繁にCoordinatorLayout使用されます。FloatingActionButtonまた、SnackBar、などのサポート デザイン ライブラリ クラスの多くは、AppBarLayout内で使用すると動作が異なりCoordinatorLayoutます。

CoordinatorLayout誰かがアンドロイドの他のものと何が違うのかViewGroup、または少なくとも学習への正しい道を提供してくれるのか、いくつかの光を当てることができますかCoordinatorLayout.

4

7 に答える 7

45

ここにあなたが探しているものがあります。

ドキュメントから

デザイン ライブラリはCoordinatorLayout、子ビュー間のタッチ イベントに対する追加レベルの制御を提供するレイアウトである を導入します。これは、デザイン ライブラリの多くのコンポーネントが利用するものです。

https://android-developers.googleblog.com/2015/05/android-design-support-library.html

このリンクでは、上記のすべてのビューのデモ ビデオが表示されます。

お役に立てれば :)

于 2015-05-29T19:37:40.690 に答える
9

CoordinatorLayoutは基本的に、名前から明らかな多くの機能を備えたフレーム レイアウトであり、子間の調整を自動化し、美しいビューを構築するのに役立ちます。その実装は、Google Play ストア アプリで確認できます。ツールバーがどのように折りたたまれ、色が変わるか。

CoordinatorLayoutの最も優れた点は、その直接的または間接的な子孫に与える動作です。スクロール中にすべての UI が動き出すのを見たことがあるはずです。その振る舞いが魔法のように働いている可能性が非常に高いです。

于 2015-06-23T06:10:56.967 に答える
7

Android ドキュメンテーションの便利な機能の簡単なスナップショットを提供するには、次のようにします。

CoordinatorLayout を使用して、ビューのリレーショナル動作を簡単に制御します。

たとえば、ツールバーを折りたたむか非表示にする場合。Google は、CoordinatorLayout の下で最適に機能する AppBarLayout と CollapsingToolbarLayout を導入することで、これを非常に簡単にしました。

もう 1 つの最もよく使用される状況は、FloatingActionButton を CollapsingToolbar の下部に貼り付けて移動し、coordinatorLayout の下に配置app:layout_anchor="@id/YourAppBarId"して、glue(!) に使用app:layout_anchorGravity="bottom|end"する場合です。魔法の仕事!

このレイアウトを context として使用することで、子ビューは CoordinatorLayout context を介してお互いを認識できるため、コラボレーションが向上し、インテリジェントな方法で動作します。つまり、FloatingAction ボタンは、snackBar などによってオーバーラップされなくなります。

これらは最も有用な部分の簡単な要約にすぎないため、アプリのアニメーション化にかかる時間を節約したい場合は、このテーマについてもう少し深く掘り下げる価値があります。

Google スクロール ビュー アクティビティ テンプレートを参照してください

于 2016-08-23T06:29:45.487 に答える
1

注意すべき重要な点の 1 つは、CoordinatorLayout には FloatingActionButton または AppBarLayout の機能を本質的に理解していないことです。Coordinator.Behavior の形式で追加の API を提供するだけで、子ビューがタッチ イベントとジェスチャをより適切に制御できるようになります。相互の依存関係を宣言し、onDependentViewChanged() を介してコールバックを受け取ります。

ビューは CoordinatorLayout.DefaultBehavior(YourView.Behavior.class) アノテーションを使用してデフォルトの動作を宣言するか、app:layout_behavior="com.example.app.YourView$Behavior" 属性を使用してレイアウト ファイルに設定できます。このフレームワークにより、任意のビューを CoordinatorLayout と統合できます。

今すぐ利用可能!Design ライブラリは現在利用可能です。SDK Manager で Android サポート リポジトリを更新してください。その後、単一の新しい依存関係で Design ライブラリの使用を開始できます。

compile 'com.android.support:design:22.2.0' Design ライブラリは Support v4 および AppCompat Support Libraries に依存するため、Design ライブラリの依存関係を追加すると、これらは自動的に含まれることに注意してください。また、これらの新しいウィジェットが Android Studio Layout Editor のデザイン ビュー (CustomView の下にあります) で使用できるように配慮し、これらの新しいコンポーネントの一部を簡単にプレビューできるようにしました。

デザイン ライブラリ、AppCompat、およびすべての Android サポート ライブラリは、すべてをゼロから構築することなく、モダンで見栄えの良い Android アプリを構築するために必要なビルディング ブロックを提供する重要なツールです。

于 2019-02-19T17:25:16.257 に答える