
上QQ阅读APP看书,第一时间看更新
1.13 Android客户机界面
客户机界面布局如图1.39所示。手机屏幕自底向上分为三个区域。
底部区域包括左右两个按钮,分别是打开相机按钮btnCapture和打开相册按钮btnLoadPicture,对应“拍照识别”和“图库识别”两个控制逻辑。
中间区域是文本控件txtResult,显示预测结果。
顶部区域是图片视图imageView,显示来自相机或来自相册的图片,显示图片的同时,也会经由Retrofit框架发送到服务器完成识别,服务器将自动回送识别结果。
图1.40为界面布局完成后,模拟器上显示的Flower程序运行界面。图1.41为项目结构。

图1.39 客户机界面布局

图1.40 模拟器上显示的Flower程序运行界面

图1.41 项目结构
布局脚本写在MainActivity的布局文件activity_main.xml中,如程序源码P1.10所示。

运行项目,单击图1.40所示界面上的按钮,此时还无法打开相机与本地相册,相关工作留到1.14节完成。