android 商城左边菜单，右边联动

项目的需要，类似于大多数商城一样的左菜单，右内容的。实现左右联动的效果。在网上也找了些Demo 但是效果都不理想，所以就自己手动写了一个，虽然也没有太多的技术含量，但是效果还是不错的。

     实现的原理就是两个Listview 进行绑定。根据滑动的位置进行相应的左右联动。直接上效果图：

   

下面是核心代码MainActicity,主要是使用了ListViewde的滑动监听 setOnScrollListener和ListView的滑动跳转方法： setSelection（）和 smoothScrollToPositionFromTop（）

[html]  view plain  copy

1. public class MainActivity extends Activity {  
2.     private ListView titleList, conList;  
3.     private List<String> list = new ArrayList<String>();  
4.     private Map<String, List<String>> map = new HashMap<String, List<String>>();  
5.     private ContAdapter adapter2;  
6.     private ImageView point;  
7.     public static int POSITION=0;  
8.     private ListtitleAdapter adapter;  
9.     private boolean flag=false;  
10.     private int CURRENTID=0;  
11.     @Override  
12.     protected void onCreate(Bundle savedInstanceState) {  
13.         super.onCreate(savedInstanceState);  
14.         setContentView(R.layout.activity_main);  
15.         titleList = (ListView) findViewById(R.id.title);  
16.         conList = (ListView) findViewById(R.id.content);  
17.         for (int i = 0; i < 8; ++i) {  
18.             list.add(i + "");  
19.         }  
20.          adapter = new ListtitleAdapter(this, list);  
21.         titleList.setAdapter(adapter);  
22.         for (int k = 0; k < 8; k++) {  
23.             List<String> list = new ArrayList<String>();  
24.             for (int j = 0; j < 8; j++) {  
25.                 list.add("第"+k+"组"+"第" + j+ "个");  
26.             }  
27.             map.put(String.valueOf(k), list);  
28.         }  
29.         adapter2 = new ContAdapter(MainActivity.this, map);  
30.         conList.setAdapter(adapter2);  
31.         adapter2.notifyDataSetChanged();  
32.         conList.setOnScrollListener(new OnScrollListener() {  
33.             @Override  
34.             public void onScrollStateChanged(AbsListView view, int scrollState) {  
35.                 // TODO Auto-generated method stub  
36.                   
37.             }  
38.               
39.             @Override  
40.             public void onScroll(AbsListView view, int firstVisibleItem,  
41.                     int visibleItemCount, int totalItemCount) {  
42.                 if(firstVisibleItem!=CURRENTID){  
43.                     CURRENTID=firstVisibleItem;  
44.                     if(CURRENTID!=POSITION)  
45.                     POSITION=CURRENTID;  
46.                     adapter.notifyDataSetChanged();  
47.                 }  
48.             }  
49.         });  
50.           
51.         titleList.setOnItemClickListener(new OnItemClickListener() {  
52.             @Override  
53.             public void onItemClick(AdapterView<?> parent, View view,  
54.                     int position, long id) {  
55.                 POSITION=position;  
56.                 adapter.notifyDataSetChanged();  
57.                 adapter2.notifyDataSetChanged();  
58.                 conList.setSelection(position);  
59.                 conList.smoothScrollToPositionFromTop(position, 0, 100);  
60.             }  
61.         });  
62.     }  
63. }  

布局代码：

[html]  view plain  copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="horizontal"  
6.     tools:context="com.example.listdemo.MainActivity" >  
7.     <ListView  
8.         android:id="@+id/title"  
9.         android:layout_width="0dp"  
10.         android:layout_height="match_parent"  
11.         android:layout_weight="1"  
12.         android:scrollbars="none" >  
13.     </ListView>  
14.     <View android:layout_width="1dp"  
15.         android:background="@android:color/black"  
16.         android:layout_height="match_parent"/>  
17.     <ListView  
18.         android:id="@+id/content"  
19.         android:layout_width="0dp"  
20.         android:layout_height="match_parent"  
21.         android:layout_weight="3"  
22.         android:scrollbars="none" >  
23.     </ListView>  
24. </LinearLayout>  

内容的填充就是自定义的BaseAdapter ,右边的内容区就是两个Adapter的嵌套

下面是Demo 的链接: 点击打开链接