股票列表联动控件

本文总结了如何在股票APP中实现列表查询时第一行固定,上下左右滑动的效果。通过创建HVListView继承自ListView,并编写HVListViewActivity进行测试。文章包含关键布局文件的代码示例,但提及头部标题栏无法拖动的问题尚未解决。
摘要由CSDN通过智能技术生成

股票列表联动控件

股票APP的列表查询可以固定第一行左右上下滑动是怎么实现的呢,今天看了两篇大牛的博客后,由于项目中经常会用到,这里做了总结,便于应用的时候直接拿来放入工程就可以了。废话不说,下面就来看看是怎么实现的。
先给出效果图效果图

DEMO1

列表的联动主要还是用到了ListView的知识。

1、创建一个HVListView继承ListView的activity

代码如下:

/**
 * Created by willkong on 2016/11/16.
 */

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

/**
 * 自定义股票列表联动控件
 * 支持横向滚动的ListView
 * Created by willkong on 2016/10/28.
 */
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 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) {
  //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();
    }
}

2、创建一个类HVListViewActivity来测试完成的HVListView控件

代码如下:

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapte
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值