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

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

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

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

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

[html]view plain copy
public class MainActivity extends Activity {  
    private ListView titleList, conList;  
    private List<String> list = new ArrayList<String>();  
    private Map<String, List<String>> map = new HashMap<String, List<String>>();  
    private ContAdapter adapter2;  
    private ImageView point;  
    public static int POSITION=0;  
    private ListtitleAdapter adapter;  
    private boolean flag=false;  
    private int CURRENTID=0;  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        titleList = (ListView) findViewById(R.id.title);  
        conList = (ListView) findViewById(R.id.content);  
        for (int i = 0; i < 8; ++i) {  
            list.add(i + "");  
        }  
         adapter = new ListtitleAdapter(this, list);  
        titleList.setAdapter(adapter);  
        for (int k = 0; k < 8; k++) {  
            List<String> list = new ArrayList<String>();  
            for (int j = 0; j < 8; j++) {  
                list.add("第"+k+"组"+"第" + j+ "个");  
            }  
            map.put(String.valueOf(k), list);  
        }  
        adapter2 = new ContAdapter(MainActivity.this, map);  
        conList.setAdapter(adapter2);  
        adapter2.notifyDataSetChanged();  
        conList.setOnScrollListener(new OnScrollListener() {  
            @Override  
            public void onScrollStateChanged(AbsListView view, int scrollState) {  
                // TODO Auto-generated method stub  
                  
            }  
              
            @Override  
            public void onScroll(AbsListView view, int firstVisibleItem,  
                    int visibleItemCount, int totalItemCount) {  
                if(firstVisibleItem!=CURRENTID){  
                    CURRENTID=firstVisibleItem;  
                    if(CURRENTID!=POSITION)  
                    POSITION=CURRENTID;  
                    adapter.notifyDataSetChanged();  
                }  
            }  
        });  
          
        titleList.setOnItemClickListener(new OnItemClickListener() {  
            @Override  
            public void onItemClick(AdapterView<?> parent, View view,  
                    int position, long id) {  
                POSITION=position;  
                adapter.notifyDataSetChanged();  
                adapter2.notifyDataSetChanged();  
                conList.setSelection(position);  
                conList.smoothScrollToPositionFromTop(position, 0, 100);  
            }  
        });  
    }  
}  

布局代码：

[html]view plain copy
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="horizontal"  
    tools:context="com.example.listdemo.MainActivity" >  
    <ListView  
        android:id="@+id/title"  
        android:layout_width="0dp"  
        android:layout_height="match_parent"  
        android:layout_weight="1"  
        android:scrollbars="none" >  
    </ListView>  
    <View android:layout_width="1dp"  
        android:background="@android:color/black"  
        android:layout_height="match_parent"/>  
    <ListView  
        android:id="@+id/content"  
        android:layout_width="0dp"  
        android:layout_height="match_parent"  
        android:layout_weight="3"  
        android:scrollbars="none" >  
    </ListView>  
</LinearLayout>  

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

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

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

相关推荐