![TensorFlow+Android经典模型从理论到实战(微课视频版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/815/52842815/b_52842815.jpg)
上QQ阅读APP看书,第一时间看更新
1.13 Android客户机界面
客户机界面布局如图1.39所示。手机屏幕自底向上分为三个区域。
底部区域包括左右两个按钮,分别是打开相机按钮btnCapture和打开相册按钮btnLoadPicture,对应“拍照识别”和“图库识别”两个控制逻辑。
中间区域是文本控件txtResult,显示预测结果。
顶部区域是图片视图imageView,显示来自相机或来自相册的图片,显示图片的同时,也会经由Retrofit框架发送到服务器完成识别,服务器将自动回送识别结果。
图1.40为界面布局完成后,模拟器上显示的Flower程序运行界面。图1.41为项目结构。
![](https://epubservercos.yuewen.com/A52FB2/31398333104740106/epubprivate/OEBPS/Images/Figure-P62_8507.jpg?sign=1739027425-oaLbtdP6SH5iBjTFq8nsNZmnLMNW3LJH-0-3f9d85ec0b4db55829d4a2e92e87250b)
图1.39 客户机界面布局
![](https://epubservercos.yuewen.com/A52FB2/31398333104740106/epubprivate/OEBPS/Images/Figure-P62_8511.jpg?sign=1739027425-EPN59hfYl5u9WSmSbPkPkGNIEPZEKWJ0-0-33350fa6490f00b3a1ce0d0e0f39a8d7)
图1.40 模拟器上显示的Flower程序运行界面
![](https://epubservercos.yuewen.com/A52FB2/31398333104740106/epubprivate/OEBPS/Images/Figure-P63_8517.jpg?sign=1739027425-MtE6Bbb0vAJF04Geilw2KLXMXBjvtDx9-0-0feae5bfad1978ff6c91755030387cd5)
图1.41 项目结构
布局脚本写在MainActivity的布局文件activity_main.xml中,如程序源码P1.10所示。
![](https://epubservercos.yuewen.com/A52FB2/31398333104740106/epubprivate/OEBPS/Images/Figure-P63_48351.jpg?sign=1739027425-gcUWXNj7vlga0TfeUfK7CxIbri1gUj7q-0-f7df2bf79b4bab7c9ac766af193694fb)
运行项目,单击图1.40所示界面上的按钮,此时还无法打开相机与本地相册,相关工作留到1.14节完成。