记录一下快速开发app页面的技巧(一)

196 阅读2分钟

最近接了一个页面比较简单的小app,虽说比较简单但从ui给出的设计稿看,页面非常多且非常相似。 下面我将介绍几个页面说一下,我开发这几个页面的一些心得。

一. 普通详情页

这种普通的列表页面,如果沿用以前的实现方式,每个列表项都在xml里一点一点布局,虽然可以实现效果,但任务量非常重,再加上需求变化非常快的情况下,这种布局方式显示就非常笨重和繁琐了,有没有更优雅的代码实现方案呢?

方案当然有了,那就是采用列表方式实现。

根据ui设计稿,我们需要定义多个布局类型:

1.普通文本类型 2. 多文本框类型

下边是我设计的实体对象

public class CommonListEntity {
    public void title;
    public void content;
}

经过数据组装,刷新adapter ui就可以看到数据了。

二.卡片普通列表页面

现在ui非常喜欢这种卡片式布局,并且还喜欢在四周加上阴影,导致整个列表无法再使用一个recyclerview 实现,必须让每个item 都包含一个列表来实现这个ui效果。

经过第一个普通列表的实现方式,我很快想到了把第一个普通列表的adapter包裹嵌套一下即可满足现在的ui效果。

下边是我设计的实体对象

public class CommonCardEntity {
    public String title;
    ...
    public List<CommonListEntity> commonDataList;
}

把接口返回的数据结构转换为设计的数据结构,就可以显示出来了,但这种结构有个事情需要注意,需要记录全部的数据,如果要查看详情或者编辑数据,就需要获取到原始数据