<?xml version="1.0" encoding="utf-8"?>
<!--
  ~ Copyright (C) 2019 The Android Open Source Project
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_margin="20dp"
             android:gravity="center">

    <RelativeLayout
        android:id="@+id/arrows"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/up_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toEndOf="@+id/right_arrow"
            android:background="@android:color/holo_green_light"
            android:padding="10dp"
            android:src="@android:drawable/arrow_up_float" />

        <ImageButton
            android:id="@+id/down_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/up_arrow"
            android:layout_marginTop="80dp"
            android:layout_toEndOf="@+id/right_arrow"
            android:background="@android:color/holo_green_light"
            android:padding="10dp"
            android:src="@android:drawable/arrow_down_float" />

        <ImageButton
            android:id="@+id/right_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/up_arrow"
            android:layout_alignBottom="@+id/down_arrow"
            android:layout_marginTop="55dp"
            android:layout_marginEnd="15dp"
            android:layout_marginBottom="55dp"
            android:background="@android:color/holo_green_light"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:rotation="90"
            android:src="@android:drawable/arrow_down_float" />

        <ImageButton
            android:id="@+id/left_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/up_arrow"
            android:layout_alignBottom="@+id/down_arrow"
            android:layout_marginStart="15dp"
            android:layout_marginTop="55dp"
            android:layout_marginBottom="55dp"
            android:layout_toEndOf="@+id/down_arrow"
            android:background="@android:color/holo_green_light"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:rotation="-90"
            android:src="@android:drawable/arrow_down_float" />
    </RelativeLayout>

    <RelativeLayout

        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/zoom_in_button"
            android:layout_width="40dp"
            android:layout_marginBottom="-8dp"
            android:layout_height="40dp"
            android:text="+" />

        <Button
            android:layout_below="@+id/zoom_in_button"
            android:id="@+id/zoom_out_button"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:text="-" />
    </RelativeLayout>
</FrameLayout>