如何优雅的快速搭建MVVM项目-MVVMFramework系列教程(五)

这一章是列表ViewModel的具体使用小结。

Model

比如我们要请求一个门票列表，地址为http://www.bigkoo.com/api/list/ticket
参数page和pageSize分别代表当前页和一页多少个item，返回格式

{"code":0,"msg":"获取详情成功","content":[{"productId":"1200001","spotName":"门票名称1"},{"productId":"1200002","spotName":"门票名称2"}]}

那么则建立一个叫Ticket的Model，属性有productId，spotName

public class Ticket {
    /**
     * productId : 923010086
     * spotName : 蓝水河漂流
     */

    private String productId;
    private String spotName;

    public String getProductId() {
        return productId;
    }

    public void setProductId(String productId) {
        this.productId = productId;
    }

    public String getSpotName() {
        return spotName;
    }

    public void setSpotName(String spotName) {
        this.spotName = spotName;
    }

HttpService里面也加入对应接口

@GET("api/list/ticket")Call>> getTicketList(@Query("page") int page, @Query("pageSize") int pageSize);

建立列表ViewModel

TicketListViewModel 就是具体实现的ViewModel，通过onLoadListHttpRequest指定请求的接口和返回的类型Ticket

public class TicketListViewModel extends BaseRefreshRecyclerViewModel{

    public TicketListViewModel(){
        super(R.layout.item_ticketlist);
        onListRefresh();
    }
    @Override
    public Call>> onLoadListHttpRequest() {
        return HttpServiceGenerator.createService().getTicketList(getPage(),getPageSize());
    }

    @Override
    public void onItemClick(View v, int position, View itemView, Object item) {
    }
}

这个列表item对应的 item_ticketlist.xml

这个列表Activity对应的xml

然后就是Databinding绑定xml到Activity的知识了，具体请看源码例子。

列表的几个状态可以拓展上面Activity的xml，改为

这里举一反三，服务器异常错误对应的xml，做成include供其他页面公用，其他状态的xml类似。还记得吗？ViewModel中的callback的时候已经封装了这些状态的改变，所以现在我们不用在ViewModel中加任何代码就能实现这些状态界面的显示和隐藏控制。

一个带下拉刷新，滑动到最后一行加载更多，不同状态显示不同界面的列表就这么轻松的实现了。

Github

MVVMFramework