This document provides an overview of various components in the Android Design Support Library including NavigationView, TextInputLayout, FloatingActionButton, Snackbar, AppBarLayout, TabLayout, CollapsingToolbarLayout, CoordinatorLayout, ScrollingViewBehavior, and custom behaviors. It demonstrates how to use these components in XML layouts and Java code, and discusses features like scroll flags, tab modes, collapse modes, and dependencies between views.

1. Support Design Library
Григорий Джанелидзе

2. <android.support.v4.widget.DrawerLayout>
<!-- content goes here -->
<android.support.design.widget.NavigationView
app:headerLayout="@layout/nav_header"
app:menu="@menu/my_navigation_items" />
</android.support.v4.widget.DrawerLayout>
NavigationView

3. NavigationView
<!-- Subgroup -->
<item android:title="Menu">
<menu>
<!-- none|single|all -->
<group android:checkableBehavior="single">
<item
android:icon="@drawable/ic_contacts"
android:title="Contact" />
<item
android:icon="@drawable/ic_android"
android:title="Item" />
</group>
</menu>
</item>

4. TextInputLayout
<android.support.design.widget.TextInputLayout
android:hint="Hint">
<EditText />
</android.support.design.widget.TextInputLayout>

5. TextInputLayout
TextInputLayout text = …;
text.setError("Username or Password is incorrect.");
text.setErrorEnabled(false);

6. FloatingActionButton
<android.support.design.widget.FloatingActionButton
android:src=«@drawable/ic_add"
app:fabSize="normal" /> <!-- normal|mini -->

7. Snackbar
Snackbar
// LENGTH_INDEFINITE|LENGTH_SHORT|LENGTH_LONG
.make(view, "Hello, I am snackbar", Snackbar.LENGTH_INDEFINITE)
.setAction("Undo", new View.OnClickListener() {
@Override
public void onClick(View v) {
// handle action
}
})
.show();

8. AppBarLayout,TabLayout
<android.support.design.widget.AppBarLayout>
<android.support.v7.widget.Toolbar />
<android.support.design.widget.TabLayout
app:tabMode="fixed" <!-- fixed|scrollable -->
app:tabGravity="center" /> <!-- center|fill -->
</android.support.design.widget.AppBarLayout>

9. TabLayout
TabLayout tabLayout = ...;
tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));

10. TabLayout
TabLayout tabLayout = …;
ViewPager viewPager = …;
tabLayout.setupWithViewPager(viewPager);

11. CoordinatorLayout
<android.support.design.widget.CoordinatorLayout>
<android.support.design.widget.AppBarLayout>
<android.support.v7.widget.Toolbar
app:layout_scrollFlags="scroll|enterAlways" />
<android.support.design.widget.TabLayout />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
app:layout_behavior=
"@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.FloatingActionButton
app:layout_anchor="@id/viewpager"
app:layout_anchorGravity="end|bottom" />

12. CollapsingToolbar
<android.support.design.widget.AppBarLayout>
<android.support.design.widget.CollapsingToolbarLayout
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

13. CoordinatorLayout
<android.support.design.widget.CoordinatorLayout>
<android.support.design.widget.AppBarLayout>
<android.support.v7.widget.Toolbar
app:layout_scrollFlags="scroll|enterAlways" />
<android.support.design.widget.TabLayout />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
app:layout_behavior=
"@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.FloatingActionButton
app:layout_anchor="@id/viewpager"
app:layout_anchorGravity="end|bottom" />

14. ScrollingViewBehavior
• Можно повесить лишь на View,
поддерживающее NestedScrolling
• RecyclerView, NestedScrollView
• Будут работать начиная с Lollipop: ListView,
GridView, ScrollView

15. Behavior
• CoordinatorLayout.Behavior<T>
• Говорим CoordinatorLayout’у зависим ли мы от
конкретной View через layoutDependsOn
• Обрабатываем изменение зависимости в
соответствующих методах
• onDependentViewChanged,
onDependentViewRemoved…
• Чтобы CoordinatorLayout сам выставлял
поведение по умолчанию необходимо
аннотировать кастомную View @DefaultBehavior

16. Пример
@Override
public boolean layoutDependsOn(CoordinatorLayout parent,
FloatingActionButton child, View dependency) {
return dependency instanceof SnackbarLayout;
}

17. Пример
@Override
public boolean
onDependentViewChanged(CoordinatorLayout parent,
FloatingActionButton child, View dependency) {
float translationY = Math.min(0,
dependency.getTranslationY()-dependency.getHeight());
child.setTranslationY(translationY);
return true;
}

18. Плохой пример

19. Пример
https://github.com/StrLght/droidcon2015

20. Спасибо за внимание!
Григорий Джанелидзе
@_StrLght