6步轻松实现两个listView联动效果
发布时间 - 2026-01-11 00:32:01 点击率:次看了网上更新的好多联动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个步骤写完了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# listView
# 联动
# 仿饿了吗点餐界面两个ListView联动效果
# 仿饿了吗点餐界面ListView联动的实现
# Android中使用开源框架Citypickerview实现省市区三级联动选择
# Android自定义WheelView地区选择三级联动
# Android省市区三级联动控件使用方法实例讲解
# android-wheel控件实现三级联动效果
# Android仿eleme点餐页面二级联动列表
# Android使用android-wheel实现省市县三级联动
# Android实现两个ScrollView互相联动的同步滚动效果代码
# Android实现联动下拉框 下拉列表spinner的实例代码
# 看了
# 说什么
# 不是很
# 给大家
# 分页
# 写了
# 可以使用
# 这几个
# 首页
# 少说
# 大家多多
# 不搞
# 吐舌头
# 加载
# 然后就
# 网上
# AppCompatActivity
# os
# app
# import
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel如何操作JSON类型的数据库字段?(Eloquent示例)
公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?
如何确保西部建站助手FTP传输的安全性?
详解Android——蓝牙技术 带你实现终端间数据传输
如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体
Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全
Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制
Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全
如何在万网自助建站平台快速创建网站?
如何在云指建站中生成FTP站点?
如何制作一个表白网站视频,关于勇敢表白的小标题?
Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】
如何用PHP工具快速搭建高效网站?
如何在建站宝盒中设置产品搜索功能?
如何在宝塔面板创建新站点?
Laravel Seeder填充数据教程_Laravel模型工厂Factory使用
Claude怎样写结构化提示词_Claude结构化提示词写法【教程】
Python并发异常传播_错误处理解析【教程】
如何在 Pandas 中基于一列条件计算另一列的分组均值
如何在新浪SAE免费搭建个人博客?
Python企业级消息系统教程_KafkaRabbitMQ高并发应用
如何在橙子建站中快速调整背景颜色?
,在苏州找工作,上哪个网站比较好?
大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?
Linux安全能力提升路径_长期防护思维说明【指导】
如何快速搭建自助建站会员专属系统?
Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】
nodejs redis 发布订阅机制封装实现方法及实例代码
JS中对数组元素进行增删改移的方法总结
如何快速生成橙子建站落地页链接?
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?
Python面向对象测试方法_mock解析【教程】
Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】
微信h5制作网站有哪些,免费微信H5页面制作工具?
香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧
javascript日期怎么处理_如何格式化输出
原生JS实现图片轮播切换效果
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
智能起名网站制作软件有哪些,制作logo的软件?
Windows Hello人脸识别突然无法使用
怎么用AI帮你为初创公司进行市场定位分析?
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
浅析上传头像示例及其注意事项
Laravel如何使用集合(Collections)进行数据处理_Laravel Collection常用方法与技巧
Laravel如何优化应用性能?(缓存和优化命令)
Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】
微信小程序 配置文件详细介绍
Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布
如何快速搭建虚拟主机网站?新手必看指南
Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】

