最近项目中遇到多层列表展示的问题,并且要使子列和父列处在一个页面中,最初考虑的是Viewpager+listview这种方式实现,考虑过后,这样存在二个问题,一个是焦点问题,横纵滑动,会造成焦点冲突,需要进行设置监听。还有一个问题是易操作性,这种操作的方式个人觉得稍微复杂,不够高效。看到网上有人建议使用Scorllview+addview的方式来实现,觉得这个建议挺好,所以就使用了该建议,效果还可以,所以整理了一个简单的demo来分享一下,只为分享,大牛不许嘲笑。
使用场景:页面中展示三个列表,分别为Lv1,Lv2,Lv3,点击Lv1,加载Lv2,点击Lv2,加载Lv3,当点击Lv2的时候Lv1左移,lv3显示,且页面自动滑动到Lv2,效果确定子列表与父列表处于同一页面。(列表设置宽度为屏幕宽度一半)。 demo中是死数据,使用中,数据可以根据情况动态添加。
代码:
1.布局代码
activity_main中添加控件:
<HorizontalScrollView
android:id="@+id/hsv1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLayout
android:id="@+id/ll1"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:orientation="horizontal" >
</LinearLayout>
</HorizontalScrollView>
三个列表页面:很简单每个页面添加listview
<ListView
android:id="@+id/lv3"
android:layout_width="wrap_content"
android:layout_height="fill_parent" >
</ListView>
主Mainactivity.class
private int width;
private HorizontalScrollView mHs_view;
private LinearLayout mLl_view;
private static final String[] strs = new String[] { "一", "二", "三", "四", "五" };
private static final String[] strs2 = new String[] { "1", "2", "3", "4", "5" };
private static final String[] strs3 = new String[] { "one", "two", "three", "four", "five" };
private int page = 1;
private View view2;
private View view1;
private View view3;
private ListView lv1;
private ListView lv2;
private ListView lv3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mHs_view = (HorizontalScrollView) findViewById(R.id.hsv1);
mLl_view = (LinearLayout) findViewById(R.id.ll1);
WindowManager wm = this.getWindowManager();
width = wm.getDefaultDisplay().getWidth() / 2;
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(width, LinearLayout.LayoutParams.FILL_PARENT);
LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
view1 = inflater.inflate(R.layout.act_listview1, null, false);
lv1 = (ListView) view1.findViewById(R.id.lv1);
view2 = inflater.inflate(R.layout.act_listview2, null, false);
lv2 = (ListView) view2.findViewById(R.id.lv2);
view3 = inflater.inflate(R.layout.act_listview3, null, false);
lv3 = (ListView) view3.findViewById(R.id.lv3);
lv1.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, strs));
view1.setLayoutParams(params);
lv2.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, strs2));
view2.setLayoutParams(params);
lv3.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, strs3));
view3.setLayoutParams(params);
mLl_view.addView(view1);
setListetner();
}
private void setListetner() {
lv1.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
page = 2;
changeView();
}
});
lv2.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
page = 3;
changeView();
}
});
}
@Override
protected void onResume() {
super.onResume();
mHs_view.post(new Runnable() {
@Override
public void run() {
mHs_view.scrollTo(width, 0);
}
});
}
private void changeView() {
if (page == 2) {
if (mLl_view.getChildCount() == 1) {
mLl_view.addView(view2);
}
} else if (page == 3) {
Log.i("yxy", String.valueOf(mLl_view.getChildCount()));
if (mLl_view.getChildCount() != 3) {
mLl_view.addView(view3);
onResume();
}
}
}
说明:代码中是简单的demo,实际开发中,列表数据均为动态获取添加,其中关键的是onResume方法,当点击第二层的时候,调用onresume方法可以实现页面的更新,更新效果就是页面动态滑动到列表二的位置。
Github:https://github.com/yanxiaoyangyxy/HSListview.git
实现简单截图: