物联网实训平台:摄像头监控界面开发

任务目标:
1.掌握LinearLayout布局管理器的使用方法
2.掌握WebView控件的使用方法
任务陈述:
使用LinearLayout布局管理器和WebView控件实现摄像头监控界面开发。在该界面中,可以通过上、下、左、右按钮调整摄像头的方向,Button按钮用于选择是否进行拍照。
4.1LinearLayout布局的使用
LinearLayout布局(线性布局)在布局管理器中最常用的一种布局方式。对于放入其中的组件可按照垂直(vertical)或水平(horizontal)方向来布局,即控件的横向和纵向排列。但Android的线性布局不会换行,当组件排列到窗体边缘后,后面的组件将不会被显示出来。
线性布局的基本语法格式如下。


语法格式

LinearLayout常见的XML属性列表

WebView控件的使用
WebView(网络视图)控件能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页。通过它可以轻松实现显示网页功能。
WebView控件是专门用来浏览网页的,它的使用方式与其他控件一样,我们可以通过在XML布局文件中添加<WebView>标记来完成。其WebView控件的基本语法格式如下。


基本语法格式

WebView提供的常用方法

任务实现:
在Eclipse下创建一个Android项目,命名为AndroidDemo2.4,实现摄像头监控界面开发。
1.修改res/layout目录下的布局文件,首先添加一个相对布局管理器,在该布局管理器中添加ImageView控件。
2.在内嵌的LinearLayout线性布局管理器中再添加两个线性布局管理器,在第一个线性布局管理器中添加一个<WebView>控件。
3、在第二个线性布局管理器中,添加一个相对布局管理器,同时在该相对布局管理器中添加四个ImageView控件,用来控制摄像头的方向(上、下、左、右)。
4、最后在外层的线性布局管理器中添加一个按钮,实现拍照功能。
界面设计呈现的效果如图所示
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容