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

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

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

效果图:

直接上车,少说废话!

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

[html]  view plain  copy

1. compile 'com.squareup.picasso:picasso:2.5.2'  
2. compile 'io.reactivex:rxjava:1.2.7'  
3. compile 'io.reactivex:rxandroid:1.2.1'  
4. compile 'com.squareup.retrofit2:retrofit:2.2.0'  
5. compile 'com.squareup.retrofit2:converter-gson:2.2.0'  
6. compile 'com.squareup.retrofit2:adapter-rxjava:2.2.0'  

1.定义首页的布局文件

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:tools="http://schemas.android.com/tools"  
4.     android:id="@+id/activity_main"  
5.     android:orientation="horizontal"  
6.     android:layout_width="match_parent"  
7.     android:layout_height="match_parent"  
8.     tools:context="com.example.twolist.MainActivity">  
9.   
10.     <ListView  
11.         android:id="@+id/left"  
12.         android:layout_width="88dp"  
13.         android:background="#eaebec"  
14.         android:layout_height="match_parent" />  
15.     <ListView  
16.         android:id="@+id/right"  
17.         android:layout_width="match_parent"  
18.         android:layout_height="match_parent" />  
19.   
20.   
21. </LinearLayout>  

2.MainActivity.java

[java]  view plain  copy

1. package com.example.twolist;  
2.   
3. import android.support.v7.app.AppCompatActivity;  
4. import android.os.Bundle;  
5. import android.view.View;  
6. import android.widget.AbsListView;  
7. import android.widget.AdapterView;  
8. import android.widget.ListView;  
9.   
10. import com.example.twolist.adapters.LeftAdapter;  
11. import com.example.twolist.adapters.RightAdapter;  
12.   
13. import retrofit2.Retrofit;  
14. import retrofit2.adapter.rxjava.RxJavaCallAdapterFactory;  
15. import retrofit2.converter.gson.GsonConverterFactory;  
16. import rx.Observable;  
17. import rx.Subscriber;  
18. import rx.android.schedulers.AndroidSchedulers;  
19. import rx.schedulers.Schedulers;  
20.   
21. public class MainActivity extends AppCompatActivity{  
22.     /** 
23.      * 右侧电影列表的接口 
24.      * http://app.vmoiver.com/apiv3/post/getPostInCate?cateid=0&p=1 
25.      */  
26.     private ListView mLeft;  
27.     private ListView mRight;  
28.     private RightAdapter rightAdapter;  
29.     private LeftAdapter adapter;  
30.   
31.     //记录滑动的ListView 滑动的位置  
32.     private int scrollPosition = -1;  
33.   
34.     @Override  
35.     protected void onCreate(Bundle savedInstanceState) {  
36.         super.onCreate(savedInstanceState);  
37.         setContentView(R.layout.activity_main);  
38.         initView();  
39.         getData();  
40.     }  
41.   
42.     private void getData() {  
43.   
44.         Retrofit retrofit = new Retrofit.Builder()  
45.                 .addCallAdapterFactory(RxJavaCallAdapterFactory.create())  
46.                 .addConverterFactory(GsonConverterFactory.create())  
47.                 .baseUrl("http://app.vmoiver.com").build();  
48.         ApiService apiService = retrofit.create(ApiService.class);  
49.         Observable<ParaseData> apiServiceMovieList = apiService.getMovieList();  
50.         apiServiceMovieList.subscribeOn(Schedulers.io())  
51.                 .observeOn(AndroidSchedulers.mainThread())  
52.                 .subscribe(new Subscriber<ParaseData>() {  
53.                     @Override  
54.                     public void onCompleted() {  
55.   
56.                     }  
57.   
58.                     @Override  
59.                     public void onError(Throwable e) {  
60.   
61.                     }  
62.   
63.                     @Override  
64.                     public void onNext(ParaseData paraseData) {  
65.                         rightAdapter.addRes(paraseData.getData());  
66.                     }  
67.                 });  
68.   
69.   
70.     }  
71.   
72.     private void initView() {  
73.         mLeft = (ListView) findViewById(R.id.left);  
74.         mRight = (ListView) findViewById(R.id.right);  
75.   
76.         adapter = new LeftAdapter(this);  
77.         mLeft.setAdapter(adapter);  
78.   
79.         rightAdapter = new RightAdapter(this, null);  
80.         mRight.setAdapter(rightAdapter);  
81.         mLeft.setOnItemClickListener(new AdapterView.OnItemClickListener() {  
82.             @Override  
83.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {  
84.                 adapter.setSelectItem(position);  
85.   
86.                 mRight.setSelection(position);  
87.   
88.             }  
89.         });  
90.         mRight.setOnScrollListener(new AbsListView.OnScrollListener() {  
91.   
92.   
93.             @Override  
94.             public void onScrollStateChanged(AbsListView view, int scrollState) {  
95.   
96.             }  
97.   
98.             @Override  
99.             public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {  
100.   
101.                 if (scrollPosition != firstVisibleItem) {  
102.                     adapter.setSelectItem(firstVisibleItem);  
103.                     mLeft.setSelectionFromTop(firstVisibleItem, 40);  
104.                     scrollPosition = firstVisibleItem;  
105.                 }  
106.   
107.             }  
108.         });  
109.   
110.     }  
111.   
112.   
113.   
114. }  

3.左边ListView的适配器

[java]  view plain  copy

1. package com.example.twolist.adapters;  
2.   
3. import android.content.Context;  
4. import android.graphics.Color;  
5. import android.view.LayoutInflater;  
6. import android.view.View;  
7. import android.view.ViewGroup;  
8. import android.widget.BaseAdapter;  
9. import android.widget.TextView;  
10.   
11. import com.example.twolist.R;  
12.   
13. import java.util.ArrayList;  
14. import java.util.List;  
15.   
16. /** 
17.  * Created by ALong on 2017/4/5. 
18.  */  
19.   
20. public class LeftAdapter extends BaseAdapter {  
21.   
22.     List<String> data;  
23.     LayoutInflater inflater;  
24.     private int selectItem=0;  
25.   
26.     public void setSelectItem(int selectItem) {  
27.         this.selectItem = selectItem;  
28.         notifyDataSetChanged();  
29.     }  
30.   
31.     public LeftAdapter(Context context) {  
32.         data=new ArrayList<>();  
33.         for (int i = 0; i < 10; i++) {  
34.             data.add("电影"+i);  
35.         }  
36.         inflater=LayoutInflater.from(context);  
37.     }  
38.   
39.   
40.     @Override  
41.     public int getCount() {  
42.         return data!=null?data.size():0;  
43.     }  
44.   
45.     @Override  
46.     public String getItem(int position) {  
47.         return data.get(position);  
48.     }  
49.   
50.     @Override  
51.     public long getItemId(int position) {  
52.         return position;  
53.     }  
54.   
55.     @Override  
56.     public View getView(int position, View convertView, ViewGroup parent) {  
57.         ViewHolder holder;  
58.         if (convertView == null) {  
59.             convertView=inflater.inflate(R.layout.left_item,parent,false);  
60.             holder=new ViewHolder(convertView);  
61.             convertView.setTag(holder);  
62.         }else {  
63.             holder= (ViewHolder) convertView.getTag();  
64.         }  
65.   
66.         holder.mText.setText(data.get(position));  
67.   
68.         if (selectItem == position) {  
69.             holder.mText.setTextColor(Color.BLUE);  
70.             holder.mIndicator.setVisibility(View.VISIBLE);  
71.         }else {  
72.             holder.mText.setTextColor(Color.BLACK);  
73.             holder.mIndicator.setVisibility(View.INVISIBLE);  
74.         }  
75.   
76.         return convertView;  
77.     }  
78.   
79.     public static class ViewHolder{  
80.   
81.         TextView mText;  
82.         View mIndicator;  
83.   
84.         public ViewHolder(View itemView) {  
85.             mText= (TextView) itemView.findViewById(R.id.left_text);  
86.             mIndicator=itemView.findViewById(R.id.left_indicator);  
87.         }  
88.     }  
89.   
90.   
91.   
92. }  

4.右边ListView的适配器

[java]  view plain  copy

1. package com.example.twolist.adapters;  
2.   
3. import android.content.Context;  
4. import android.view.LayoutInflater;  
5. import android.view.View;  
6. import android.view.ViewGroup;  
7. import android.widget.BaseAdapter;  
8. import android.widget.ImageView;  
9. import android.widget.TextView;  
10.   
11. import com.example.twolist.ParaseData;  
12. import com.example.twolist.R;  
13. import com.squareup.picasso.Picasso;  
14.   
15. import java.util.ArrayList;  
16. import java.util.List;  
17.   
18. /** 
19.  * Created by ALong on 2017/4/5. 
20.  */  
21.   
22. public class RightAdapter extends BaseAdapter {  
23.   
24.     List<ParaseData.DataBean> data;  
25.     LayoutInflater inflater;  
26.     Context context;  
27.   
28.   
29.     public RightAdapter(Context context, List<ParaseData.DataBean> data) {  
30.         this.context=context;  
31.         inflater = LayoutInflater.from(context);  
32.         if (data != null) {  
33.             this.data=data;  
34.         }else {  
35.             this.data=new ArrayList<>();  
36.         }  
37.     }  
38.     public void addRes(List<ParaseData.DataBean> data){  
39.         if (data != null) {  
40.             this.data.clear();  
41.             this.data.addAll(data);  
42.             notifyDataSetChanged();  
43.         }  
44.     }  
45.   
46.     @Override  
47.     public int getCount() {  
48.         return data.size();  
49.     }  
50.   
51.     @Override  
52.     public ParaseData.DataBean getItem(int position) {  
53.         return data.get(position);  
54.     }  
55.   
56.     @Override  
57.     public long getItemId(int position) {  
58.         return position;  
59.     }  
60.   
61.     @Override  
62.     public View getView(int position, View convertView, ViewGroup parent) {  
63.         ViewHolder holder;  
64.         if (convertView == null) {  
65.             convertView = inflater.inflate(R.layout.right_item, parent, false);  
66.             holder = new ViewHolder(convertView);  
67.             convertView.setTag(holder);  
68.         } else {  
69.             holder= (ViewHolder) convertView.getTag();  
70.         }  
71.   
72.         holder.mTitle.setText(getItem(position).getTitle());  
73.         holder.mMsg.setText(getItem(position).getTitle());  
74.         Picasso.with(context).load(getItem(position).getImage()).into(holder.mImg);  
75.   
76.         return convertView;  
77.     }  
78.   
79.     public static class ViewHolder {  
80.         ImageView mImg;  
81.         TextView mTitle;  
82.         TextView mMsg;  
83.   
84.         public ViewHolder(View itemView) {  
85.             mImg = (ImageView) itemView.findViewById(R.id.right_img);  
86.             mTitle = (TextView) itemView.findViewById(R.id.right_text);  
87.             mMsg = (TextView) itemView.findViewById(R.id.right_msg);  
88.         }  
89.     }  
90. }  

5.Retrofit解析的接口文件

[java]  view plain  copy

1. package com.example.twolist;  
2.   
3. import retrofit2.http.GET;  
4. import rx.Observable;  
5.   
6. /** 
7.  * Created by ALong on 2017/4/5. 
8.  */  
9.   
10. public interface ApiService {  
11.   
12. //可以使用参数的拼接,实现分页的加载,简单的Demo就不搞那么复杂了  
13.     @GET("/apiv3/post/getPostInCate?cateid=0&p=1")  
14.     Observable<ParaseData> getMovieList();  
15. }  

6.Gson解析需要使用的类

[java]  view plain  copy

1. package com.example.twolist;  
2.   
3. import java.util.List;  
4.   
5. /** 
6.  * Created by ALong on 2017/4/5. 
7.  */  
8.   
9. public class ParaseData {  
10.   
11.   
12.     private List<DataBean> data;  
13.   
14.   
15.   
16.     public List<DataBean> getData() {  
17.         return data;  
18.     }  
19.   
20.     public void setData(List<DataBean> data) {  
21.         this.data = data;  
22.     }  
23.   
24.     public static class DataBean {  
25.   
26.   
27.         private String title;  
28.         private String image;  
29.   
30.         public String getTitle() {  
31.             return title;  
32.         }  
33.   
34.         public void setTitle(String title) {  
35.             this.title = title;  
36.         }  
37.   
38.         public String getImage() {  
39.             return image;  
40.         }  
41.   
42.         public void setImage(String image) {  
43.             this.image = image;  
44.         }  
45.     }  
46. }  

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