<?xml version="1.0" encoding="utf-8"?>
<!-- RelativeLayout is a nice choice when we're playing with elevations because it allows us to
     flexibly place layouts all in the same drawing layer -->
<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">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:elevation="@dimen/appbar_elevation"
        android:layout_alignParentTop="true"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

    <ImageView
        android:id="@+id/sunshine_logo_imageview"
        android:layout_width="match_parent"
        android:layout_height="?attr/listPreferredItemHeight"
        android:layout_below="@+id/toolbar"
        android:scaleType="center"
        android:src="@drawable/ic_logo"
        android:elevation="@dimen/appbar_elevation"
        android:background="@color/primary"
        android:contentDescription="@string/app_name"/>

    <!-- This view is used to provide the area that is overlapped
         as well as the anchor point that the weather detail will
         use to overlap the "appbar" -->
    <View
        android:elevation="@dimen/appbar_elevation"
        android:background="@color/primary"
        android:layout_below="@id/sunshine_logo_imageview"
        android:layout_width="match_parent"
        android:layout_height="@dimen/details_app_bar_overlap" />

    <FrameLayout
        android:id="@+id/weather_detail_container"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:elevation="@dimen/appbar_elevation"
        android:layout_below="@id/sunshine_logo_imageview"
        android:paddingLeft="@dimen/abc_list_item_padding_horizontal_material"
        android:paddingRight="@dimen/abc_list_item_padding_horizontal_material"
        />

    <fragment
        android:id="@+id/fragment_forecast"
        android:name="com.xengar.android.weather.ForecastFragment"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:layout_below="@id/weather_detail_container"
        tools:layout="@android:layout/list_content"
        />
</RelativeLayout>
Update tablet portrait view to match the new design.
Update tablet portrait view to match the new design.
