帮朋友忙开发一个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.开发调试
首先,考虑UI如何设计?根据需求来看是要分别显示DI、DO、AI、AO的当前数值,并可对DO、AO进行设置,那么最简单的界面就是Tab+List,对吧!那好先来研究一下Tab控件和List控件如何使用吧。
2.1 List控件
先看了ListView控件,但是发现这东西和PC上的不同,只能显示一列,而我需要显示三列,分别为项目、项值和描述,怎么办?一番查找,发现这种需求只能通过自定义的方式来实现了,而且还是与我想象中的不同,我找到List是这样的:
![ce6e5504f162a291a46a44dff3654fe1.png](https://i-blog.csdnimg.cn/blog_migrate/aea96d19c21ce519f7db6c7d4e3fda40.jpeg)
List样式
当然,这个也并不完全符合要求,但至少能显示我需要的内容了,剩下的就由自己去改造了,话说Android下的List就是这样的?有没有跟PC下一样的?哪位博友熟悉望告知!此List来自MS的“Custom_Rows_for_ListView”示例。
2.2 Tab控件
先看了“BottomNavigationView”控件,感觉还不错,起初是想把它放在最底部进行导航,但是反复调整布局,使用了各种方法但是显示上总有问题,总之跟上面选的List配合使用不行,就是空间上放总共有一块空白,忘记截图了。感觉应该就是布局的问题,但是目前没弄明白。后来没办法尝试将Tab控件放到顶端,发现完全没问题了,那就先这样吧,效果如下:
- Tab控件,总感觉目前的效果不是很好,于是又找到了ActionBar的例子,效果如下:
![7f45d04e5aa9903e5b3d77be6142380e.png](https://i-blog.csdnimg.cn/blog_migrate/9f5cd20bc204a7eefbc40e4748d9593c.jpeg)
Tab控件
感觉看着挺霸气的有没有?不管怎样决定拿过来用,此例子来源于MS的“Tabbed_Layouts_ActionBar”。
2.3 Tab和List控件结合
将两者结合之后,目前的界面效果如下:
![9cb042fecd41341b352c6d7a58eda5ff.png](https://i-blog.csdnimg.cn/blog_migrate/1d97304b67634f3b6d5f492b2b914e90.jpeg)
Tab和List结合
2.4 新建项目正式开始
1. 新建空白项目,项目名称暂时就叫“APMonitor”,如下:
![fb010823a9f0653408b9c85bbe0f7bbd.png](https://i-blog.csdnimg.cn/blog_migrate/3c0d9f8956a282aa506f4e112f349f72.jpeg)
新建项目
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”指向的文件需要修改配置,默认的“
2. 添加自定义ListView,来自MS的例子;
3. 模拟器调试正常,真机调试闪退
项目->属性->Android Options,Packaging页签 去掉 Use Shared Runtime可解决。
4. 给DI、DO添加通道状态指示灯,要准备2张图片,绿色表示On状态,红色表示Off状态,