Android 横向二级ListView列表

最新推荐文章于 2024-05-24 16:17:42 发布
最新推荐文章于 2024-05-24 16:17:42 发布
阅读量1.9k 收藏
点赞数
分类专栏： 自学之路—Android

今天来实现以下大众点评客户端的横向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个，下面看一下运行效果：



     代码下载地址：点击打开链接

转自：http://blog.csdn.net/wangkuifeng0118/article/details/8446661

花前月下的细说
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 自定义HorizontalScrollView实现二级菜单
niniwo_niwo的博客
12-25 502
HorizontalScrollView
Android Kotlin实现ExpandableListView二级列表
cc
08-17 1010
代码】Android Kotlin实现ExpandableListView二级列表。
【Android】RecyclerView实现表格上下左右、横向纵向双向滑动效果
最新发布
full courage的博客
05-24 944
Android屏幕显示范围有限，在数据可视化需求中经常要使用这样的表格：横向纵向都能滑动，左侧栏目固定，右边可以整体上下左右滑动。例如股票、证券、课程表、值日表、Excel等等 主要就是分为 标题 和 内容 两部分，其中内容部分一般都是嵌套RecyclerView，使得标题和内容左右横向滑动时是一起滑动的，且不能错位。
android 开发 RecyclerView 横排列列表布局
weixin_30314631的博客
05-03 1803
android 开发 RecyclerView 横排列列表布局 1.写一个一竖的自定义布局：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:an...
android横向列表控件,【Android】13.0 UI开发（四）——列表控件RecyclerView的横向布局排列实现...
weixin_39989949的博客
05-26 412
1.0 新建项目，由于ListView的局限性，RecyclerView是一种很好取代ListView的控件，可以灵活实现多种布局。2.0 新建项目RecyclerviewTest，目录如下：image3.0 这里需要在app/build.gradle中配置，导入依赖包：dependencies{implementationfileTree(dir:'libs',include:['*....
AndroidListView 二级联动
sinat_36523013的博客
11-14 401
整体的思路: 左边一个listview 右边一个带头StickyListviewHeaders  水平排列 所以在activity_main中 将orientation 设置为horizontal 根据权重进行分布 首先将StickyListHeaders 包导入 XML布局  1, Activity_main xml version="1.0" encoding="utf-8
android二级listview列表实现代码
09-05
本文将详细讲解如何实现一个类似大众点评客户端的横向二级ListView。 首先，我们要明白这种横向列表指的是主列表中的每个条目展开后显示为一个横向的子列表。在Android中，我们可以自定义一个ListView来实现这一...
Android横向列表，横向listview实现
09-30
在Android开发中，有时我们需要创建一种特殊的列表，它不仅能够垂直滚动，还能水平滑动，这就是所谓的“横向ListView”。这个概念通常与RecyclerView结合使用，因为RecyclerView是Android API 21及更高版本中推荐的...
Android实现横向二级菜单
09-02
总结来说，实现Android的横向二级菜单涉及的关键技术包括自定义布局、LayoutInflater、ToggleButtons、ListView、PopWindow以及事件监听。理解这些组件的工作原理以及它们之间的交互，对于开发者来说至关重要。通过...
Android实现二级列表展示
weixin_43117800的博客
06-28 2890
1：显示布局文件 <ExpandableListView android:id="@+id/expandablelistview" android:layout_width="match_parent" android:layout_height="match_parent"/> 2：activity中主要代码 //获取适配器 CourseMenuAdapter courseMenuAdapter = new CourseMenuAdapt.
Android——SlidingMenu学习总结
wuseyukui的专栏
06-03 1133
来源 SlidingMenu是github上比较火开源库，非常强大，不但可是简单的设置实现两侧滑动菜单，还可以设置菜单的阴影、渐变色、划动模式等。 下载地址：https://github.com/jfeinstein10/SlidingMenu 如何使用 要想能够实现SlidingMenu的效果，首先必须要将它作为libary导入到你的工程。 注意：slidingMenu_lib
双listview 二级列表 省市选择
08-08
自带全国省市xml，强大双listview，封装啦解析xml的类，两个listview 用map<String,String[]> 来实现交互
android实现listView多级菜单
04-04
android实现listView多级菜单
Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)
08-30
RecyclerView出现已经有一段时间了，相信大家肯定不陌生了，下面这篇文章主要给大家介绍了Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)的相关资料，文中介绍的非常详细，需要的朋友可以参考下。
实现二级列表双listview省市选择
远方的行者
08-08 1273
实现的效果图如下 其中 难点在于 xml 的解析，以及两个listview 的交互 解析xml public class XmlParserHandler extends DefaultHandler { /** * 存储所有的解析对象 */ private List provinceList = new ArrayList();
Android_ExpandableListView_一个ListView实现二级列表
Ricky‘s Home
10-09 4915
主要注意使用 ExpandableListView 和  ExpandableListAdapter  Android给我们提供了ExpandableListView类，极大的方便了我们开发二级分类。顾名思义，ExpandableListView是ListView的子类。它在普通的ListView的基础上进行了拓展，它把应用中的列表分为几组，每组又包含多个列表项。 ExpandableList
android ListView显示和隐藏二级内容
chadeltu的专栏
01-19 3514
android开发中，有时候发现ListView每一项内容比较多，展现全部内容会影响美观，且整个手机屏显示不了几条记录。这时需要筛选重点内容进行显示，而其他内容隐藏起来，当用户点击感兴趣的记录时才显示其他相对次要或详细信息。本文将介绍一种实现上述功能点的listview使用样例，希望有所帮助！
android(1) listView二级目录选中效果
u010708662的专栏
05-19 1735
android listView实现二级目录选中效果
Android ListView二级列表demo
06-02
好的，以下是一个简单的 Android ListView 二级列表的示例代码： 首先，在布局文件中，我们需要使用两个 ListView 组件，一个用于显示一级列表，一个用于显示二级列表。示例代码如下： ``` android:layout_width...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值