Part 1 – Preparations – Coding in Flow

[embedyt] https://www.youtube.com/watch?v=bPDW9SdsGMo[/embedyt]

In this video series we will learn, how to build a RecyclerView and fill it with JSON data. We will use Volley to get the JSON response from a REST API and Picasso to load and display the images in our RecyclerView.

In part 1 we will focus on the preparations. We will choose a RESTful API (Pixabay) to get our data from, add all the dependencies, add the internet permission into our Manifest file and prepare our MainActivity layout.

Show less

Links & DependenciesAndroidManifest.xmlactivity_main.xml

Dependencies + instructions:

developer.android.com/topic/libraries/support-library/packages.html#v7-cardview

developer.android.com/topic/libraries/support-library/packages.html#v7-recyclerview

developer.android.com/training/volley/index.html

square.github.io/picasso/

Pixabay API:

pixabay.com/api/docs/

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.codinginflow.recylerviewjsonexample">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.codinginflow.recylerviewjsonexample.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/darker_gray" />

</RelativeLayout>