一个监控PLC的Android应用的开发过程-1

本来想5.1期间继续写SECS/GEM封装库的系列文章,但是临时要帮朋友忙开发一个Android App,由于以前也从来没有开发过APP,虽然功能非常简单,但是过程实在是很艰难,特此记录一下。不求给各位博友任何指引(也没资格),只求给自己的第一次APP之旅做个记录,并如果能够给同是APP初次开发者的博友一点启示就更好了。

1. 功能需求

App的功能需求很简单,大致如下:

  • 平台需求仅支持Android即可;
  • App需要通过Wifi连接现场的一个数据网关(透传),而网关通过RS232连接PLC;
  • 通讯协议采用Modbus RTU;
  • 需要监控的数据包括DI、DO、AI、AO;
  • AI、AO可显示实时趋势,感觉只有AI是必要显示趋势的,可是朋友说AO也要;;
  • 初期Modbus地址、IP、端口等配置信息在代码中写死即可。

以上需求是不是很简单?在PC上实现确实是,但是对于完全不懂Android的我来说就……,但不管怎样活都是要干的,那么来分析一下需求中的难点吧!解决了它们那剩下的就是时间的问题了。

  1. Android开发选什么?最终选了C#的Xamarin,毕竟C#我还可以;
  2. 新建的项目用哪种?主要是“Android应用(Xamarin)和移动应用(Xamarin.Forms)”两种,“移动应用(Xamarin.Forms)”主要是可以跨平台,同时支持Android和iOS两种,而且例子好像更多一些,而“Android应用(Xamarin)”仅支持Android平台,但似乎更简单一些。考虑再三最终选择了“Android应用(Xamarin)”,毕竟暂时我只需要支持Android平台。
  3. Xamarin. Android下的Socket如何开发?网上查了一些例子,并进行实际的测试了一下,基本通了,也就是通信看来不成问题了。
  4. Android应用的开发,包括界面UI、多线程都要研究一下。

下面让我们开始第一次Android应用开发之旅吧!

2. 开发调试

2.1 ListView控件

先看了ListView控件,但是发现这东西和PC上的不同,只能显示一列,而我需要显示三列,分别为项目、项值和描述,怎么办?一番查找,发现这种需求只能通过自定义的方式来实现了,而且还是与我想象中的不同,我找到List是这样的:

一个监控PLC的Android应用的开发过程-1_第1张图片

当然,这个也并不完全符合要求,但至少能显示我需要的内容了,剩下的就由自己去改造了,话说Android下的List就是这样的?有没有跟PC下一样的?哪位博友熟悉望告知!此List来自MS的“Custom_Rows_for_ListView”示例。

2.2 Tab控件

先看了“BottomNavigationView”控件,感觉还不错,起初是想把它放在最底部进行导航,但是反复调整布局,使用了各种方法但是显示上总有问题,总之跟上面选的List配合使用不行,就是空间上放总共有一块空白,忘记截图了。感觉应该就是布局的问题,但是目前没弄明白。后来没办法尝试将Tab控件放到顶端,发现完全没问题了,那就先这样吧。

  • Tab控件,总感觉目前的效果不是很好,于是又找到了ActionBar的例子,效果如下:

一个监控PLC的Android应用的开发过程-1_第2张图片

感觉看着挺霸气的有没有?不管怎样决定拿过来用,此例子来源于MS的“Tabbed_Layouts_ActionBar”。

2.3 Tab和List控件结合

将两者结合之后,目前的界面效果如下:

一个监控PLC的Android应用的开发过程-1_第3张图片

2.4 新建项目正式开始

  1. 新建空白项目,项目名称暂时就叫“APMonitor”,如下:
  2. 添加ActionBar,来自MS的例子,注意事项:
    <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme">
    注意此处的“theme”指向的文件需要修改配置,默认的“