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多级路由嵌套与命名空间隔离【步骤】