广商博客冲刺第三天new

第二天沖刺傳送門

第三四天沖刺傳送門

这一天我们主要是弄网页前台设计跟框架设计，这方面主要是由张奇聪负责。我们在amaze ui,smart ui,angularjs+bootstrap中挑选，最终选择了amaze ui作为模板来设计前台。首先做出了标题以及基本框架，里面有用户登陆，注册，第一行模块是用于分不同系别，每个系别里面都有还有三个模块，第一个模块是用于师生们闲聊，第二个模块是用于师生们活动，第三个模块是用于师生们交易。我们还想再加一些友情链接，比如失物招领，外卖点餐，兼职，培训，校园包车，二手交易等等，只为服务广商所有师生们！我们还会把广商里发生的重大事件或重大新闻优先用公告展示出来，第一官方消息也会先告示所有师生们，绝对比其它博客快速，准确，可靠，便于让师生们第一时间得到消息。我们会尽量做成为广商第一博客！

我们设计的网页基本页面是这样的：

说起Amaze UI框架设计，想必大家也会很熟悉了。因为我们这次前台是为了同Android现有的标准Amaze UI框架所匹配，所以我们必须与后台的设计相结合好。我们所设计的Foreground Service，在过去，一部分的这种需求往往采用SharedPreference的方式在不同的界面间实现共享，这样做不仅有一些额外的开销（文件IO），同时数据类型和逻辑的受限也比较明显。而且，当状态较为复杂时，每次在状态切换（如屏幕旋转）后重建状态的性能代价也可能影响到用户体验。其实，Amaze UI机制完全可以优雅的达成上述前台服务的需求，得益于Amaze UI本身与界面的紧密联系，可以方便的实现服务与UI的双向互通；受益于Amaze UI自动的生命周期管理，不必刻意提防内存泄露；借助Amaze UI的切换保留（retain）机制，可以在状态切换期间保持服务不中止。另外，由于Amaze UI的生命周期管理是由框架自动完成的，所以开发者也完全不必在Activity的生命周期事件代码中加入各种服务相关的冗赘处理，让代码更简洁清晰。

下面图是我们设计前台框架时的一些代码：

想我们前台的创建其实与后台也很相似的，也是需要按需创建的，我在制作前台时还需要看好与后台的交互，让用户感觉到用起来很舒畅，没有什么瑕疵问题，实实在在让用户觉得我们的广商第一博客真心好！

最后我们进行了程序测试：前台服务由于不直接涉及界面布局，因此完全不必在屏幕旋转等状态切换中重建，从而有效降低这一过程中的体验延迟，导致实现跨状态切换保持服务不流畅。为了解决这个问题，我在百度上找了好久才找打一个解决方法，就是在Amaze UI的初始化过程中将自身设定为『可保持』：

@Override public void onCreate(final Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setRetainInstance(true);
}

     身为我们这次前台设计和框架设计的主要负责人张奇聪在这几天也辛苦了，为了布置好我们项目的第一步可谓是下足了功夫，也很努力，值得表扬，为我们接下来后台工作和Android工作打下了坚实的基础！