简单实现两个listView的联动效果(网络框架Retrofit+Rxjava)

看了网上更新的好多联动demo,感觉写的不是很简洁(表示不知道他们在说什么)

自己写了一个简单的Demo分享给大家- -!

效果图:

直接上车,少说废话!

所用到以下的这几个依赖,直接粘到Build.gradle文件中

compile 'com.squareup.picasso:picasso:2.5.2'
compile 'io.reactivex:rxjava:1.2.7'
compile 'io.reactivex:rxandroid:1.2.1'
compile 'com.squareup.retrofit2:retrofit:2.2.0'
compile 'com.squareup.retrofit2:converter-gson:2.2.0'
compile 'com.squareup.retrofit2:adapter-rxjava:2.2.0'

1.定义首页的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.twolist.MainActivity">

    <ListView
        android:id="@+id/left"
        android:layout_width="88dp"
        android:background="#eaebec"
        android:layout_height="match_parent" />
    <ListView
        android:id="@+id/right"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


</LinearLayout>

2.MainActivity.java

package com.example.twolist;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AbsListView;
import android.widget.AdapterView;
import android.widget.ListView;

import com.example.twolist.adapters.LeftAdapter;
import com.example.twolist.adapters.RightAdapter;

import retrofit2.Retrofit;
import retrofit2.adapter.rxjava.RxJavaCallAdapterFactory;
import retrofit2.converter.gson.GsonConverterFactory;
import rx.Observable;
import rx.Subscriber;
import rx.android.schedulers.AndroidSchedulers;
import rx.schedulers.Schedulers;

public class MainActivity extends AppCompatActivity{
    /**
     * 右侧电影列表的接口
     * http://app.vmoiver.com/apiv3/post/getPostInCate?cateid=0&p=1
     */
    private ListView mLeft;
    private ListView mRight;
    private RightAdapter rightAdapter;
    private LeftAdapter adapter;

    //记录滑动的ListView 滑动的位置
    private int scrollPosition = -1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        getData();
    }

    private void getData() {

        Retrofit retrofit = new Retrofit.Builder()
                .addCallAdapterFactory(RxJavaCallAdapterFactory.create())
                .addConverterFactory(GsonConverterFactory.create())
                .baseUrl("http://app.vmoiver.com").build();
        ApiService apiService = retrofit.create(ApiService.class);
        Observable<ParaseData> apiServiceMovieList = apiService.getMovieList();
        apiServiceMovieList.subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Subscriber<ParaseData>() {
                    @Override
                    public void onCompleted() {

                    }

                    @Override
                    public void onError(Throwable e) {

                    }

                    @Override
                    public void onNext(ParaseData paraseData) {
                        rightAdapter.addRes(paraseData.getData());
                    }
                });


    }

    private void initView() {
        mLeft = (ListView) findViewById(R.id.left);
        mRight = (ListView) findViewById(R.id.right);

        adapter = new LeftAdapter(this);
        mLeft.setAdapter(adapter);

        rightAdapter = new RightAdapter(this, null);
        mRight.setAdapter(rightAdapter);
        mLeft.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                adapter.setSelectItem(position);

                mRight.setSelection(position);

            }
        });
        mRight.setOnScrollListener(new AbsListView.OnScrollListener() {


            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {

            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

                if (scrollPosition != firstVisibleItem) {
                    adapter.setSelectItem(firstVisibleItem);
                    mLeft.setSelectionFromTop(firstVisibleItem, 40);
                    scrollPosition = firstVisibleItem;
                }

            }
        });

    }



}

3.左边ListView的适配器

package com.example.twolist.adapters;

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import com.example.twolist.R;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by ALong on 2017/4/5.
 */

public class LeftAdapter extends BaseAdapter {

    List<String> data;
    LayoutInflater inflater;
    private int selectItem=0;

    public void setSelectItem(int selectItem) {
        this.selectItem = selectItem;
        notifyDataSetChanged();
    }

    public LeftAdapter(Context context) {
        data=new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            data.add("电影"+i);
        }
        inflater=LayoutInflater.from(context);
    }


    @Override
    public int getCount() {
        return data!=null?data.size():0;
    }

    @Override
    public String getItem(int position) {
        return data.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView=inflater.inflate(R.layout.left_item,parent,false);
            holder=new ViewHolder(convertView);
            convertView.setTag(holder);
        }else {
            holder= (ViewHolder) convertView.getTag();
        }

        holder.mText.setText(data.get(position));

        if (selectItem == position) {
            holder.mText.setTextColor(Color.BLUE);
            holder.mIndicator.setVisibility(View.VISIBLE);
        }else {
            holder.mText.setTextColor(Color.BLACK);
            holder.mIndicator.setVisibility(View.INVISIBLE);
        }

        return convertView;
    }

    public static class ViewHolder{

        TextView mText;
        View mIndicator;

        public ViewHolder(View itemView) {
            mText= (TextView) itemView.findViewById(R.id.left_text);
            mIndicator=itemView.findViewById(R.id.left_indicator);
        }
    }



}

4.右边ListView的适配器

package com.example.twolist.adapters;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.twolist.ParaseData;
import com.example.twolist.R;
import com.squareup.picasso.Picasso;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by ALong on 2017/4/5.
 */

public class RightAdapter extends BaseAdapter {

    List<ParaseData.DataBean> data;
    LayoutInflater inflater;
    Context context;


    public RightAdapter(Context context, List<ParaseData.DataBean> data) {
        this.context=context;
        inflater = LayoutInflater.from(context);
        if (data != null) {
            this.data=data;
        }else {
            this.data=new ArrayList<>();
        }
    }
    public void addRes(List<ParaseData.DataBean> data){
        if (data != null) {
            this.data.clear();
            this.data.addAll(data);
            notifyDataSetChanged();
        }
    }

    @Override
    public int getCount() {
        return data.size();
    }

    @Override
    public ParaseData.DataBean getItem(int position) {
        return data.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.right_item, parent, false);
            holder = new ViewHolder(convertView);
            convertView.setTag(holder);
        } else {
            holder= (ViewHolder) convertView.getTag();
        }

        holder.mTitle.setText(getItem(position).getTitle());
        holder.mMsg.setText(getItem(position).getTitle());
        Picasso.with(context).load(getItem(position).getImage()).into(holder.mImg);

        return convertView;
    }

    public static class ViewHolder {
        ImageView mImg;
        TextView mTitle;
        TextView mMsg;

        public ViewHolder(View itemView) {
            mImg = (ImageView) itemView.findViewById(R.id.right_img);
            mTitle = (TextView) itemView.findViewById(R.id.right_text);
            mMsg = (TextView) itemView.findViewById(R.id.right_msg);
        }
    }
}

5.Retrofit解析的接口文件

package com.example.twolist;

import retrofit2.http.GET;
import rx.Observable;

/**
 * Created by ALong on 2017/4/5.
 */

public interface ApiService {

//可以使用参数的拼接,实现分页的加载,简单的Demo就不搞那么复杂了
    @GET("/apiv3/post/getPostInCate?cateid=0&p=1")
    Observable<ParaseData> getMovieList();
}

6.Gson解析需要使用的类

package com.example.twolist;

import java.util.List;

/**
 * Created by ALong on 2017/4/5.
 */

public class ParaseData {


    private List<DataBean> data;



    public List<DataBean> getData() {
        return data;
    }

    public void setData(List<DataBean> data) {
        this.data = data;
    }

    public static class DataBean {


        private String title;
        private String image;

        public String getTitle() {
            return title;
        }

        public void setTitle(String title) {
            this.title = title;
        }

        public String getImage() {
            return image;
        }

        public void setImage(String image) {
            this.image = image;
        }
    }
}

然后就没有然后了,6个步骤写完了