Layout

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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=".activities.MainActivity">

    <TextView
        android:id="@+id/tvLocationName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/location"
        android:theme="@style/StyleLocation" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="@dimen/circle_margin"
        android:orientation="vertical"
        app:layout_constraintTop_toBottomOf="@+id/tvLocationName">

        <android.support.constraint.ConstraintLayout
            android:id="@+id/circleLayout"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="@dimen/circle_margin"
            android:layout_weight="1">

            <ImageView
                android:id="@+id/imgCircle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/circle_shape"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <ImageView
                android:id="@+id/imgWeatherCircle"
                android:layout_width="@dimen/image_size"
                android:layout_height="@dimen/image_size"
                android:layout_marginTop="@dimen/circle_margin"
                android:src="@drawable/sunny"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <TextView
                android:id="@+id/tvTemperatureCircle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/imgWeatherCircle"
                android:layout_centerHorizontal="true"
                android:layout_marginBottom="@dimen/temp_padding_bottom"
                android:text="@string/temp"
                android:theme="@style/StyleTitleInfo"
                app:layout_constraintBottom_toBottomOf="@id/imgCircle"
                app:layout_constraintLeft_toLeftOf="@id/imgCircle"
                app:layout_constraintRight_toRightOf="@id/imgCircle" />

            <TextView
                android:id="@+id/tvDateCircle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/imgWeatherCircle"
                android:layout_marginBottom="@dimen/space_between_items"
                android:layout_marginEnd="@dimen/circle_margin"
                android:text="@string/date"
                android:theme="@style/StyleTitleInfo"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintBottom_toTopOf="@+id/tvTemperatureCircle"
                app:layout_constraintRight_toRightOf="@id/imgCircle" />

            <TextView
                android:id="@+id/tvDayCircle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/space_between_items"
                android:layout_marginStart="@dimen/circle_margin"
                android:text="@string/day"
                android:theme="@style/StyleTitleInfo"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintBottom_toTopOf="@+id/tvTemperatureCircle"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintStart_toStartOf="@id/imgCircle" />


        </android.support.constraint.ConstraintLayout>

        <android.support.constraint.ConstraintLayout
            android:id="@+id/infoLayout"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">

            <TextView
                android:id="@+id/tvPrecipitationTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/item_padding"
                android:text="@string/precipitation"
                android:theme="@style/StyleTitleInfo"
                app:layout_constraintLeft_toLeftOf="parent" />

            <TextView
                android:id="@+id/tvPrecipitation"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/item_padding"
                android:layout_marginTop="@dimen/space_between_items"
                android:text="@string/precipitation"
                android:theme="@style/StyleInfo"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/tvPrecipitationTitle" />

            <TextView
                android:id="@+id/tvHumidityTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/space_between_items"
                android:text="@string/humidity"
                android:theme="@style/StyleTitleInfo"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <TextView
                android:id="@+id/tvHumidity"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/space_between_items"
                android:layout_marginTop="@dimen/space_between_items"
                android:text="@string/humidity"
                android:theme="@style/StyleInfo"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/tvHumidityTitle" />

            <TextView
                android:id="@+id/tvWindTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="@dimen/item_padding"
                android:text="@string/wind"
                android:theme="@style/StyleTitleInfo"
                app:layout_constraintRight_toRightOf="parent" />

            <TextView
                android:id="@+id/tvWind"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="@dimen/item_padding"
                android:layout_marginTop="@dimen/space_between_items"
                android:text="@string/wind"
                android:theme="@style/StyleInfo"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/tvWindTitle" />

            <com.devsmart.android.ui.HorizontalListView
                android:id="@+id/hlistview"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginTop="@dimen/space_between_items"
                android:scrollbars="horizontal"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/tvPrecipitation" />


        </android.support.constraint.ConstraintLayout>
    </LinearLayout>

</android.support.constraint.ConstraintLayout>