with a little help from my libs

With a little help from my Libs By Royi Benyossef (+royiby)

With a little help from my libs by Royi Benyossef (+royiby)

Android developer since 2009.

GDG Herzliya co-founder.

Android speaker and lecturer.

Android Mentor at CampusTLV.

Android GDE 2013, 2014, 2015.

Android group leader at Vidmind.

Royi Benyossef

Motivation

Why am i here?


Motivation


Motivation

Less fragmentation


Motivation

- Less fragmentation

Better looking UIs


Motivation

- Less fragmentation- Better looking UIs

More stability


Motivation

- Less fragmentation- Better looking UIs- More stability

Less boilerplate code


Google to the rescue!

Compat

support library


AppCompat(Widgets and lifecycles)


App compat

Definition Views


App compat

Definition ViewsWidgets


App compat

Definition ViewsWidgetsActivities


App compat

Definition ViewsWidgetsActivitiesDialogs


App compat

Definition ViewsWidgetsActivitiesDialogs}Backw

ardCompatible


App compat

Definition Backward compatible app components


App compat

- Definition

AC*Activity Replaces ActionBarActivity


App compat

- Definition

AC*Activity Replaces ActionBarActivityConsistent theming


App compat

- Definition

AC*Activity Replaces ActionBarActivityConsistent themingTinting


App compat

- Definition

AC*Activity Replaces ActionBarActivityConsistent themingTintingLifecycle


App compat

- Definition

AC*Activity Replaces ActionBarActivityConsistent themingTintingLifecycleAppbar


App compat

- Definition- AC*Activity

AC*DelegateAppCompat capabilities


App compat

- Definition- AC*Activity

AC*DelegateAppCompat capabilitiesWorks on all Activities


App compat

- Definition- AC*Activity- AC*Delegate

AC*Dialog

Material design


App compat


AC*Dialog

Material designLollipop lifecycle


App compat


AC*Dialog

Material designLollipop lifecycleNew animations


DrawableCompat(Image tinting)


Drawable compat

Definition Tinting capabilities (V4)


Drawable compat

Definition Tinting capabilities (V4)Tintable views (AppCompat)


Drawable compat

Definition Tintable views (AppCompat):

>*AutoCompleteTextView


Drawable compat


*AutoCompleteTextView

>*Button


Drawable compat



*Button>*Checkbox


Drawable compat



*Button*Checkbox>*Spinner


Drawable compat



*Button*Checkbox*Spinner>...more!


Drawable compat

- Definition

Usages Branding


Drawable compat

- Definition

Usages BrandingLess drawables (less size)


Drawable compat

- Definition

Usages BrandingLess drawables (less size)Reuse w/o repetition


DrawableCompat(Example)


Drawable compat

CustomView.wrap(drawable)


Drawable compat

CustomView.wrap(drawable) = > setTint()


Drawable compat

CustomView.wrap(drawable) = setTint()> setTintList()


Drawable compat

CustomView.wrap(drawable) = setTint()setTintList()>

setTintMode()


Content driven coloring(Available as of API level 4)


Content driven coloring

Definition Match colors to content



Definition Match colors to contentCreate diversity and interest



- Definition

Palette Introduced in lollipop



- Definition

Palette Introduced in lollipop Retrieve color from content



- Definition

Palette Introduced in lollipop Retrieve color from contentChoose matching swatch



- Definition

Palette Introduced in lollipop Retrieve color from contentChoose matching swatch = Profit



- Definition

Palette Palette.from(bitmap)



- Definition


>6-8 times faster



- Definition


6-8 times faster> sync and

async



- Definition- Palette

ColorUtilsAvailable from API level 4




ColorUtilsAvailable from API level 4Some of Palette’s internals





>Calculate contrast





Calculate contrast

>Determine min alpha





Calculate contrast

Determine min alpha

>Colors to HSL


Interpolators(Authentic motion is important)


Interpolators

Definition Controllers for animation change rate


Interpolators

- Definition

Diff Fast out linear in


Interpolators

- Definition

Diff Fast out linear inFast out slow in


Interpolators

- Definition

Diff Fast out linear inFast out slow inLinear out slow in


Interpolators

- Definition

Diff Fast out linear inFast out slow inLinear out slow inPathInterpolarCompat


RecyclerView(ListView is just a fading memory)


RecyclerView

Definition Replaced ListView in Lollipop


RecyclerView

- Definition

SortedList Sorted list of custom objects


RecyclerView

- Definition

SortedList Sorted list of custom objects Efficient CRUD event dispatch


RecyclerView

- Definition

SortedListSorted list of custom objects Efficient CRUD event dispatchChanges batching


Leanback(AndroidTV best practices)


RecyclerView

Definition GuidanceView


RecyclerView

Definition GuidanceViewClasses & themes


RecyclerView

Definition GuidanceViewClasses & themesMulti-step process

Design

support library


NavigationView(NavigationDrawer++)


NavigationView

Definition NavigationDrawer ++


NavigationView

Definition NavigationDrawer ++Clearer navigation


NavigationView

Definition NavigationDrawer ++Clearer navigationIdentity focal point


NavigationView

- Definition

Diff Inflation from .xml


NavigationView

- Definition

Diff Inflation from .xmlRuntime updates


NavigationView

- Definition

Diff Inflation from .xmlRuntime updatesCallbacks


Navigation view

- Definition

Diff Inflation from .xmlRuntime updatesCallbacksScrim protection


Navigation view

- Definition

Diff Inflation from .xmlRuntime updatesCallbacksScrim protectionSubheaders


NavigationView(Example)

NavigationView

Layout <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true">



<android.support.design.widget.NavigationView android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="start" app:headerLayout="@layout/drawer_header" app:menu="@menu/drawer"/></android.support.v4.widget.DrawerLayout>


NavigationView

- Layout

Menu<group android:checkableBehavior="single"> <item android:id="@+id/navigation_item_1" android:checked="true" android:icon="@drawable/ic_android" android:title="@string/navigation_item_1"/> <item android:id="@+id/navigation_item_2" android:icon="@drawable/ic_android" android:title="@string/navigation_item_2"/></group>


NavigationView

- Layout- Menu

Subheaders

<item android:id="@+id/navigation_subheader" android:title="@string/navigation_subheader"> <menu> <item android:id="@+id/navigation_sub_item_1" android:icon="@drawable/ic_android" android:title="@string/navigation_sub_item_1"/> <item android:id="@+id/navigation_sub_item_2" android:icon="@drawable/ic_android" android:title="@string/navigation_sub_item_2"/> </menu></item>


EditText(Labels & hints)


EditText

Definition New labels and messages


EditText

Definition New labels and messagesMore states


EditText

Definition New labels and messagesMore statesMore clarity


EditText

- Definition

Diff Floating labels


EditText

- Definition

Diff Floating labelsError messages


FAB(Absolutely FABulous)


Floating action button

Definition Primary action



Definition Primary actionPromoted items



Definition Primary actionPromoted itemsContinuous (mini FAB)



- Definition

Diff Standard implementation


SnackBar(hmm… yum!)


Snack bar

Definition Toast++


Snack bar

- Definition

Diff New addition!


Snack bar

- Definition- Diff

UsagesOperation feedback


Snack bar

- Definition- Diff

UsagesOperation feedbackTemporary state


Snack bar

- Definition- Diff

UsagesOperation feedbackTemporary stateLong action result


SnackBar(Example)


Snack bar

Show Snackbar .make(parentLayout, R.string.snackbar_text, Snackbar.LENGTH_LONG) .setAction(R.string.snackbar_action, myOnClickListener) .show(); // Don’t forget to show!


TabLayout(Not just a material design thingy)


Tab layout

Definition Tabs 15.0


Tab layout

- Definition

Diff Adding programmatically


Tab layout

- Definition

Diff Adding programmaticallyViewPager integration


Tab layout

- Definition

Diff Adding programmaticallyViewPager integrationEasy fixed size or scrollable


Tab layout

- Definition- Diff

UsagesTop level nav. pattern


Tab layout

- Definition- Diff

UsagesTop level nav. patternContent group organizing


Tab layout

- Definition- Diff

UsagesTop level nav. patternContent group organizingViewPager mgmt.


CoordinatorLayout(Because something needs to be)


Coordinator layout

Definition Child view touch event control


Coordinator layout

- Definition

Diff New!


Coordinator layout

- Definition- Diff

UsagesAnimated FAB


Coordinator layout

- Definition- Diff

UsagesAnimated FABlayout_anchor


Coordinator layout

- Definition- Diff

UsagesAnimated Floating action barlayout_anchorAppBar scrolling techniques


Coordinator layout

- Definition- Diff

UsagesAppBar scrolling techniques:

> Scrol


Coordinator layout

- Definition- Diff


Scrol> Enter

always


Coordinator layout

- Definition- Diff


ScrolEnter always

> Enter always collapsed


Coordinator layout

- Definition- Diff


ScrolEnter always

Enter always collapsed

> Exit until collapsed


CoordinatorLayout(Example)


Coordinator layout

AppBar <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"...> <! -- Your Scrollable View --> <android.support.v7.widget.RecyclerView android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbar app:layout_scrollFlags="scroll|enterAlways"> <android.support.design.widget.TabLayout app:layout_scrollFlags="scroll|enterAlways"> </...AppBarLayout></...CoordinatorLayout>


CollapsingToolbar(You prayers has been answered)


Collapsing toolbar layout

Definition Animation controls



- Definition

Diff New!!!



- Definition-Diff

UsagesCollapse mode



- Definition-Diff

UsagesCollapse mode:

> Pin



- Definition-Diff


Pin> Parallax



- Definition-Diff


PinParallax

Layout parallax multiplier


CollapsingToolbar(Example)


Coordinator layout

Pin <android.support.design.widget.AppBarLayout android:layout_height="192dp" android:layout_width="match_parent"> <android.support.design.widget.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <android.support.v7.widget.Toolbar android:layout_height="?attr/actionBarSize" android:layout_width="match_parent" app:layout_collapseMode="pin"/> </android.support.design.widget.CollapsingToolbarLayout></android.support.design.widget.AppBarLayout>

Testingsupport library


Testing support library

Definition Backward compatible (API 8)


Testing support library

Definition Backward compatible (API 8)All test tool dependencies


AndroidJunitRunner(Junit-¾ + testing framework)


AndroidJunitRunner

Definition Junit 3/4 compatible


AndroidJunitRunner

Definition Junit 3/4 compatibleActs as testing framework


AndroidJunitRunner

Definition Junit 3/4 compatibleActs as testing frameworkInstrumentationTestRunner


AndroidJunitRunner

- Definition

Jurisdiction Load test pkgs to device


AndroidJunitRunner

- Definition

Jurisdiction Load test pkgs to deviceRuns test


AndroidJunitRunner

- Definition

Jurisdiction Load test pkgs to deviceRuns test Reports results


AndroidJunitRunner

- Definition- Jurisdiction

Instrum. info.Related to test run


AndroidJunitRunner


Instrum. info.Related to test runInstrumentation obj


AndroidJunitRunner


Instrum. info.Related to test runInstrumentation objTarget app context


AndroidJunitRunner


Instrum. info.Related to test runInstrumentation objTarget app contextTest app context


AndroidJunitRunner


Instrum. info.Related to test runInstrumentation objTarget app contextTest app contextCmd line args


AndroidJunitRunner


Instrum. info.Related to test runInstrumentation objTarget app contextTest app contextCmd line args= UIAutomator GOLD!


AndroidJunitRunner

@RunWith(AndroidJUnit4.class)

public class CalculatorInstrumentationTest extends ActivityInstrumentationTestCase2<CalculatorActivity> {

@Before

public void setUp() throws Exception {

super.setUp();

injectInstrumentation(InstrumentationRegistry.getInstrumentation());

mActivity = getActivity();

}

@Test

public void typeOperandsAndPerformAddOperation() {}

@After

public void tearDown() throws Exception {

super.tearDown();

}

}


AndroidJunitRunner

- Definition- Jurisdiction- Instrum. info.

Filtering

@RequiresDevice


AndroidJunitRunner


Filtering

@RequiresDevice@SdkSupress


AndroidJunitRunner


Filtering

@RequiresDevice@SdkSupress@SdkSupress(minAPI)


AndroidJunitRunner


Filtering

@RequiresDevice@SdkSupress@SdkSupress(minAPI)@Small/Medium/LargeTest


AndroidJunitRunner

- Definition- Jurisdiction- Instrum. info.- Filtering

Sharding

Test case subset ability


AndroidJunitRunner


Sharding

Test case subset abilityRun full suite or by shards


AndroidJunitRunner


Sharding

Test case subset abilityRun full suite or by shardsIdentification by index


AndroidJunitRunner


Sharding(Ex.)

adb shell am

instrument -w

-e numShards 10

-e shardIndex 2


Espresso(Short, intense and efficient UI testing)


Espresso

Definition UI flow testing framework


Espresso

Definition UI flow testing frameworkWhite-box style


Espresso

Definition UI flow testing frameworkWhite-box style(Reliant on target app code)


Espresso

- Definition

View matchingUse target app R.id.*


Espresso

- Definition

View matchingUse target app R.id.*Matcher will search and find


Espresso

- Definition

View matchingonView(

withId

(

R.id.my_button

)

);


Espresso

- Definition- View matching

AdaptersDynamic data


Espresso


AdaptersDynamic dataonView() might not work


Espresso


AdaptersDynamic dataonView() might not workEspresso.onData()!


Espresso


AdaptersDynamic dataonView() might not workEspresso.onData():

> data population event


Espresso


AdaptersDynamic dataonView() might not workEspresso.onData():

data population event

> User action reference


Espresso

- Definition- View matching- Adapters

Actions API

View clicks


Espresso


Actions API

View clicksSwipes


Espresso


Actions API

View clicksSwipesKey & button press


Espresso


Actions API

View clicksSwipesKey & button pressText typing


Espresso


Actions API

View clicksSwipesKey & button pressText typingOpening links


Espresso


Actions API

// Type text into an EditText view, then close the

soft keyboard

onView(withId(R.id.editTextUserInput))

.perform(typeText(STRING_TO_BE_TYPED),

closeSoftKeyboard());

// Press the button to submit the text change

onView(withId(R.id.changeTextBt)).perform(click());


Espresso

- Definition- View matching- Adapters- Actions API

Thread sync

Fully integrated


Espresso


Thread sync

Fully integratedNo sleep()


Espresso


Thread sync

Fully integratedNo sleep()No wait()


Espresso


Thread sync

Fully integratedNo sleep()No wait()No to test flakiness!


Espresso


Thread sync

Fully integratedNo sleep()No wait()No to test flakiness!Yes to determinism!!!


UIAutomator(Because not all the names can be witty)


UIAutomator

Definition Black-box UI flow testing


UIAutomator

Definition Black-box UI flow testing(No reliance on target code)


UIAutomator

- Definition

APIs UIDevice (.pressHome())


UIAutomator

- Definition

APIs UIDevice (.pressHome())UICollection


UIAutomator

- Definition

APIs UIDevice (.pressHome())UICollectionUIObject


UIAutomator

- Definition

APIs UIDevice (.pressHome())UICollectionUIObjectUIScrollable


UIAutomator

- Definition

APIs UIDevice (.pressHome())UICollectionUIObjectUIScrollableUISelector


UIAutomator

- Definition

APIs UIDevice (.pressHome())UICollectionUIObjectUIScrollableUISelectorConfigurer


Summary(What did we have here?)


Key points

AppCompat


Key points

- AppCompat

V4/V7/V13 support lib


Key points

- AppCompat- V4/V7/V13 support lib

Design support lib


Key points

- AppCompat- V4/V7/V13 support lib- Design support lib

Testing support lib

“We should be building great things. Things that Don’t yet exist”

I Hope You Liked ItThank you for listening

By Royi Benyossef (+royiby)

with a little help from my libs

Mobile

little help

royi benyossef royiby

activity ac

activity ac

delegate ac

compatible app components

compat support library

android speaker