在滚动视图中滚动到特定视图

Question

我在滚动视图中添加了一个滚动视图和子子项。 在某些时候，我需要滚动到特定视图。

<scrollview>

1. <linearlayout>

    <textview></textview>
    <textview></textview>

   </linearlayout>

2. <linearlayout>

    <textview></textview>
    <textview></textview>

   </linearlayout>

3. <linearlayout>

    <textview></textview>
    <textview></textview>

   </linearlayout>

4. <linearlayout>

    <textview></textview>
    <textview></textview>

   </linearlayout>

5. <linearlayout>

    <textview></textview>
    <textview></textview>

   </linearlayout>

6. <linearlayout>

    <textview></textview>
    <textview></textview>

   </linearlayout>

7. <linearlayout>

    <textview></textview>
    <textview></textview>

   </linearlayout>

   <button>
   </button>

 </scrollview>

上面的布局是动态创建的。 所以我不能在这里发布 xml 文件。 布局创建是完全动态的。 甚至线性布局内的子视图数量也可能会有所不同。

所以当我点击按钮时，我需要滚动到一个特定的视图，当我点击按钮时，我需要滚动到线性布局 4。我尝试使用 scrollTo 方法，但它滚动到滚动视图的顶部。

请提供一些建议。

Answer 1

如果我们需要滚动到的孩子不是直接孩子，那么上述解决方案不起作用

我在我的项目中使用了以下解决方案，分享它可能对其他人有帮助

/**
 * Used to scroll to the given view.
 *
 * @param scrollViewParent Parent ScrollView
 * @param view View to which we need to scroll.
 */
private void scrollToView(final ScrollView scrollViewParent, final View view) {
    // Get deepChild Offset
    Point childOffset = new Point();
    getDeepChildOffset(scrollViewParent, view.getParent(), view, childOffset);
    // Scroll to child.
    scrollViewParent.smoothScrollTo(0, childOffset.y);
}

/**
 * Used to get deep child offset.
 * <p/>
 * 1. We need to scroll to child in scrollview, but the child may not the direct child to scrollview.
 * 2. So to get correct child position to scroll, we need to iterate through all of its parent views till the main parent.
 *
 * @param mainParent        Main Top parent.
 * @param parent            Parent.
 * @param child             Child.
 * @param accumulatedOffset Accumulated Offset.
 */
private void getDeepChildOffset(final ViewGroup mainParent, final ViewParent parent, final View child, final Point accumulatedOffset) {
    ViewGroup parentGroup = (ViewGroup) parent;
    accumulatedOffset.x += child.getLeft();
    accumulatedOffset.y += child.getTop();
    if (parentGroup.equals(mainParent)) {
        return;
    }
    getDeepChildOffset(mainParent, parentGroup.getParent(), parentGroup, accumulatedOffset);
}

Answer 2

这应该可以解决问题：

View targetView = findViewById(R.id.DESIRED_VIEW_ID);  
targetView.getParent().requestChildFocus(targetView,targetView);

public void RequestChildFocus（查看子项，查看焦点）

child - 想要获得焦点的这个 ViewParent 的孩子。 该视图将包含聚焦视图。 实际具有焦点的不一定是视图。

focused - 视图是实际上具有焦点的 child 的后代

Answer 3

尝试这个：

ScrollView sv = // your scrollview
View insideView = // find the View that you need to scroll to which is inside this ScrollView
sv.scrollTo(0, (int)insideView.getY());

insideView.getY()将无法在 API 级别 11 以下工作，对于低于 11 的 API 级别，您可以将insideView.getY()替换为insideView.getTop()

Answer 4

既然你可以知道你需要滚动到的子LinearLayout ，那么试试这个怎么样。

ScrollView sv = // your scrollview
View highlightedItem = // find the LinearLayout or View that you need to scroll to which is inside this ScrollView
sv.scrollTo(0, highlightedItem.getY());

有关scrollTo和smoothScrollTo 的更多信息

Answer 5

我想我找到了更优雅且容易出错的解决方案

ScrollView.requestChildRectangleOnScreen

不涉及数学，与其他建议的解决方案相反，它将正确处理上下滚动。

void scrollToRow(ScrollView scrollView, LinearLayout linearLayout, TextView textViewToShow) {
    Rect textRect = new Rect(); //coordinates to scroll to
    textViewToShow.getHitRect(textRect); //fills textRect with coordinates of TextView relative to its parent (LinearLayout) 
    scrollView.requestChildRectangleOnScreen(linearLayout, textRect, false); //ScrollView will make sure, the given textRect is visible
}

最好将其包装到postDelayed以使其更可靠，以防此时ScrollView正在更改

private void scrollToRow(final ScrollView scrollView, final LinearLayout linearLayout, final TextView textViewToShow) {
    long delay = 100; //delay to let finish with possible modifications to ScrollView
    scrollView.postDelayed(new Runnable() {
        public void run() {
            Rect textRect = new Rect(); //coordinates to scroll to
            textViewToShow.getHitRect(textRect); //fills textRect with coordinates of TextView relative to its parent (LinearLayout) 
            scrollView.requestChildRectangleOnScreen(linearLayout, textRect, false); //ScrollView will make sure, the given textRect is visible
        }
    }, delay);
}

很好不是吗？

Answer 6

Kotlin：试试这个，它对我很有用！

parentScrollView.post(object : Runnable {
        override fun run() {
            parentScrollView.smoothScrollTo(0, targetView.bottom)
        }

    })

Answer 7

在对此进行了大量研究并尝试了多种方法之后，以下内容对我来说是奇迹。

考虑到您的主要父视图是 ScrollView，而子视图是 LinearLayout 或 RelativeLayout，它们可能有更多视图，可以有两种方法-

案例 1：您想专注于 childView 之上。 使用以下代码-

public void scrollToViewTop(ScrollView scrollView, View childView) {
    long delay = 100; //delay to let finish with possible modifications to ScrollView
    scrollView.postDelayed(new Runnable() {
        public void run() {
            scrollView.smoothScrollTo(0, childView.getTop());
        }
    }, delay);
}

案例 2：专注于 childView 的底部。 使用以下代码-

public void scrollToViewBottom(ScrollView scrollView, View childView) {
    long delay = 100; //delay to let finish with possible modifications to ScrollView
    scrollView.postDelayed(new Runnable() {
        public void run() {
            scrollView.smoothScrollTo(0, childView.getBottom());
        }
    }, delay);
}

要使用这些功能，只需像这样调用它们-

scrollToViewTop(scrollView, childView);
scrollToViewBottom(scrollView, childView);

希望它能拯救你的一天。 快乐编码！

Answer 8

如果目标视图不是 ScrollView 的直接子视图，则这是一个有效的解决方案：

public int findYPositionInView (View rootView, View targetView)
{
  return findYPositionInView (rootView, targetView, 0);
}


// returns -1 if targetView not found
private int findYPositionInView (View rootView, View targetView, int yCumulative)
{
  if (rootView == targetView)
    return yCumulative;

  if (rootView instanceof ViewGroup)
  {
    ViewGroup parentView = (ViewGroup)rootView;
    for (int i = 0;  i < parentView.getChildCount ();  i++)
    {
      View child = parentView.getChildAt (i);
      int yChild = yCumulative + (int)child.getY ();

      int yNested = findYPositionInView (child, targetView, yChild);
      if (yNested != -1)
        return yNested;
    }
  }

  return -1; // not found
}

像这样使用它：

int yScroll = findYPositionInView (scrollView, targetView);
scrollView.scrollTo (0, yScroll);

此外，如果您想设置焦点，请执行以下操作：

targetView.requestFocus ();

而且，如果您希望键盘显示，请执行以下操作：

if (targetView instanceof EditText)
{
  targetView.post (new Runnable ()
  {
    @Override public void run ()
    {
      InputMethodManager imm = (InputMethodManager)context.getSystemService (Context.INPUT_METHOD_SERVICE);
      imm.showSoftInput (targetView, InputMethodManager.SHOW_FORCED);
    }
  });
}

Answer 9

用 ：

final  ScrollView scrollView= (ScrollView) 
int speed=1000;
findViewById(R.id.main_scrollView);
final View view = findViewById(R.id.your_view); 
ViewTreeObserver vto = view.getViewTreeObserver();
vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() { view.getViewTreeObserver().removeOnGlobalLayoutListener(this);   
                ObjectAnimator.ofInt(scrollView, "scrollY",  (int) view.getY()).setDuration(speed).start();
            }
        }); 

Answer 10

我使用 requestChildFocus() 得到了想要的结果，正如上面Swas_99 的回答所建议的那样。

然而，由于它不能平滑滚动，我查看了requestChildFocus的源代码，它调用了scrollToChild ，它调用了offsetDescendantRectToMyCoords 。 从那里我得到了使用以下 C#/Xamarin 代码的想法，该代码与使用 requestChildFocus() 具有类似的效果，但具有平滑滚动：

private static void ScrollToView(View ArgTarget) {
    var CurParent = ArgTarget.Parent;

    while (CurParent != null) {
      var ScrollArea = CurParent as ScrollView;

      if (ScrollArea != null) {
        var ViewRect = new Rect();
        ArgTarget.GetDrawingRect(ViewRect);

        ScrollArea.OffsetDescendantRectToMyCoords(ArgTarget, ViewRect);
        ScrollArea.SmoothScrollTo(ViewRect.Left, ViewRect.Top);

        break;
      }

      CurParent = CurParent.Parent;
   }
}

基本思想是找到包含 ScrollView 的目标视图。 然后获取目标视图的绘图矩形，调整其坐标以便 ScrollView 理解它们，然后要求 ScrollView 滚动以平滑滚动到该位置。 最终效果是您想要滚动到的视图始终在屏幕顶部附近完全可见（如果您想将视图置于屏幕中心，则可以使用 ViewRect.Top）。

Answer 11

这里 rootView 是您的父视图，而 childView 是您想​​要滚动视图的视图

public static int getRelativeTop(View rootView, View childView) {
    if(childView.getParent() == rootView) return childView.getTop();
    else return childView.getTop() + getRelativeTop(rootView, (View) childView.getParent());
}

Answer 12

您可以使用方法 smoothScrollTo 在滚动视图中滚动到特定视图。 - 例子：

my_scroll_View.smoothScrollTo(0, editText.getBottom());

祝你好运！

Answer 13

我把它当作扩展来使用

fun ScrollView.focusOnView(toView: View){

    Handler().post(Runnable {
        this.smoothScrollTo(0, toView.top)
    })

}

用法：

myScrollView.focusOnView(myView)

Answer 14

对于 Kotlin 用户。 如果上面的代码不起作用。 尝试一下。

val your_scrollview = findView...
val your_view_inside_SV = findView...
your_scrollview.post( { your_scrollview.scrollTo(0, your_view_inside_SV.getY().toInt()) })

Answer 15

对我来说，实现这一点的最佳方法是使用requestRectangleOnScreen()函数。 它可以从您想要滚动的View中获得。 您不需要访问 ScrollView，也不需要计算 childOffset。 它不会改变焦点，并且似乎不是代码中的黑客。 （我永远不会猜到requestChildFocus()用于滚动）

同样在 kotlin 中，您可以添加一些小的扩展函数，使其使用更简单：

1. 为View添加两个扩展函数：

fun View.requestOnScreen() = post {
    requestRectangleOnScreen(getDrawingRect())
}
    
fun View.getDrawingRect() = Rect().also(::getDrawingRect)

2. 在您需要时使用该功能：

view.requestOnScreen()

就这样。

Answer 16

从 API 29 开始，在ScrollView scrollToDescendant(View child)上有一个可用的方法可以替换其他自定义解决方案。

Android 文档： https : //developer.android.com/reference/android/widget/ScrollView#scrollToDescendant(android.view.View)

Answer 17

尝试在要滚动到的视图上调用view.requestFocus() 。