第一次写经验不够,也是大量的搜集各种资料,各种代码,一下就是本人经过尝试的,亲测可行。
布局呢就是左边一个ListView(mLiftListView
),右边一个LIstView(mRightListView
).
效果就简单一说不在这里贴图了:
左边的ListView实现点击效果,并且右边的可以调到相应的位置
右边的ListView实现欢动效果,并且当滑到左边相对应的内容时,左边实现跳到相对应的位置。
以下仅仅是点击事件的代码。
!!!注意:每次数据源更新的时候 一定要刷新适配器
mLiftListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
selectIndex=position;
mRightListView.setSelection(position);
mLiftListAdapter.setItemPossition(position);
mLiftListAdapter.notifyDataSetInvalidated();
}
});
mRightListView.setOnScrollListener(new AbsListView.OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
switch (scrollState){
case SCROLL_STATE_FLING://滚动
mLiftListView.setSelection(selectIndex);
mLiftListAdapter.setItemPossition(selectIndex);
mLiftListAdapter.notifyDataSetChanged();
break;
case SCROLL_STATE_IDLE://停止
mLiftListView.setSelection(selectIndex);
mLiftListAdapter.setItemPossition(selectIndex);
mLiftListAdapter.notifyDataSetChanged();
break;
case SCROLL_STATE_TOUCH_SCROLL://开始滚动
mLiftListView.setSelection(selectIndex);
mLiftListAdapter.setItemPossition(selectIndex);
mLiftListAdapter.notifyDataSetChanged();
break;
}
}
//参数二为第一个可见的数的id
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
selectIndex=firstVisibleItem;
}
});
附上左边ListView适配器的相应代码
//标志位 Item中选择时的字体颜色变化
private int isItem=0;
public void setItemPossition(int itemPossition) {
isItem = itemPossition;
}
if (position==isItem) {
viewHolder.name.setSelected(true);
viewHolder.name.setPressed(true);
viewHolder.name.setTextColor(Color.RED);
viewHolder.icon.setVisibility(View.VISIBLE);
}else {
viewHolder.name.setSelected(false);
viewHolder.name.setPressed(false);
viewHolder.name.setTextColor(Color.BLACK);
viewHolder.icon.setVisibility(View.GONE);
}