效果：

布局代码：

<?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="fill_parent"

    android:layout_height="fill_parent"

    tools:context=".CameraMonitoring">

    <!--视频监视文字图片-->

    <ImageView

        android:id="@+id/imageView1"

        android:layout_width="20dp"

        android:layout_height="70dp"

        android:layout_marginLeft="20dp"

        android:layout_marginTop="30dp"

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

    <!--总体布局-->

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:background="@drawable/bg_environment"

        android:padding="30dp"

        android:layout_marginTop="20dp"

        android:layout_marginRight="20dp"

        android:layout_marginBottom="20dp"

        android:layout_toRightOf="@+id/imageView1"

        android:orientation="horizontal">

        <!--两个线性布局管理器中的左边一个-->

        <LinearLayout

            android:layout_width="0.0dp"

            android:layout_height="fill_parent"

            android:layout_weight="2">

            <!--WebView控件-->

            <WebView

                android:id="@+id/webView1"

                android:layout_width="match_parent"

                android:layout_height="match_parent">

            </WebView>

        </LinearLayout>

        <!--两个线性布局管理器中的右边一个-->

        <LinearLayout

            android:layout_width="0.0dp"

            android:layout_height="fill_parent"

            android:layout_weight="1"

            android:orientation="vertical"

            android:gravity="center">

            <!--相对布局管理器，添加4个ImageView控制上下左右-->

            <RelativeLayout

                android:layout_width="150dp"

                android:layout_height="150dp"

                android:background="@drawable/btn__presss_bg">

                <!--右-->

                <ImageView

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_alignParentLeft="true"

                    android:layout_centerVertical="true"

                    android:layout_marginLeft="10dp"

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

                <!--下-->

                <ImageView

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_alignParentBottom="true"

                    android:layout_centerHorizontal="true"

                    android:layout_marginBottom="10dp"

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

                <!--上-->

                <ImageView

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_alignParentTop="true"

                    android:layout_centerHorizontal="true"

                    android:layout_marginTop="10dp"

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

                <!--左-->

                <ImageView

                    android:layout_width="32dp"

                    android:layout_height="32dp"

                    android:layout_alignParentRight="true"

                    android:layout_centerVertical="true"

                    android:layout_marginRight="10dp"

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

            </RelativeLayout>

            <!--拍照按钮-->

            <Button

                android:layout_width="wrap_content"

                android:layout_height="35dp"

                android:background="@color/red"

                android:textColor="@color/white"

                android:layout_marginTop="20dp"

                android:text="拍照"/>

        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

最新文章

1. jquery学习（一）
2. volatile关键字 学习记录1
3. 四核RP4412开发板使用Xshell连接的com口应与电脑端口一致
4. 基于php的snmp管理端开发
5. oracle字符函数
6. iOS：app直播---采集篇
7. 筛选DataTable数据的方法
8. 17.1 Replication Configuration 复制配置
9. POJ1845 数论 二分快速取余
10. 将宿主机东西拷贝到dokcer容器中去
11. 什么是MemCache
12. php多图合并
13. JQ与AJAX 省市区三级联动下拉框
14. 数的计数(number)
15. python崩溃到现在居然还没有放弃的Day07
16. PAT 1006 换个格式输出整数
17. 移植并修改成功的模拟iic读写EEPROM at24c02
18. MySql循环语句
19. IIS URL Rewrite Module的防盗链规则设置
20. 后台生成excel前端下载

热门文章

1. C++基本函数的调用优化（构造、拷贝构造、赋值）
2. Linux磁盘分区（二）之挂载卸载常用命令
3. linux-源码软件管理-yum配置
4. C# 枚举的flags 标志位应用
5. pipeline parameters指令
6. 开发中的PR和MR
7. centos部署golang环境
8. 工厂为什么要进行计划排产，APS高级计划排程系统的优势作用是什么？
9. CF938A Word Correction 题解
10. LuoguB2106 矩阵转置 题解