24

好的。我想要实现的是一种与 Excel 中的冻结窗格具有相同效果的布局。也就是说，我想要一个与主 ListView 水平滚动的标题行和一个与主 ListView 垂直滚动的左侧 ListView。在另一个维度中滚动时，标题行和左侧列表视图应保持静止。

这是xml布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recordViewLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <LinearLayout android:layout_width="160dp"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <CheckBox
            android:id="@+id/checkBoxTop"
            android:text="Check All"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ListView android:id="@+id/engNameList"
            android:layout_width="160dp"
            android:layout_height="wrap_content"/>
    </LinearLayout> 


    <HorizontalScrollView  
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout android:id="@+id/scroll"  
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <include layout="@layout/record_view_line" android:id="@+id/titleLine" />

            <ListView 
                android:id="@android:id/list"
                android:layout_height="wrap_content"
                android:layout_width="match_parent"/>

        </LinearLayout>

    </HorizontalScrollView>
</LinearLayout>

然后我在 ListActivity 中使用此代码

public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
    View v = recordsListView.getChildAt(0);
    int top = (v == null) ? 0 : v.getTop();

((ListView)findViewById(R.id.engNameList)).setSelectionFromTop(firstVisibleItem, top);      
}

当用户滚动右手时，这应该会导致左手 ListView 滚动。不幸的是，它没有。

我有一点谷歌，似乎 setSelectionFromTop() 函数不适用于嵌套在多个布局中的 ListView。

如果是这种情况，任何人都可以提出一种让他们一起滚动的方法，或者一种不同的方式来设置布局或完全不同的技术。

4

6 回答 6

34

改写

将一个 ListView 中的滚动操作传递给另一个时，我运气不佳。所以我选择了另一种方法：通过MotionEvent. 这让每个人都可以ListView计算自己的平滑滚动、快速滚动或其他任何内容。

首先，我们需要一些类变量：

ListView listView;
ListView listView2;

View clickSource;
View touchSource;

int offset = 0;

我添加的每个方法listView都几乎相同listView2，唯一的区别是listView2引用listView（而不是自身）。我没有包含重复的listView2代码。

其次，让我们从 OnTouchListener 开始：

listView = (ListView) findViewById(R.id.engNameList);
listView.setOnTouchListener(new OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if(touchSource == null)
            touchSource = v;

        if(v == touchSource) {
            listView2.dispatchTouchEvent(event);
            if(event.getAction() == MotionEvent.ACTION_UP) {
                clickSource = v;
                touchSource = null;
            }
        }

        return false;
    }
});

为了防止循环逻辑：listView调用listView2调用listView调用...我使用了一个类变量touchSource来确定何时MotionEvent应该传递 a。我假设您不希望一行 click inlistView也 click in listView2，所以我使用了另一个类变量clickSource来防止这种情况。

三、 OnItemClickListener：

listView.setOnItemClickListener(new OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        if(parent == clickSource) {
            // Do something with the ListView was clicked
        }
    }
});

第四，传递每个触摸事件并不完美，因为偶尔会出现差异。OnScrollListener 非常适合消除这些：

listView.setOnScrollListener(new OnScrollListener() {
    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        if(view == clickSource) 
            listView2.setSelectionFromTop(firstVisibleItem, view.getChildAt(0).getTop() + offset);
    }

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {}
});

（可选）最后，您提到您遇到了麻烦，listView并且listView2从布局中的不同高度开始......我强烈建议修改布局以平衡 ListView，但我找到了解决此问题的方法。然而，这有点棘手。
在渲染整个布局之前，您无法计算两个布局之间的高度差，但此时没有回调......所以我使用了一个简单的处理程序：

Handler handler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
        // Set listView's x, y coordinates in loc[0], loc[1]
        int[] loc = new int[2];
        listView.getLocationInWindow(loc);

        // Save listView's y and get listView2's coordinates
        int firstY = loc[1];
        listView2.getLocationInWindow(loc);

        offset = firstY - loc[1];
        //Log.v("Example", "offset: " + offset + " = " + firstY + " + " + loc[1]);
    }
};

我假设半秒的延迟足以渲染布局并在以下位置启动计时器onResume()：

handler.sendEmptyMessageDelayed(0, 500);

如果您确实使用了偏移量，我想清楚listView2的是 OnScroll 方法减去偏移量而不是添加它：

listView2.setSelectionFromTop(firstVisibleItem, view.getChildAt(0).getTop() - offset);

希望有帮助！

于 2012-09-09T20:47:28.503 回答
8

好的。我现在有答案了。问题是 .setSelectionFromTop() 仅在列表视图位于顶部布局（即未嵌套）时才有效。经过一番摸索后，我意识到我可以将我的布局设置为 RelativeLayout 并获得相同的外观，但不必为复选框和列表视图嵌套布局。这是新的布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recordViewLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <CheckBox android:id="@+id/checkBoxTop"
        android:text="Check All"
        android:layout_width="160dp"
        android:layout_height="wrap_content"/>


    <ListView android:id="@+id/engNameList"
        android:layout_width="160dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/checkBoxTop"/>       

    <HorizontalScrollView  
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/checkBoxTop">

        <LinearLayout android:id="@+id/scroll"  
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <include layout="@layout/record_view_line" android:id="@+id/titleLine" />

            <ListView 
                android:id="@android:id/list"
                android:layout_height="wrap_content"
                android:layout_width="match_parent"/>

        </LinearLayout>

    </HorizontalScrollView>

</RelativeLayout>

这基本上是布局的代码。

在 onCreate()

engListView=getListView();
engListView.setOnTouchListener(this);

recordListView=(ListView)findViewById(R.id.recordList);
recordListView.setOnScrollListener(this);

和监听器方法：

public boolean onTouch(View arg0, MotionEvent event) {
    recordListView.dispatchTouchEvent(event);
    return false;
}

public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
    View v=view.getChildAt(0);
    if(v != null)
        engListView.setSelectionFromTop(firstVisibleItem, v.getTop());
}
于 2012-09-14T16:08:09.890 回答
5

该线程帮助我找到了解决我一直在努力解决的类似问题的方法。它也是基于拦截触摸事件。在这种情况下，同步适用于多个列表视图并且是完全对称的。

主要挑战是防止列表项点击传播到其他列表视图。我需要仅由最初接收到触摸事件的列表视图分派的单击和长单击，尤其包括当您刚刚触摸某个项目时的高亮反馈（拦截 onClick 事件是没有用的，因为它在调用层次结构中为时已晚）。

这样做的关键是两次拦截触摸事件。首先，初始触摸事件被转发到其他列表视图。同一个 onTouch 处理函数会捕获这些并将它们提供给 GestureDetector。在GestureDetector回调中，静态触摸事件（onDown等）被消耗（return true）而运动手势不是（return false），因此它们可以由视图本身进一步调度并触发滚动。

使用setPositionFromTopinsideonScroll对我不起作用，因为它使滚动行为非常缓慢。当新的 ListViews 添加到 Syncer 时，OnScroll 用于对齐初始滚动位置。

到目前为止唯一存在的问题是上面 s1ni5t3r 提出的问题。如果您双击 listView，那么它们仍然会断开连接。

public class ListScrollSyncer
    implements AbsListView.OnScrollListener, OnTouchListener, OnGestureListener
{
    private GestureDetector gestureDetector;
    private Set<ListView>   listSet = new HashSet<ListView>();
    private ListView currentTouchSource;

    private int currentOffset = 0;
    private int currentPosition = 0;

    public void addList(ListView list)
    {
        listSet.add(list);
        list.setOnTouchListener(this);
        list.setSelectionFromTop(currentPosition, currentOffset);

        if (gestureDetector == null)
            gestureDetector = new GestureDetector(list.getContext(), this);
    }

    public void removeList(ListView list)
    {
        listSet.remove(list);
    }

    public boolean onTouch(View view, MotionEvent event)
    {
        ListView list = (ListView) view;

        if (currentTouchSource != null)
        {
            list.setOnScrollListener(null);
            return gestureDetector.onTouchEvent(event);
        }
        else
        {
            list.setOnScrollListener(this);
            currentTouchSource = list;

            for (ListView list : listSet)
                if (list != currentTouchSource)
                    list.dispatchTouchEvent(event);

            currentTouchSource = null;
            return false;
        }
    }

    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount)
    {
        if (view.getChildCount() > 0)
        {
            currentPosition = view.getFirstVisiblePosition();
            currentOffset   = view.getChildAt(0).getTop();
        }
    }

    public void onScrollStateChanged(AbsListView view, int scrollState) { }

    // GestureDetector callbacks
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { return false; }
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { return false; }
    public boolean onSingleTapUp(MotionEvent e) { return true; }
    public boolean onDown(MotionEvent e) { return true; }
    public void onLongPress(MotionEvent e) { }
    public void onShowPress(MotionEvent e) { }
}

编辑：双重问题可以通过使用状态变量来解决。

private boolean scrolling;

public boolean onDown(MotionEvent e) { return !scrolling; }

public void onScrollStateChanged(AbsListView view, int scrollState) 
{
    scrolling = scrollState != SCROLL_STATE_IDLE;
}
于 2013-02-16T13:16:47.727 回答
3

我通过将 ListView 更改为 RecyclerView 来解决它，使用 RecyclerView .addOnScrollListener 来同步滚动事件。而且没有差异，很完美！

private void syncScrollEvent(RecyclerView leftList, RecyclerView rightList) {

    leftList.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            return rightList.getScrollState() != RecyclerView.SCROLL_STATE_IDLE;
        }
    });
    rightList.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            return leftList.getScrollState() != RecyclerView.SCROLL_STATE_IDLE;
        }
    });


    leftList.addOnScrollListener(new RecyclerView.OnScrollListener() {

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
             if (recyclerView.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
                 rightList.scrollBy(dx, dy);
            }
        }
    });
    rightList.addOnScrollListener(new RecyclerView.OnScrollListener() {
         @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            if (recyclerView.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
                leftList.scrollBy(dx, dy);
            }
        }
    });

}
于 2016-09-06T09:16:02.257 回答
1

根据 Sam 的说明，我开发了一个简单的应用程序，显示两个列表视图一起滚动。实际上我的主要目的是创建一个具有固定/冻结列的水平滚动可扩展列表视图，并在完成后对其进行处理，很快就会分享它 https://github.com/huseyinDaVinci/Android/tree/master/FrozenListViews

于 2014-12-03T10:10:47.863 回答
0

试试下面的解决方案它适用于我的情况 

leftlist.setOnScrollListener(new SyncedScrollListener(rightlist));
rightlist.setOnScrollListener(new SyncedScrollListener(leftlist));

SyncedScrollListener.java

package com.xorbix.util;

import android.view.View;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;

public class SyncedScrollListener implements OnScrollListener{
    int offset;
    int oldVisibleItem = -1;
    int currentHeight;
    int prevHeight;
    private View mSyncedView;


    public SyncedScrollListener(View syncedView){

        if(syncedView == null){
            throw new IllegalArgumentException("syncedView is null");
        }

        mSyncedView = syncedView;
    }

    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {

        int[] location = new int[2];

        if(visibleItemCount == 0){
            return;
        }

        if(oldVisibleItem != firstVisibleItem){

            if(oldVisibleItem < firstVisibleItem){
                prevHeight = currentHeight;
                currentHeight = view.getChildAt(0).getHeight();

                offset += prevHeight;

            }else{
                currentHeight = view.getChildAt(0).getHeight();

                View prevView;
                if((prevView = view.getChildAt(firstVisibleItem - 1)) != null){
                    prevHeight = prevView.getHeight();
                }else{
                    prevHeight = 0;
                }

                offset -= currentHeight;
            }

            oldVisibleItem = firstVisibleItem;
        }

        view.getLocationOnScreen(location);
        int listContainerPosition = location[1];

        view.getChildAt(0).getLocationOnScreen(location);
        int currentLocation = location[1];

        int blah = listContainerPosition - currentLocation + offset;

        mSyncedView.scrollTo(0, blah);

    }

    public void onScrollStateChanged(AbsListView view, int scrollState) {
        // TODO Auto-generated method stub

    }
}
于 2017-04-12T11:30:17.123 回答