6步轻松实现两个listView联动效果

时间:2021-05-21

看了网上更新的好多联动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个步骤写完了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章