AndroidListView 二级联动

整体的思路: 左边一个listview 右边一个带头StickyListviewHeaders  水平排列 所以在activity_main中 将orientation 设置为horizontal 根据权重进行分布

首先将StickyListHeaders 包导入

XML布局 

1, Activity_main

<?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:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context="com.pei.stickyheaderslist.MainActivity">

<ListView
android:id="@+id/lv_left"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content">

</ListView>

<se.emilsjolander.stickylistheaders.StickyListHeadersListView
android:layout_width="0dp"
android:layout_weight="3"
android:layout_height="wrap_content"
android:id="@+id/lv_right">

</se.emilsjolander.stickylistheaders.StickyListHeadersListView>
</LinearLayout>

2, MainActivity

package com.pei.stickyheaderslist;

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 java.util.ArrayList;

import se.emilsjolander.stickylistheaders.StickyListHeadersListView;

public class MainActivity extends AppCompatActivity {

private ListView lvLeft;
private StickyListHeadersListView lvRight;
private ArrayList<String> head;
private ArrayList<String> body;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

lvLeft = (ListView) findViewById(R.id.lv_left);
lvRight = (StickyListHeadersListView) findViewById(R.id.lv_right);

head = new ArrayList<>();
body = new ArrayList<>();

for (int i = 0; i < 500; i++) {
head.add("头部内容"+i);
body.add("内容"+i);
}

LeftAdapter leftAdapter = new LeftAdapter(this);
RightAdapter rightAdapter = new RightAdapter(this);

leftAdapter.setArrayList(head);

rightAdapter.setHeadList(head);
rightAdapter.setBodyList(body);

lvLeft.setAdapter(leftAdapter);

lvRight.setAdapter(rightAdapter);

lvLeft.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
lvRight.setSelection(i);
}
});
lvRight.setOnScrollListener(new AbsListView.OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView absListView, int i) {

}

@Override
public void onScroll(AbsListView absListView, int i, int i1, int i2) {
lvLeft.smoothScrollToPositionFromTop(i,0);
}
});
}
}

3, 左边的listAdapter

package com.pei.stickyheaderslist;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.ArrayList;

/**
* Created by dllo on 16/11/14.
*/

public class LeftAdapter extends BaseAdapter {

private ArrayList<String> arrayList;
private Context mContext;

public LeftAdapter(Context mContext) {
this.mContext = mContext;
}

public void setArrayList(ArrayList<String> arrayList) {
this.arrayList = arrayList;
notifyDataSetChanged();
}

@Override
public int getCount() {
return arrayList == null ? 0 : arrayList.size();
}

@Override
public Object getItem(int i) {
return arrayList == null ? null : arrayList.get(i);
}

@Override
public long getItemId(int i) {
return i;
}

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
ViewHolder viewHolder = null;
if (view == null){
view = LayoutInflater.from(mContext).inflate(R.layout.item_left,viewGroup,false);
viewHolder = new ViewHolder(view);
view.setTag(viewHolder);
}else{
viewHolder = (ViewHolder) view.getTag();
}
viewHolder.tv.setText(arrayList.get(i));

return view;
}
class ViewHolder{

private TextView tv;
public ViewHolder(View view) {
tv = (TextView) view.findViewById(R.id.tv_left);
}
}
}

4,左边listView item布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tv_left"/>

</LinearLayout>

5, 右边StickyListViewAdapter

package com.pei.stickyheaderslist;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.ArrayList;

import se.emilsjolander.stickylistheaders.StickyListHeadersAdapter;

/**
* Created by dllo on 16/11/14.
*/

public class RightAdapter extends BaseAdapter implements StickyListHeadersAdapter{

private Context mContext;
private ArrayList<String> headList, bodyList;

public RightAdapter(Context mContext) {
this.mContext = mContext;
}

public void setHeadList(ArrayList<String> headList) {
this.headList = headList;
notifyDataSetChanged();
}

public void setBodyList(ArrayList<String> bodyList) {
this.bodyList = bodyList;
notifyDataSetChanged();
}

@Override
public View getHeaderView(int position, View convertView, ViewGroup parent) {
HeadViewHolder headViewHolder = null;
if (convertView == null){
convertView = LayoutInflater.from(mContext).inflate(R.layout.item_right_head,parent,false);
headViewHolder = new HeadViewHolder(convertView);
convertView.setTag(headViewHolder);
} else {
headViewHolder = (HeadViewHolder) convertView.getTag();
}
headViewHolder.tvRightHeader.setText(headList.get(position));
return convertView;
}

@Override
public long getH
aba3
eaderId(int position) {
return position;
}

@Override
public int getCount() {
return headList == null ? 0 : headList.size();
}

@Override
public Object getItem(int i) {
return bodyList == null ? null : bodyList.get(i);
}

@Override
public long getItemId(int i) {
return i;
}

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
BodyViewHolder bodyViewHolder =null;
if (view == null){
view = LayoutInflater.from(mContext).inflate(R.layout.item_right_body,viewGroup,false);
bodyViewHolder = new BodyViewHolder(view);
view.setTag(bodyViewHolder);
} else {
bodyViewHolder = (BodyViewHolder) view.getTag();
}
bodyViewHolder.tvRightBody.setText(bodyList.get(i));
return view;
}
class HeadViewHolder {

private TextView tvRightHeader;
public HeadViewHolder(View convertView) {
tvRightHeader = (TextView) convertView.findViewById(R.id.tv_right_head);
}
}
class BodyViewHolder{

private TextView tvRightBody;
public BodyViewHolder(View view) {
tvRightBody = (TextView) view.findViewById(R.id.tv_right_body);
}
}
}

6, 右边StickyListView item布局

   头布局 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
android:id="@+id/tv_right_head"/>

</LinearLayout>

 下方布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tv_right_body"
android:text="内容"/>

</LinearLayout>