![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=1739152232-eKYoB5InY3MghPtNSfgu0jyU4m6bzdyK-0-8f79287eb63a78dc9d1af7ef3dc76b25)
图1.39 客户机界面布局
![](https://epubservercos.yuewen.com/A52FB2/31398333104740106/epubprivate/OEBPS/Images/Figure-P62_8511.jpg?sign=1739152232-PpPnjCCkCf8FICjVapODIBrhkmkWQA5y-0-0016324366982ba019b88cebe5a36131)
图1.40 模拟器上显示的Flower程序运行界面
![](https://epubservercos.yuewen.com/A52FB2/31398333104740106/epubprivate/OEBPS/Images/Figure-P63_8517.jpg?sign=1739152232-Cl4H6oOD8MYgpMU9JoSJb4xRBRWD5TP8-0-819ff77fc4a75775e4ba60a2a85e6aea)
图1.41 项目结构
布局脚本写在MainActivity的布局文件activity_main.xml中,如程序源码P1.10所示。
![](https://epubservercos.yuewen.com/A52FB2/31398333104740106/epubprivate/OEBPS/Images/Figure-P63_48351.jpg?sign=1739152232-rMJuhkDTXcAvvPjLO7Q31l5Y7KJZuDE2-0-24bc70fd712363725b5adc547dd2817e)
运行项目,单击图1.40所示界面上的按钮,此时还无法打开相机与本地相册,相关工作留到1.14节完成。