Android：横行滚动且隔行变色的ListView控件

最新推荐文章于 2022-04-17 16:13:14 发布
最新推荐文章于 2022-04-17 16:13:14 发布
阅读量2.6k 收藏 1
点赞数 1
分类专栏： Android 文章标签： android listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/doris_d/article/details/46379479
版权

效果图

hv_listview

代码

hv_listview_item.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"
    android:orientation="horizontal" >

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/hv_listview_item_column1"
            android:layout_width="120dp"
            android:layout_height="50dp"
            android:gravity="center_vertical|left"
            android:paddingLeft="2dp"
            android:textColor="@color/black"
            android:text = "不动列头1"
            android:textSize="16sp" />

        <View
            android:layout_width="0.5px"
            android:layout_height="fill_parent"
            android:background="@color/darkgray"
            android:visibility="visible" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/hv_listview_item_head"
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/hv_listview_item_column2"
            android:layout_width="120dp"
            android:layout_height="50dp"
            android:gravity="center_vertical|left"
            android:paddingLeft="2dp"
            android:textColor="@color/black"
            android:text = "不动列头2"
            android:singleLine="true"
            android:textSize="16sp" />

        <View
            android:layout_width="0.5px"
            android:layout_height="fill_parent"
            android:background="@color/darkgray"
            android:visibility="visible" />

        <TextView
            android:id="@+id/hv_listview_item_column3"
            android:layout_width="120dp"
            android:layout_height="50dp"
            android:gravity="center_vertical|left"
            android:paddingLeft="2dp"
            android:textColor="@color/black"
            android:text = "不动列头3"
            android:singleLine="true"
            android:textSize="16sp" />

        <View
            android:layout_width="0.5px"
            android:layout_height="fill_parent"
            android:background="@color/darkgray"
            android:visibility="visible" />

        <TextView
            android:id="@+id/hv_listview_item_column4"
            android:layout_width="120dp"
            android:layout_height="50dp"
            android:gravity="center_vertical|left"
            android:paddingLeft="2dp"
            android:textColor="@color/black"
            android:text = "不动列头4"
            android:singleLine="true"
            android:textSize="16sp" />

        <View
            android:layout_width="0.5px"
            android:layout_height="fill_parent"
            android:background="@color/darkgray"
            android:visibility="visible" />

        <TextView
            android:id="@+id/hv_listview_item_column5"
            android:layout_width="120dp"
            android:layout_height="50dp"
            android:gravity="center_vertical|left"
            android:paddingLeft="2dp"
            android:textColor="@color/black"
            android:text = "不动列头5"
            android:singleLine="true"
            android:textSize="16sp" />

        <View
            android:layout_width="0.5px"
            android:layout_height="fill_parent"
            android:background="@color/darkgray"
            android:visibility="visible" />

        <TextView
            android:id="@+id/hv_listview_item_column6"
            android:layout_width="120dp"
            android:layout_height="50dp"
            android:gravity="center_vertical|left"
            android:paddingLeft="2dp"
            android:textColor="@color/black"
            android:text = "不动列头6"
            android:singleLine="true"
            android:textSize="16sp" />

    </LinearLayout>

</LinearLayout>

hv_listview_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="@color/lightblue"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">
    <include layout="@layout/hv_listview_item" />
    <HvListView
        android:id="@+id/hv_listview"
        android:background="@color/ivory"
        android:layout_width="720dp"
        android:layout_height="match_parent"
        android:fastScrollEnabled="true"
        android:fadingEdgeLength="0.0sp"
        android:drawSelectorOnTop="false"
        android:cacheColorHint="@null"
        android:dividerHeight="1.0dp" >
    </HvListView>
</LinearLayout>

HvListView的layout_width是item中列宽的总和。

HvListView.java

import android.content.Context;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.ListView;

/**
 * 横向滚动ListView
 * 自定义ListView，增加了横向手势监听，并在横向滚动时手动触发Layout容器内的滚动。
 */
public class HvListView extends ListView {

    /** 手势 */
    private GestureDetector mGesture;
    /** 列头 */
    public LinearLayout mListHead;
    /** 偏移坐标 */
    private int mOffset = 0;
    /** 屏幕宽度 */
    private int screenWidth;

    /** 构造函数 */
    public HvListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mGesture = new GestureDetector(context, mOnGesture);
    }

    /** 分发触摸事件 */
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        super.dispatchTouchEvent(ev);
        return mGesture.onTouchEvent(ev);
    }

    /** 手势 */
    private GestureDetector.OnGestureListener mOnGesture = new GestureDetector.SimpleOnGestureListener() {

        @Override
        public boolean onDown(MotionEvent e) {
            return true;
        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
                               float velocityY) {
            return false;
        }

        /** 滚动 */
        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2,
                                float distanceX, float distanceY) {
            synchronized (HvListView.this) {
                int moveX = (int) distanceX;
                int curX = mListHead.getScrollX();
                int scrollWidth = getWidth();
                int dx = moveX;
                //控制越界问题
                if (curX + moveX < 0)
                    dx = 0;
                if (curX + moveX + getScreenWidth() > scrollWidth)
                    dx = scrollWidth - getScreenWidth() - curX;

                mOffset += dx;
                //根据手势滚动Item视图
                for (int i = 0, j = getChildCount(); i < j; i++) {
                    View child = ((ViewGroup) getChildAt(i)).getChildAt(1);
                    if (child.getScrollX() != mOffset)
                        child.scrollTo(mOffset, 0);
                }
                mListHead.scrollBy(dx, 0);
            }
            requestLayout();
            return true;
        }
    };


    /**
     * 获取屏幕可见范围内最大屏幕
     * @return
     */
    public int getScreenWidth() {
        if (screenWidth == 0) {
            screenWidth = getContext().getResources().getDisplayMetrics().widthPixels;
            if (getChildAt(0) != null) {
                screenWidth -= ((ViewGroup) getChildAt(0)).getChildAt(0)
                        .getMeasuredWidth();
            } else if (mListHead != null) {
                //减去固定第一列
                screenWidth -= mListHead.getChildAt(0).getMeasuredWidth();
            }
        }
        return screenWidth;
    }

    /** 获取列头偏移量 */
    public int getHeadScrollX() {
        return mListHead.getScrollX();
    }
}

HvListViewAdapter.java

import java.util.List;
import java.util.Map;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

/**
 * 自定义Adapter，填充HvListView，并实现隔行变色的功能
 */
public class HvListViewAdapter extends BaseAdapter {

    private List<? extends Map<String, ?>> data = null;
    private Context context = null;
    private int resource = 0;
    private String[] from = null;
    private int[] to = null;
    private HvListView listView = null;

    public HvListViewAdapter(Context context,
                             List<? extends Map<String, ?>> data,
                             int resource,
                             String[] from,
                             int[] to,
                             HvListView listView){
        this.context = context;
        this.data = data;
        this.resource = resource;
        this.from = from;
        this.to = to;
        this.listView = listView;
    }

    @Override
    public int getCount() {
        return data.size();
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            LayoutInflater inflater = LayoutInflater.from(context);
            convertView = inflater.inflate(resource, null);
        }

        for (int i = 0; i < to.length; i++) {
            ((TextView) convertView.findViewById(to[i])).setText(data.get(position).get(from[i]).toString());
        }

        //校正（处理同时上下和左右滚动出现错位情况）
        View child = ((ViewGroup) convertView).getChildAt(1);
        int head = listView.getHeadScrollX();
        if (child.getScrollX() != head) {
            child.scrollTo(listView.getHeadScrollX(), 0);
        }

        //隔行变色
        if (position % 2 == 0){
            convertView.setBackgroundResource(R.color.ivory);
        }else{
            convertView.setBackgroundResource(R.color.peachpuff);
        }

        return convertView;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }
}

HvListViewActivity.java

import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class HvListViewActivity extends Activity {

    private HvListView listView;

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.hv_listview_layout);

        listView = (HvListView)findViewById(R.id.hv_listview);
        listView.mListHead = (LinearLayout)findViewById(R.id.hv_listview_item_head);

        initData();
    }

    private void initData(){

        List<Map<String, Object>> data = new ArrayList<Map<String, Object>>();
        for (int i=0;i<50;i++){

            Map<String, Object> item = new HashMap<String, Object>();
            item.put("c1", i+"行1列");
            item.put("c2", i+"行2列");
            item.put("c3", i+"行3列");
            item.put("c4", i+"行4列");
            item.put("c5", i+"行5列");
            item.put("c6", i+"行6列");
            data.add(item);
        }
        HvListViewAdapter adapter = new HvListViewAdapter(this,
                data,
                R.layout.hv_listview_item,
                new String[]{
                        "c1",
                        "c2",
                        "c3",
                        "c4",
                        "c5",
                        "c6"
                },
                new int[]{
                        R.id.hv_listview_item_column1,
                        R.id.hv_listview_item_column2,
                        R.id.hv_listview_item_column3,
                        R.id.hv_listview_item_column4,
                        R.id.hv_listview_item_column5,
                        R.id.hv_listview_item_column6
                },
                listView
        );

        listView.setAdapter(adapter);
    }
}

从代码看得出，本办法比较麻烦的是需要自己来指定固定宽度。在企业应用展示多行多列数据时还是非常有用的，比如炒股软件也有这样的需求。

当前不支持Fling操作，所以即使用力滑也不好滑太多。

参考：Android支持横行滚动的ListView控件

doris_d
关注
专栏目录
[Android] ListView实现隔行变色（一）
sam___1的博客
04-17 551
涉及知识点 ：ListVIew 、BaseAdapter、ArrayList、点击事件、toast的使用、ViewHolder 文章目录 一、运行图 二、代码块 文章内容 一、运行图 运行效果： 二、代码块 1. activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xm.
android 设置listview滚动条,Android ListView 滚动条的设置详解及实例代码
weixin_34648437的博客
05-25 1679
Android ListView 滚动条的设置详解1.滚动条的属性android:scrollbarAlwaysDrawHorizontalTrack设置是否始终显示水平滚动条。这里用ScrollView、ListView测试均没有效果。android:scrollbarAlwaysDrawVerticalTrack设置是否始终显示垂直滚动条。这里用ScrollView、ListView测试均没有...
android实现listview隔行颜色不同
04-14
通过继承SimpleAdapter类，重写里面的getview方法来实现颜色隔行显示的功能。本代码一切从简、通俗易懂，适合于新接触SimpleAdapter的初学者
Android支持横行滚动的ListView控件
weixin_33744141的博客
12-07 108
前言　　 ListView是一个纵向滚动的列表视图，也有朋友嵌套HorizontalScrollView来实现，比如这里，但在ListView的API中明确指明了两者不可同时使用，参考ListView的中文API这里。本文分享一种办法，以方便有此需求的朋友。 声明　　欢迎转载，但请保留文章原始出处:) 　　　　博客园：http://www.cnblogs.com　　　　农民伯伯： http://o...
ListView隔行变色
u014649337的专栏
06-18 1165
ListView是以条目方式展示数据的，有时候项目展示数据时
整理：：ListView的各种隔行换色法
chaozhung的专栏
12-05 5163
隔行换色 ListView：1.使用BaseAdapter package com.xsjayz.listview0822; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.LayoutInflater; import andro
android表格效果之ListView隔行变色实现代码
09-05
首先继承SimpleAdapter再使用重载的Adapter来达到效果，其实主要是需要重载SimpleAdapter，感兴趣的朋友可以研究下，希望本文可以帮助到你
WheelView：Android滚轮控件，基于ListView实现，可以自定义样式
02-20
Android滚轮控件，基于ListView实现，可以自定义样式。 特征 支持自定义滚轮样式 支持common和holo两种皮肤 支持文本和图文混排两中数据模版 支持循环显示数据 支持补充项添加附加文本 支持设置滚轮刻度 支持联动...
Android的支持横行滚动的ListView控件
07-25
这个话题将深入探讨如何在Android中创建一个支持横行滚动的ListView。 首先，我们可以通过自定义ViewGroup实现这一功能。继承LinearLayout或HorizontalScrollView，重写onMeasure()和onLayout()方法，以确保子视图...
【Android】SimpleAdapter的使用
sam___1的博客
04-17 1248
涉及知识点：ListView、TextView、ImageView和相关点击事件等 文章目录 运行图 代码块 一、运行图 运行效果： 二、代码块 1. activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.andro.
VB ListView 隔行变色
08-20
模块内有使用说明，更具说明操作可以使ListView上隔行的颜色改变，以便查看，颜色可以自己设置。
Android 自定义Button控件实现按钮点击变色
09-01
给大家介绍了android 自定义Button控件实现按钮点击变色的代码，本文给大家附有注释，非常不错，代码简单易懂，对android按钮点击变色的实现感兴趣的朋友参考下吧
listview隔行变色
TaoLee
02-15 3353
这个实现起来应该非常简单，但是我用的时候效果就是出不来，后来发现是因为listview的item本身设置背景色后，在代码中设置的隔行变色效果不出现。这里mark一下 @Override public View renderView(int pos, Vacation auditInfo, View view) { ButterKnife.bind(this,view);
android表格效果--ListView隔行变色、颜色表
司徒游的博客
05-11 1052
import meetweb.net.util.SpecialAdapter; private SpecialAdapter simpleAdapter = null; public void ShowData(){ RateList = rateService.findAll(); System.out.println(RateList); LVrate=(ListView) thi
使用ArrayAdapter适配器来实现listview隔行换色的功能
ladyishenlong的博客
09-14 516
工作中遇到的问题，在这里记录下。 重写ArrayAdapter 使用方法与原来完全一样。 public class colorAdapter extends ArrayAdapter { public colorAdapter (Context context, int view, String[] strings){ super(context, vie
android表格效果--ListView隔行变色
weixin_30252709的博客
02-21 120
首先继承SimpleAdapter package meetweb.net.util; import java.util.List; import java.util.Map; import android.content.Context; import android.graphics.Color; import android.view.View; import an...
listview 隔行换色的方法
weixin_34082695的博客
02-09 160
2019独角兽企业重金招聘Python工程师标准>>> ...
android的listview隔行选中,listView隔行换色多选
weixin_39543652的博客
05-27 106
参照网上相关文章写了下listview隔行换色与多选1.item_fg_seclib.xmlandroid:layout_width="match_parent"android:layout_height="wrap_content">android:layout_width="match_parent"android:layout_height="wrap_content"android:...
Android ListView：数据滚动展示的关键控件
在XML布局文件中，通常会使用以下结构来添加一个ListView： ```xml xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值