support design library
TRANSCRIPT
![Page 1: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/1.jpg)
![Page 2: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/2.jpg)
![Page 3: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/3.jpg)
![Page 4: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/4.jpg)
![Page 5: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/5.jpg)
![Page 6: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/6.jpg)
![Page 7: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/7.jpg)
![Page 8: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/8.jpg)
![Page 9: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/9.jpg)
a.k.a 머티리얼 디자인 과도기
![Page 10: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/10.jpg)
![Page 11: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/11.jpg)
![Page 12: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/12.jpg)
![Page 13: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/13.jpg)
compile 'com.android.support:design:22.2.0'
![Page 14: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/14.jpg)
![Page 15: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/15.jpg)
![Page 16: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/16.jpg)
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/root" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id=“@+id/app_bar” .. /> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_check_white_24dp" android:layout_margin="16dp" android:theme="@style/FabTheme" app:layout_anchor="@+id/app_bar" app:layout_anchorGravity="bottom|right|end" /></android.support.design.widget.CoordinatorLayout>
![Page 17: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/17.jpg)
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/root" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id=“@+id/app_bar” .. /> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_check_white_24dp" android:layout_margin="16dp" android:theme="@style/FabTheme" app:layout_anchor="@+id/app_bar" app:layout_anchorGravity="bottom|right|end" /></android.support.design.widget.CoordinatorLayout>
![Page 18: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/18.jpg)
anchor to AppBar
![Page 19: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/19.jpg)
anchor to AppBar
![Page 20: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/20.jpg)
![Page 21: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/21.jpg)
![Page 22: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/22.jpg)
![Page 23: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/23.jpg)
<android.support.design.widget.CoordinatorLayout> <android.support.design.widget.AppBarLayout> <android.support.v7.widget.Toolbar/> <android.support.design.widget.TabLayout/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"/></android.support.design.widget.CoordinatorLayout>
![Page 24: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/24.jpg)
<android.support.design.widget.CoordinatorLayout> <android.support.design.widget.AppBarLayout> <android.support.v7.widget.Toolbar/> <android.support.design.widget.TabLayout/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"/></android.support.design.widget.CoordinatorLayout>
![Page 25: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/25.jpg)
<android.support.design.widget.CoordinatorLayout> <android.support.design.widget.AppBarLayout> <android.support.v7.widget.Toolbar/> <android.support.design.widget.TabLayout/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"/></android.support.design.widget.CoordinatorLayout>
AppBarLayout.ScrollingViewBehavior
![Page 26: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/26.jpg)
<android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" > <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_scrollFlags="scroll|enterAlways"/> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> </android.support.design.widget.AppBarLayout>
![Page 27: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/27.jpg)
<android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" > <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_scrollFlags="scroll|enterAlways"/> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> </android.support.design.widget.AppBarLayout>
![Page 28: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/28.jpg)
layout_scrollFlags=“scroll|enterAlways”
![Page 29: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/29.jpg)
layout_scrollFlags=“scroll|enterAlways”
![Page 30: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/30.jpg)
<android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" > <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_scrollFlags="scroll|enterAlways"/> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> </android.support.design.widget.AppBarLayout>
![Page 31: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/31.jpg)
no layout_scrollFlags
![Page 32: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/32.jpg)
no layout_scrollFlags
![Page 33: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/33.jpg)
![Page 34: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/34.jpg)
![Page 35: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/35.jpg)
<android.support.design.widget.CoordinatorLayout> <android.support.design.widget.AppBarLayout> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:contentScrim="?attr/colorPrimary"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/bg_material" android:scaleType="centerCrop" android:fitsSystemWindows="true" app:layout_collapseMode="parallax"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.NestedScrollView/> <android.support.design.widget.FloatingActionButton/> </android.support.design.widget.CoordinatorLayout>
![Page 36: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/36.jpg)
<android.support.design.widget.CoordinatorLayout> <android.support.design.widget.AppBarLayout> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:contentScrim="?attr/colorPrimary"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/bg_material" android:scaleType="centerCrop" android:fitsSystemWindows="true" app:layout_collapseMode="parallax"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.NestedScrollView/> <android.support.design.widget.FloatingActionButton/> </android.support.design.widget.CoordinatorLayout>
![Page 37: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/37.jpg)
Pinned Toolbar, Parallax scrolling ImageView
![Page 38: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/38.jpg)
Pinned Toolbar, Parallax scrolling ImageView
![Page 39: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/39.jpg)
![Page 40: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/40.jpg)
ViewPager vpPager = (ViewPager) findViewById(R.id.viewpager);vpPager.setAdapter( new ViewPagerAdapter(getSupportFragmentManager()));TabLayout tab = (TabLayout) findViewById(R.id.tabs);tab.setupWithViewPager(vpPager);
![Page 41: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/41.jpg)
ViewPager vpPager = (ViewPager) findViewById(R.id.viewpager);vpPager.setAdapter( new ViewPagerAdapter(getSupportFragmentManager()));TabLayout tab = (TabLayout) findViewById(R.id.tabs);tab.setupWithViewPager(vpPager);
![Page 42: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/42.jpg)
@Overridepublic boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); switch (id) { case android.R.id.home: drawer.openDrawer(GravityCompat.START); return true; case R.id.action_tab_fixed_fill: tab.setTabMode(TabLayout.MODE_FIXED); tab.setTabGravity(TabLayout.GRAVITY_FILL); return true; case R.id.action_tab_fixed_center: tab.setTabMode(TabLayout.MODE_FIXED); tab.setTabGravity(TabLayout.GRAVITY_CENTER); return true; case R.id.action_tab_scrollable: tab.setTabMode(TabLayout.MODE_SCROLLABLE); return true; } return super.onOptionsItemSelected(item);}
![Page 43: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/43.jpg)
@Overridepublic boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); switch (id) { case android.R.id.home: drawer.openDrawer(GravityCompat.START); return true; case R.id.action_tab_fixed_fill: tab.setTabMode(TabLayout.MODE_FIXED); tab.setTabGravity(TabLayout.GRAVITY_FILL); return true; case R.id.action_tab_fixed_center: tab.setTabMode(TabLayout.MODE_FIXED); tab.setTabGravity(TabLayout.GRAVITY_CENTER); return true; case R.id.action_tab_scrollable: tab.setTabMode(TabLayout.MODE_SCROLLABLE); return true; } return super.onOptionsItemSelected(item);}
![Page 44: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/44.jpg)
![Page 45: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/45.jpg)
![Page 46: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/46.jpg)
![Page 47: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/47.jpg)
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/drawer" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context=".MainActivity"> <android.support.design.widget.CoordinatorLayout/> <android.support.design.widget.NavigationView android:id="@+id/navigation_view" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="start" android:fitsSystemWindows="true" app:menu="@menu/drawer"/></android.support.v4.widget.DrawerLayout>
![Page 48: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/48.jpg)
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/drawer" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context=".MainActivity"> <android.support.design.widget.CoordinatorLayout/> <android.support.design.widget.NavigationView android:id="@+id/navigation_view" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="start" android:fitsSystemWindows="true" app:menu="@menu/drawer"/></android.support.v4.widget.DrawerLayout>
![Page 49: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/49.jpg)
<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:checkableBehavior="single"> <item android:id="@+id/nav_dashboard" android:icon="@drawable/ic_dashboard_black_24dp" android:title="Dashboard" /> <item android:id="@+id/nav_explore" android:icon="@drawable/ic_explore_black_24dp" android:title="Explore" /> </group> <item android:title="Sub menu"> <menu> <item android:icon="@drawable/ic_event_black_24dp" android:title="Event" /> <item android:icon="@drawable/ic_home_black_24dp" android:title="Home" /> </menu> </item> </menu>
![Page 50: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/50.jpg)
final DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer); NavigationView nv = (NavigationView) findViewById(R.id.navigation_view); nv.setNavigationItemSelectedListener( new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(MenuItem menuItem) { if (menuItem.isCheckable()) { menuItem.setChecked(true); } Toast.makeText(getApplicationContext(), menuItem.getTitle(), Toast.LENGTH_SHORT).show(); drawer.closeDrawers(); return true; }});
![Page 51: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/51.jpg)
![Page 52: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/52.jpg)
![Page 53: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/53.jpg)
![Page 54: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/54.jpg)
<style name="MyTextInputLayoutTextAppearance" parent="TextAppearance.AppCompat"> <item name="android:textColorHint">#0097A7</item> <item name="colorControlNormal">#0097A7</item> <item name="colorControlActivated">#0097A7</item> </style>
![Page 55: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/55.jpg)
<android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/MyTextInputLayoutTextAppearance"> <android.support.v7.widget.AppCompatEditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="E-mail address"/></android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/MyTextInputLayoutTextAppearance"> <android.support.v7.widget.AppCompatEditText android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPassword" android:hint="Password"/> </android.support.design.widget.TextInputLayout>
![Page 56: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/56.jpg)
![Page 57: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/57.jpg)
![Page 58: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/58.jpg)
![Page 60: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/60.jpg)
FloatingActionButton mFab = (FloatingActionButton) findViewById(R.id.fab);mFab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { View root = findViewById(R.id.root); Snackbar sb = Snackbar.make(root, "Test", Snackbar.LENGTH_LONG); sb.setAction("Undo", new View.OnClickListener() { @Override public void onClick(View v) { } }); sb.show(); }});
![Page 61: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/61.jpg)
![Page 62: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/62.jpg)
![Page 63: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/63.jpg)
![Page 64: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/64.jpg)
![Page 65: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/65.jpg)
![Page 66: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/66.jpg)
![Page 67: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/67.jpg)
![Page 68: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/68.jpg)
![Page 69: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/69.jpg)
![Page 70: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/70.jpg)
![Page 71: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/71.jpg)
![Page 72: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/72.jpg)
![Page 73: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/73.jpg)
android.googlesource.com/platform/frameworks/support/
![Page 74: Support Design Library](https://reader033.vdocuments.mx/reader033/viewer/2022042818/55c35d3fbb61eb6e6f8b4628/html5/thumbnails/74.jpg)