您好,登錄后才能下訂單哦!
本篇文章為大家展示了Android開發中listView怎么實現聯動效果,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
需要用到以下的這幾個依賴,直接粘到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; } } }
上述內容就是Android開發中listView怎么實現聯動效果,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。