android二级listview列表实现代码(高仿大众点评)

最新推荐文章于 2020-04-14 14:04:36 发布
最新推荐文章于 2020-04-14 14:04:36 发布
阅读量1.5k 收藏 4
点赞数
分类专栏： Android 自定义组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouzhiwengang/article/details/18764165
版权


今天来实现以下大众点评客户端的横向listview二级列表，先看一下样式。

 

这种横向的listview二级列表在手机软件上还不太常见，但是使用过平板的都应该知道，在平板上市比较常见的。可能是因为平板屏幕比较大，而且也能展现更多的内容。
下面来看一下我的实现步骤。
首先自定义一个listview，代码如下： 

public class MyListView extends ListView implements Runnable { 
private float mLastDownY = 0f; 
private int mDistance = 0; 
private int mStep = 10; 
private boolean mPositive = false; 
public MyListView (Context context, AttributeSet attrs) { 
super(context, attrs); 
} 
public MyListView (Context context, AttributeSet attrs, int defStyle) { 
super(context, attrs, defStyle); 
} 
public MyListView (Context context) { 
super(context); 
} 
@Override 
public boolean onTouchEvent(MotionEvent event) { 
switch (event.getAction()) { 
case MotionEvent.ACTION_DOWN: 
if (mLastDownY == 0f && mDistance == 0) { 
mLastDownY = event.getY(); 
return true; 
} 
break; 
case MotionEvent.ACTION_CANCEL: 
break; 
case MotionEvent.ACTION_UP: 
if (mDistance != 0) { 
mStep = 1; 
mPositive = (mDistance >= 0); 
this.post(this); 
return true; 
} 
mLastDownY = 0f; 
mDistance = 0; 
break; 
case MotionEvent.ACTION_MOVE: 
if (mLastDownY != 0f) { 
mDistance = (int) (mLastDownY - event.getY()); 
if ((mDistance < 0 && getFirstVisiblePosition() == 0 && getChildAt(0).getTop() == 0) || (mDistance > 0 && getLastVisiblePosition() == getCount() - 1)) { 
mDistance /= 2; 
scrollTo(0, mDistance); 
return true; 
} 
} 
mDistance = 0; 
break; 
} 
return super.onTouchEvent(event); 
} 
public void run() { 
mDistance += mDistance > 0 ? -mStep : mStep; 
scrollTo(0, mDistance); 
if ((mPositive && mDistance <= 0) || (!mPositive && mDistance >= 0)) { 
scrollTo(0, 0); 
mDistance = 0; 
mLastDownY = 0f; 
return; 
} 
mStep += 1; 
this.postDelayed(this, 10); 
} 
}


然后看一下xml的布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:orientation="horizontal" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" > 
<com.example.multilistview.MyListView 
android:id="@+id/listView" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_weight="1" 
android:choiceMode="singleChoice" 
android:scrollbars="none" 
android:divider="@drawable/listitem_divide" 
android:listSelector="#00000000" 
android:background="#e4e3de" 
> 
</com.example.multilistview.MyListView> 

<com.example.multilistview.MyListView 
android:id="@+id/subListView" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_weight="1" 
android:background="#e4e3de" 
> 

</com.example.multilistview.MyListView> 
</LinearLayout>


两个自定义的listview 横向布局，然后是父listview的适配器 

public class MyAdapter extends BaseAdapter { 
Context context; 
LayoutInflater inflater; 
String [] foods; 
int last_item; 
int [] images; 
private int selectedPosition = -1; 
public MyAdapter(Context context,String [] foods,int[] images){ 
this.context = context; 
this.foods = foods; 
this.images = images; 
inflater=LayoutInflater.from(context); 
} 

@Override 
public int getCount() { 
// TODO Auto-generated method stub 
return foods.length; 
} 
@Override 
public Object getItem(int position) { 
// TODO Auto-generated method stub 
return position; 
} 
@Override 
public long getItemId(int position) { 
// TODO Auto-generated method stub 
return position; 
} 
@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
// TODO Auto-generated method stub 
ViewHolder holder = null; 
if(convertView==null){ 
convertView = inflater.inflate(R.layout.mylist_item, null); 
holder = new ViewHolder(); 
holder.textView =(TextView)convertView.findViewById(R.id.textview); 
holder.imageView =(ImageView)convertView.findViewById(R.id.imageview); 
holder.layout=(LinearLayout)convertView.findViewById(R.id.colorlayout); 
convertView.setTag(holder); 
} 
else{ 
holder=(ViewHolder)convertView.getTag(); 
} 
// 设置选中效果 
if(selectedPosition == position) 
{ 
holder.textView.setTextColor(Color.BLUE); 

holder.layout.setBackgroundColor(Color.LTGRAY); 
} else { 
holder.textView.setTextColor(Color.WHITE); 
holder.layout.setBackgroundColor(Color.TRANSPARENT); 
} 

holder.textView.setText(foods[position]); 
holder.textView.setTextColor(Color.BLACK); 
holder.imageView.setBackgroundResource(images[position]); 

return convertView; 
} 
public static class ViewHolder{ 
public TextView textView; 
public ImageView imageView; 
public LinearLayout layout; 
} 
public void setSelectedPosition(int position) { 
selectedPosition = position; 
} 
}


对应的 item布局： 

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/colorlayout" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" > 
<ImageView 
android:id="@+id/imageview" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_marginLeft="10dip" 
android:layout_marginTop="5dip" 
/> 
<TextView 
android:id="@+id/textview" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="" 
android:textSize="16dip" 
android:layout_marginTop="8dip" 
android:layout_marginLeft="8dip" 
android:layout_marginBottom="8dip"/> 
<!-- android:background="@drawable/selector" 自定义listview 样式--> 
</LinearLayout>


然后是子适配器代码：

public class SubAdapter extends BaseAdapter { 

Context context; 
LayoutInflater layoutInflater; 
String[][] cities; 
public int foodpoition; 
public SubAdapter(Context context, String[][] cities,int position) { 
this.context = context; 
this.cities = cities; 
layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
this.foodpoition = position; 
} 
@Override 
public int getCount() { 
// TODO Auto-generated method stub 
return cities.length; 
} 
@Override 
public Object getItem(int position) { 
// TODO Auto-generated method stub 
return getItem(position); 
} 
@Override 
public long getItemId(int position) { 
// TODO Auto-generated method stub 
return position; 
} 
@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
// TODO Auto-generated method stub 
ViewHolder viewHolder = null; 
final int location=position; 
if (convertView == null) { 
convertView = layoutInflater.inflate(R.layout.sublist_item, null); 
viewHolder = new ViewHolder(); 
viewHolder.textView = (TextView) convertView 
.findViewById(R.id.textview1); 
convertView.setTag(viewHolder); 
} else { 
viewHolder = (ViewHolder) convertView.getTag(); 
} 
viewHolder.textView.setText(cities[foodpoition][position]); 
viewHolder.textView.setTextColor(Color.BLACK); 

return convertView; 
} 
public static class ViewHolder { 
public TextView textView; 
} 
}


对应的xml布局： 

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
> 
<TextView 
android:id="@+id/textview1" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="aaaaa" 
android:textSize="16dip" 
android:layout_marginTop="10dip" 
android:layout_marginLeft="8dip" 
android:layout_marginBottom="8dip"/> 
</LinearLayout>

最后看下主activity的实现代码 
public class MainActivity extends Activity { 
private MyListView listView; 
private MyListView subListView; 
private MyAdapter myAdapter; 
private SubAdapter subAdapter; 

String cities[][] = new String[][] { 
new String[] {"全部美食", "本帮江浙菜", "川菜", "粤菜", "湘菜","东北菜","台湾菜","新疆/清真","素菜","火锅","自助餐","小吃快餐","日本","韩国料理", 
"东南亚菜","西餐","面包甜点","其他"}, 
new String[] {"全部休闲娱乐","咖啡厅","酒吧","茶馆","KTV","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏","更多休闲娱乐"}, 
new String[] {"全部购物", "综合商场", "服饰鞋包", "运动户外","珠宝饰品","化妆品","数码家电","亲子购物","家居建材" 
,"书店","书店","眼镜店","特色集市","更多购物场所","食品茶酒","超市/便利店","药店"}, 
new String[] {"全部休闲娱乐","咖啡厅","酒吧","茶馆","KTV","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏","更多休闲娱乐"}, 
new String[] {"全","咖啡厅","酒吧","茶馆","KTV","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏","更多休闲娱乐"}, 
new String[] {"全部","咖啡厅","酒吧","茶馆","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏","更多休闲娱乐"}, 
new String[] {"全部休","咖啡厅","酒吧","茶馆","KTV","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏","更多休闲娱乐"}, 
new String[] {"全部休闲","咖啡厅","酒吧","茶馆","KTV","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏","更多休闲娱乐"}, 
new String[] {"全部休闲娱","咖啡厅","酒吧","茶馆","KTV","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏"}, 
new String[] {"全部休闲娱乐","咖啡厅","酒吧","茶馆","KTV","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏","更多休闲娱乐"}, 
new String[] {"全部休闲aaa","咖啡厅","酒吧","茶馆","KTV","电影院","游乐游艺","公园","景点/郊游","洗浴","足浴按摩","文化艺术", 
"DIY手工坊","桌球馆","桌面游戏"}, 
}; 
String foods[] =new String []{"全部频道","美食","休闲娱乐","购物","酒店","丽人","运动健身","结婚","亲子","爱车","生活服务"}; 
int images[] = new int[]{R.drawable.ic_category_0,R.drawable.ic_category_10,R.drawable.ic_category_30,R.drawable.ic_category_20 
,R.drawable.ic_category_60,R.drawable.ic_category_50,R.drawable.ic_category_45,R.drawable.ic_category_50,R.drawable.ic_category_70, 
R.drawable.ic_category_65,R.drawable.ic_category_80}; 

@Override 
public void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
init(); 
myAdapter=new MyAdapter(getApplicationContext(), foods, images); 
listView.setAdapter(myAdapter); 
selectDefult(); 
listView.setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick(AdapterView<?> arg0, View arg1, int position, 
long arg3) { 
// TODO Auto-generated method stub 
final int location=position; 
myAdapter.setSelectedPosition(position); 
myAdapter.notifyDataSetInvalidated(); 
subAdapter=new SubAdapter(getApplicationContext(), cities, position); 
subListView.setAdapter(subAdapter); 
subListView.setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick(AdapterView<?> arg0, View arg1, 
int position, long arg3) { 
// TODO Auto-generated method stub 
Toast.makeText(getApplicationContext(), cities[location][position], Toast.LENGTH_SHORT).show(); 
} 
}); 
} 
}); 
} 
private void init(){ 
listView=(MyListView) findViewById(R.id.listView); 
subListView=(MyListView) findViewById(R.id.subListView); 
} 
private void selectDefult(){ 
final int location=0; 
myAdapter.setSelectedPosition(0); 
myAdapter.notifyDataSetInvalidated(); 
subAdapter=new SubAdapter(getApplicationContext(), cities, 0); 
subListView.setAdapter(subAdapter); 
subListView.setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick(AdapterView<?> arg0, View arg1, 
int position, long arg3) { 
// TODO Auto-generated method stub 
Toast.makeText(getApplicationContext(), cities[location][position], Toast.LENGTH_SHORT).show(); 
} 
}); 
} 
}
默认我选中了第0个，下面看一下运行效果：

在奋斗的大道
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android优化版ListView(附源代码)
https://blog.csdn.net/qFAFAF
11-28 368
（4）然后就是比较难理解的Java自定义Adapter类的编写，话不多说，注释已经很详细了，这个类主要是把数据和ListView连接起来，在主函数中调用此类，最重要的就是getView()方法，灵活度高。//定义数据//定义上下文//定义xml布局文件（也可以直接设置，此处是为了通用度高）//让主函数传参过来（数据，上下文，xml布局文件）}//下面三个重写函数基本不变@Override}@Override}@Override}
Android代码-可能是目前最快的列表框架
08-06
This library uses annotation processor to help you generate data-view-binding adapters for android list views (such as the RecyclerView). Why built it In fact, it abstracts the adapter as a type matcher for data and item-view. It can display different item-views based on a list of multi-type data. There are already some libraries doing this kind of thing. Such as MultiType, ItemPool (Ancestor of this library). But however, they all have some deficiencies. Inefficient type matching, inconvenient
Android软件列表
04-22
Android软件列表 详细介绍： http://blog.csdn.net/manymore13/article/details/8835753
仿大众点评listview多级列表
12-28
仿大众点评listview多级列表
二级列表ListView
08-26
一个简单的二级列表分享给大家，很简单，相信你可以看懂
android二级listview列表实现代码
09-05
本文将详细讲解如何实现一个类似大众点评客户端的横向二级ListView。 首先，我们要明白这种横向列表指的是主列表中的每个条目展开后显示为一个横向的子列表。在Android中，我们可以自定义一个ListView来实现这一...
android 二级分类列表 listview
03-17
在本场景中，我们关注的是如何实现一个基于ListView的二级分类列表。ListView作为Android中的一个基础组件，是展示大量数据的有效方式，它可以进行滚动优化，减少内存消耗。 首先，我们需要理解ListView的基本原理...
Android开发丶二级列表的联动功能实现
09-07
在Android应用开发中，二...总的来说，实现Android中的二级列表联动功能需要对ListView或RecyclerView有深入的理解，掌握事件监听、数据交互以及布局管理。通过实践和学习，开发者可以打造出更加流畅、易用的用户界面。
Android二级分类列表ListView GirdView
03-18
本篇文章将深入探讨如何实现一个二级分类列表，结合ListView和GridView来创建一个高效的用户界面。 首先，`ListView`是Android中用来展示长列表的控件，它可以动态加载数据，提高性能。在二级分类列表中，ListView...
Android代码-Android列表视图实现
08-07
android-swipelistview An Android List View implementation with support for drawable cells and many other swipe related features. Introduction Download Maven Dependency APKLib and others Dependencies XML Usage Introduction SwipeListView was born out of the need to add swipe gestures to ListView on Android for @ 47 Degrees Clients. Contributions and constructive feedback are welcome. Download Maven Dependency SwipeListView may be automatically imported into your project if you already use M
安卓列表使用demo
11-12
安卓开发中的listview样例，下载之后可以直接运行，平台是Android studio
自制Android列表Listview
10-10
Android自定义列表ListView的使用 每项列表内容包含 图片ImageView + 图片名TextView + 复选框Checkbox 另外：复选框效果自定义
ListView多级子菜单的实现
枫
08-09 3640
在网上看了很多关于多级子菜单的实现方式，有自定义ListView实现的，还有一些使用的PopWindow实现的，总得来说可能对于刚刚上手Android开发的人来说可能看这些有些不明白，下面我将使用传统的方式来实现（两个ListView结合使用），对于这种方式，可能在代码量上比较多，但是个人认为还是比较基础的，还有就是我的代码没有进行重构，可能很多代码都是冗余的，所以希望看官们见谅哈。。。。。。
android二级listview列表
www.v5qq.com的技术博客
12-28 284
今天来实现以下大众点评客户端的横向listview二级列表，先看一下样式。 这种横向的listview二级列表在手机软件上还不太常见，但是使用过平板的都应该知道，在平板上市比较常见的。可能是因为平板屏幕比较大，而且也能展现更多的内容。 下面来看一下我的实现步骤。 首先自定义一个listview，代码如下： public class MyListView extends ListView...
Android_ExpandableListView_一个ListView实现二级列表
Ricky‘s Home
10-09 4915
主要注意使用 ExpandableListView 和  ExpandableListAdapter  Android给我们提供了ExpandableListView类，极大的方便了我们开发二级分类。顾名思义，ExpandableListView是ListView的子类。它在普通的ListView的基础上进行了拓展，它把应用中的列表分为几组，每组又包含多个列表项。 ExpandableList
代码实现List下载列表（安卓自定义控件，List列表）
scimence的专栏
08-27 2050
自定义下载列表 点击跳转指定网址 package com.example.listfordownload2; import android.app.Activity; import android.os.Bundle; public class MainActivity extends Activity { @Override protected void...
Android RecyclerView多样式列表实践指南
DeMonnnnnn
04-14 4944
前言 在日常的开发中我们经常会在一个列表数据中展示多种样式。 比如一个新闻列表，顶部是一个焦点Banner，然后是展示文章列表，文章中间可能插入某个图片广告，底部是一个加载更多/没有更多数据的加载状态视图。 自定义ViewType实现 熟悉RecyclerView的都知道，我们可以通过设置列表每个位置对应的viewType来加载指定的View，这也是所有多类型列表框架的基本实现原理。 适用于数据...
Android图文列表实现(ListView)
热门推荐
mie haha
07-16 1万+
【mie haha的博客】转载请注明出处（万分感谢！）： Android中xml和java相结合。 xml用来进行不复杂的布局，java用来描述功能或进行稍复杂的布局(布局可替代xml，只是xml更方便) 举例ListView实现简单图文列表： 效果(只看张明李明李明部分)： 一个列表的一个单元中显示了1个图片，2段文字，这不能用ListView中的set方法直接设置，需要为它用一个xml文件专门...
android 仿大众点评城市列表
u012154847的专栏
09-23 2593
今天观察了一下大众点评的城市列表，发现他是用一个listview实现的，有没有大侠知道怎么实现的啊。急！！！如何在一个listview上面家gps定位城市，热门城市，全部城市？？？
Android中使用listview实现列表 请写出代码
最新发布
05-30
好的，以下是一个简单的使用ListView实现列表的Android代码示例： 1. 在布局文件中添加ListView控件： ```xml <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值