效果图：

布局代码：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/bg_out"

    android:orientation="horizontal">

    <LinearLayout

        android:layout_width="0dp"

        android:layout_height="match_parent"

        android:layout_weight="3"></LinearLayout>

    <LinearLayout

        android:layout_width="0dp"

        android:layout_height="match_parent"

        android:layout_weight="1"

        android:background="#e0000000"

        android:gravity="center_horizontal"

        android:orientation="vertical">

        <RelativeLayout

            android:layout_width="180dp"

            android:layout_height="180dp"

            android:layout_marginTop="20dp"

            android:background="@drawable/bg_direction">

            <ImageView

                android:id="@+id/ivLeft"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignParentLeft="true"

                android:layout_centerVertical="true"

                android:layout_marginLeft="10dp"

                android:src="@drawable/arrow_left_white" />

            <ImageView

                android:id="@+id/ivRight"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignParentRight="true"

                android:layout_centerVertical="true"

                android:layout_marginRight="10dp"

                android:src="@drawable/arrow_right_white" />

            <ImageView

                android:id="@+id/ivTop"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignParentTop="true"

                android:layout_centerHorizontal="true"

                android:layout_marginTop="10dp"

                android:src="@drawable/arrow_up_white" />

            <ImageView

                android:id="@+id/ivBottom"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignParentBottom="true"

                android:layout_centerHorizontal="true"

                android:layout_marginBottom="10dp"

                android:src="@drawable/arrow_down_white" />

        </RelativeLayout>

        <Button

            android:id="@+id/btnOpenOrClose"

            android:layout_width="180dp"

            android:layout_height="wrap_content"

            android:layout_marginTop="20dp"

            android:background="#266fde"

            android:button="@null"

            android:drawableLeft="@drawable/ico_start"

            android:padding="10dp"

            android:text="开始监控"

            android:textColor="#fff" />

        <Button

            android:id="@+id/btnPeople"

            android:layout_width="180dp"

            android:layout_height="wrap_content"

            android:layout_marginTop="40dp"

            android:background="#d64646"

            android:button="@null"

            android:drawableLeft="@drawable/pic_icon_smoke"

            android:padding="10dp"

            android:text="无人"

            android:textColor="#fff" />

        <CheckBox

            android:id="@+id/cb_red"

            android:layout_width="120dp"

            android:layout_height="120dp"

            android:layout_marginTop="20dp"

            android:background="@drawable/lamp_off"

            android:button="@null"

            android:clickable="false" />

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginTop="20dp"

            android:text="三色灯-红灯"

            android:textColor="#fff" />

    </LinearLayout>

</LinearLayout>

最新文章

1. Dreamweaver 扩展开发： Calling a C++ function from JavaScript
2. hadoop 日志分析
3. STL使用sort注意的问题
4. dup和dup2函数
5. Oracle学习过程(随时更新)
6. Python展开一个嵌套的序列
7. Windows phone 8 学习笔记(5) 图块与通知
8. How to install Savanna
9. C# Task 源代码（2）
10. BZOJ 1257: [CQOI2007]余数之和sum【神奇的做法，思维题】
11. Jetty 开发指南： 嵌入式开发之HelloWorld
12. 4. explain简介
13. 《Web接口开发与自动化测试 -- 基于Python语言》---现已出版。
14. javascript知识整理之this
15. Ubuntu16.04下安装配置phpmyadmin
16. Selenium：HTML测试报告
17. python打印列表的下标和值的例子：
18. 7.11python多进程
19. 3. Python3 基本数据类型
20. follow me

热门文章

1. SpringMVC详细实例
2. 【Java 8】方法引用
3. springboot中如何向redis缓存中存入数据
4. ES6——>let，箭头函数，this指向小记
5. Java知识点总结——IO流框架
6. python自带性能强悍的标准库 itertools
7. Mysql配置文件 4c8g优化
8. Android: Client-Server communication
9. ciscn_2019_es_7
10. java中栈，堆，方法区