如何同步容器内动态水平滚动视图的滚动视图位置？
Posted
技术标签:
【中文标题】如何同步容器内动态水平滚动视图的滚动视图位置？【英文标题】：How do I synchronize scrollview positions of dynamic horizontal scroll views inside a container? 【发布时间】：2020-03-09 22:00:02 【问题描述】：我的一个活动中有一个父容器，它调用它的子容器，其中包含一个水平滚动视图作为对象之一。 有点像 recyclerview ，其中行对象放置在其中有一个由水平滚动视图组成的公共行/项目布局。
我的目标是同步水平滚动视图的位置，这样，当我在其中一个对象上从位置 1 水平滚动到位置 2 时，包含水平滚动视图的所有其他项目都会从位置 1 更新到位置 2。
这是我的主要容器代码：（活动代码）
for (int index = 0; index < roomCount; index++)
Room r2 = ((LobbyReservationRowView) container.getChildAt(index))
.getRoom();
// Log.d("Lobby", "sorting: " + r.getName() + ":" + r.isFree() +
// " -- " + r2.getName() + ":" + r2.isFree());
if (r.equals(r2))
Log.d("LobbyActivity", "duplicate room -- " + r.getEmail());
// XXX: minor logic error; same room
// someone else requested also an update, and we got rooms twice
container.removeViewAt(index);
container.addView(v, index);
added = true;
break;
else if (roomCmp.compare(r, r2) < 0)
container.addView(v, index);
added = true;
break;
if (!added)
container.addView(v);
其中容器是包含以下布局的布局，因为它是子布局：（上面的代码迭代此布局以生成后续行）
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:layout_gravity="center"
android:orientation="vertical"
android:gravity="center_vertical">
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical">
<RelativeLayout
android:layout_
android:background="#232527"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:layout_>
<ImageView
android:id="@+id/roomDefaultIcon"
android:layout_
android:layout_
android:src="@drawable/75"
android:contentDescription="@string/default_room_icon_content_description" />
<LinearLayout
android:id="@+id/titleLayout"
android:layout_
android:layout_
android:layout_gravity="center_vertical|center"
android:layout_toEndOf="@id/roomDefaultIcon"
android:layout_marginStart="16dp"
android:orientation="vertical">
<TextView
android:id="@+id/roomNameLabel"
android:layout_
android:layout_
android:textColor="@color/white"
android:layout_marginTop="20dp"
android:textStyle="bold"
android:textSize="14sp"
android:text="@string/tech_room" />
<TextView
android:id="@+id/roomInfoLabel"
android:layout_
android:layout_
android:textColor="@color/TextInfoColor"
android:visibility="gone"
android:text="(42 persons)" />
</LinearLayout>
<HorizontalScrollView
android:layout_
android:layout_
android:layout_below="@+id/roomDefaultIcon"
android:id="@+id/horizontal_timebar_view"
android:fillViewport="true">
<com.roombooking.androidview.TimeBarView
android:id="@+id/mainTimeBarView"
android:layout_
android:layout_
android:orientation="horizontal"
>
<Button android:layout_
android:layout_
android:text="Button One"
android:visibility="invisible"/>
<Button android:layout_
android:layout_
android:text="Button Two"
android:visibility="invisible"/>
<Button android:layout_
android:layout_
android:text="Button Three"
android:visibility="invisible"/>
<Button android:layout_
android:layout_
android:text="Button Four"
android:visibility="invisible"/>
</com.roombooking.androidview.TimeBarView>
</HorizontalScrollView>
</RelativeLayout>
</LinearLayout>
<ViewSwitcher
android:id="@+id/modeSwitcher"
android:layout_
android:layout_
android:layout_gravity="center_vertical"
android:inAnimation="@animator/fadein"
android:outAnimation="@animator/fadeout">
<LinearLayout
android:id="@+id/normalMode"
android:layout_
android:layout_
android:layout_gravity="center_vertical"
android:layout_marginBottom="10dp"
android:layout_marginEnd="0dp"
android:layout_marginRight="0dp"
android:layout_marginTop="10dp"
android:orientation="horizontal"
android:visibility="visible"
android:weightSum="9" >
<Button
android:id="@+id/bookNowButton"
android:layout_
android:layout_
android:layout_gravity="center"
android:layout_weight="3"
android:layout_marginStart="10dp"
android:background="@drawable/button_background"
android:focusable="true"
android:text="@string/book_now"
android:textColor="@android:color/white"
android:layout_marginLeft="10dp" />
<TextView
android:id="@+id/roomStatusLabel"
android:layout_
android:layout_
android:layout_gravity="center_vertical"
android:layout_marginLeft="20dp"
android:layout_marginStart="20dp"
android:layout_weight="5"
android:minWidth="100dp"
tools:text="<status>" />
<Button
android:id="@+id/calendarButton"
android:layout_
android:layout_
android:layout_gravity="center_vertical|start"
android:background="@drawable/calendar_small_grey"
android:focusable="true" />
</LinearLayout>
<LinearLayout
android:id="@+id/bookingMode"
android:layout_
android:layout_
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:orientation="vertical"
android:paddingBottom="8dp">
<ImageButton
android:id="@+id/cancelButton"
android:layout_
android:layout_
android:layout_gravity="top|end"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:background="@drawable/close_button_states"
android:contentDescription="@string/cancel_reservation" />
<com.roombooking.android.view.CustomTimeSpanPicker2
android:id="@+id/timeSpanPicker2"
android:layout_
android:layout_
android:layout_gravity="center"
android:layout_marginBottom="16dp" />
<AutoCompleteTextView
android:id="@+id/autoCompleteTextView1"
android:layout_
android:layout_
android:layout_gravity="center"
android:layout_marginBottom="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:completionHint="Your name"
android:completionThreshold="2"
android:hint="@string/hint_your_name"
android:imeOptions="actionDone"
android:inputType="textCapWords|textFilter"
android:lines="1"
android:maxLines="1"
android:textColor="@color/button_color"
android:textColorHint="@color/CalendarWeekTextColor"/>
<TextView
android:layout_gravity="center"
android:id="@+id/hintText"
android:layout_
android:layout_
android:visibility="gone"
android:text="@string/hintText"
android:textColor="@color/CalendarWeekTextColor"/>
<Button
android:id="@+id/reserveButton"
android:layout_
android:layout_
android:layout_gravity="center"
android:layout_marginBottom="10dp"
android:layout_marginTop="10dp"
android:background="@drawable/button_background"
android:focusable="true"
android:text="@string/button_reserve"
android:textColor="@android:color/white" />
<TextView
android:id="@+id/newRoomStatusLabel"
android:layout_
android:layout_
android:layout_gravity="center_vertical|start"
android:layout_marginLeft="20dp"
android:layout_marginStart="20dp"
android:layout_weight="5"
android:textColor="@android:color/black"
android:minWidth="100dp"
/>
<Button
android:id="@+id/newCalendarButton"
android:layout_
android:layout_
android:layout_gravity="center_vertical|end"
android:background="@drawable/calendar_small_grey"
android:focusable="true" />
</LinearLayout>
</ViewSwitcher>
</LinearLayout>
我的重点是包含时间栏的 HorizontalScrollView，它的位置为 1 到 10。例如，如果我滚动到位置 5，接下来的后续行的滚动条位置也应该是 5，但我无法同步他们。知道我的代码中可能缺少什么吗？ 仅供参考，这里是 LobbyReservationRowView 类代码 sn-p：
public class LobbyReservationRowView extends FrameLayout implements
OnClickListener, OnItemClickListener, HorizontalScrollView.OnScrollChangeListener
@BindView(R.id.horizontal_timebar_view)
HorizontalScrollView mHorizontalTimeBarView;
@Override
public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY)
mHorizontalTimeBarView.scrollTo(mHorizontalTimeBarView.getScrollX(),0);
如果需要，很乐意分享整个示例项目
【问题讨论】：
你用两个recycler视图试过了吗？因为它易于管理。 即使有recyclerviews，它最终也是同样的问题。有没有办法通过以某种方式自定义容器或滚动视图来实现水平滚动视图同步，从而将它们与我拥有的代码同步？ 以最简单的形式同步ScrollViews，check here
【参考方案1】：
您可以使用 Android 架构组件中的LiveData 实现同步滚动。声明一个接口
interface LobbyReservationHSVListener
void updateScrollPosition(int scrollX);
声明一个 MutableLiveData 变量并在您的活动中实现 LobbyReservationHSVListener，如下所示：
public class HorizontalActivity extends AppCompatActivity implements
LobbyReservationHSVListener
MutableLiveData<Integer> hsvPosition = new MutableLiveData<Integer>();
@Override
public void updateScrollPosition(int scrollX)
hsvPosition.setValue(scrollX);
在您的活动中的 onCreate 开始观察您声明的 MutableLiveData。每当它的值发生变化时，循环遍历容器的所有子视图并更新它们的滚动位置。
hsvPosition.observe(this,new Observer<Integer>()
@Override
public void onChanged(Integer integer)
for(int i=0; i<container.getChildCount();i++)
HorizontalScrollView hsv = container.getChildAt(i).findViewById(R.id.horizontal_timebar_view);
hsv.smoothScrollTo(integer,0);
);
在您的 LobbyReservationRowView 中创建一个函数来设置 LobbyReservationHSVListener 对象并在滚动更改时调用 updateScrollPosition。
public class LobbyReservationRowView extends FrameLayout implements
OnClickListener, OnItemClickListener, HorizontalScrollView.OnScrollChangeListener
private LobbyReservationHSVListener hsvUpdateListener;
@BindView(R.id.horizontal_timebar_view)
HorizontalScrollView mHorizontalTimeBarView;
public void setHSVUpdateListener(LobbyReservationHSVListener hsvUpdateListener)
this.hsvUpdateListener = hsvUpdateListener;
@Override
public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY)
hsvUpdateListener.updateScrollPosition(scrollX);
将LobbyReservationRowView 对象添加到容器时不要忘记调用setHSVUpdateListener(this)
你应该得到这样的东西：
【讨论】：
你能把上面项目的github链接也贴出来吗？真的很有帮助！谢谢你的回答顺便说一句，会测试一下 欢迎您可以在这里找到示例 repo github.com/EphraimNetWorks/SynchronizedScrolling *** 不允许我在接下来的 18 小时内奖励赏金，会在 18 小时内分配给你！ 网络关于这个的任何想法：***.com/questions/59079651/…以上是关于如何同步容器内动态水平滚动视图的滚动视图位置？的主要内容，如果未能解决你的问题，请参考以下文章