溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android開發(fā)中l(wèi)istView怎么實(shí)現(xiàn)聯(lián)動(dòng)效果

發(fā)布時(shí)間:2020-12-02 15:51:25 來源:億速云 閱讀:148 作者:Leah 欄目:移動(dòng)開發(fā)

本篇文章為大家展示了Android開發(fā)中l(wèi)istView怎么實(shí)現(xiàn)聯(lián)動(dòng)效果,內(nèi)容簡明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。

需要用到以下的這幾個(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.定義首頁的布局文件

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
<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&#63;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<&#63;> 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&#63;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)分頁的加載,簡單的Demo就不搞那么復(fù)雜了 
  @GET("/apiv3/post/getPostInCate&#63;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; 
    } 
  } 
} 

上述內(nèi)容就是Android開發(fā)中l(wèi)istView怎么實(shí)現(xiàn)聯(lián)動(dòng)效果,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI