6步輕松實(shí)現(xiàn)兩個(gè)listView聯(lián)動(dòng)效果

更新時(shí)間：2017年04月06日 09:39:52 作者：小小時(shí)光機(jī)

這篇文章主要為大家詳細(xì)介紹了教大家通過(guò)6步輕松實(shí)現(xiàn)兩個(gè)listView聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

看了網(wǎng)上更新的好多聯(lián)動(dòng)demo,感覺(jué)寫的不是很簡(jiǎn)潔(表示不知道他們?cè)谡f(shuō)什么)

自己寫了一個(gè)簡(jiǎn)單的Demo分享給大家- -!

效果圖:

直接上車,少說(shuō)廢話!

所用到以下的這幾個(gè)依賴,直接粘到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.定義首頁(yè)的布局文件

<?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{ 
  /** 
   * 右側(cè)電影列表的接口 
   * http://app.vmoiver.com/apiv3/post/getPostInCate?cateid=0&p=1 
   */ 
  private ListView mLeft; 
  private ListView mRight; 
  private RightAdapter rightAdapter; 
  private LeftAdapter adapter; 
 
  //記錄滑動(dòng)的ListView 滑動(dòng)的位置 
  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 { 
 
//可以使用參數(shù)的拼接,實(shí)現(xiàn)分頁(yè)的加載,簡(jiǎn)單的Demo就不搞那么復(fù)雜了 
  @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; 
    } 
  } 
}

然后就沒(méi)有然后了,6個(gè)步驟寫完了。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: