Android: як перевірити, чи відображається вид всередині ScrollView?


168

У мене є ScrollViewсерія, яка містить ряд Views. Я хотів би мати можливість визначити, чи відображається вид у даний момент (якщо якась його частина наразі відображається ScrollView). Я б очікував, що наведений нижче код це зробить, на диво це не так:

Rect bounds = new Rect();
view.getDrawingRect(bounds);

Rect scrollBounds = new Rect(scroll.getScrollX(), scroll.getScrollY(), 
        scroll.getScrollX() + scroll.getWidth(), scroll.getScrollY() + scroll.getHeight());

if(Rect.intersects(scrollBounds, bounds))
{
    //is  visible
}

Мені цікаво, як ти з цим працював. Я намагаюся зробити те саме, але в ScrollView може розміщуватися лише 1 пряма дитина. Чи "Ваша серія переглядів" загорнута в інший макет всередині ScrollView? Так викладаються мої, але коли я це роблю, жодна з наведених тут відповідей не працює на мене.
Rooster242

1
Так, моя серія переглядів знаходиться у LinearLayout, який є 1 дочіркою ScrollView. Відповідь Qberticus працювала на мене.
ab11

Відповіді:


65

Використовуйте View#getHitRectзамість View#getDrawingRectперегляду, який ви тестуєте. Ви можете використовувати View#getDrawingRectна ScrollViewзамість обчислення в явному вигляді.

Код від View#getDrawingRect:

 public void getDrawingRect(Rect outRect) {
        outRect.left = mScrollX;
        outRect.top = mScrollY;
        outRect.right = mScrollX + (mRight - mLeft);
        outRect.bottom = mScrollY + (mBottom - mTop);
 }

Код від View#getHitRect:

public void getHitRect(Rect outRect) {
        outRect.set(mLeft, mTop, mRight, mBottom);
}

35
Де я повинен закликати ці методи?
Тото

3
@Qberticus Як викликати методи? Я використовую його, і він завжди повертається помилковим. Будь ласка, повідомте мене
KK_07k11A0585

2
Куди саме називати ці методи?
zemaitis

193

Це працює:

Rect scrollBounds = new Rect();
scrollView.getHitRect(scrollBounds);
if (imageView.getLocalVisibleRect(scrollBounds)) {
    // Any portion of the imageView, even a single pixel, is within the visible window
} else {
    // NONE of the imageView is within the visible window
}

1
Працює чудово. Щоб зробити це зрозумілішим: повертає істину, якщо вигляд повністю або частково видно; false означає, що погляд повністю не видно.
qwertzguy

1
[+1] Я використовував цей код, щоб отримати GridView/ ListView/ GridViewWithHeaderпрацювати SwipeRefreshLayout.
Картик

Може хтось пояснить, чому це працює? getHitRectповертає пряму лінію в батьківських координатах, але getLocalVisibleRectповертає пряму в локальних координатах прокрутки, чи не так?
Pin

3
Це не охоплює перекриття, якщо Дитячий погляд перекривається іншим дочірнім елементом, він все одно повернеться правдою
Pradeep

1
Так, нам потрібен екземпляр Rect. Але це необхідно, щоб отриматиHitRect. Чи є щось інше, якщо я використовую Rect (0,0-0,0). Ми можемо побачити виклик getLocalVisibleRect getGlobalVisibleRect.And Rect тут встановлено r.set (0, 0, ширина, висота); @ BillMote
chefish

56

Якщо ви хочете виявити, що представлення ВІДПОВІДНО :

private boolean isViewVisible(View view) {
    Rect scrollBounds = new Rect();
    mScrollView.getDrawingRect(scrollBounds);

    float top = view.getY();
    float bottom = top + view.getHeight();

    if (scrollBounds.top < top && scrollBounds.bottom > bottom) {
        return true;
    } else {
        return false;
    }
}

6
Це правильна відповідь =) У моєму випадку я змінив так, як це: scrollBounds.top <= top && scrollBounds.bottom => низ
Хелтон Ісак

2
+1 Хелтон, якщо ваш погляд підсунутий до верху чи знизу для перегляду прокрутки, вам знадобиться <= або> = відповідно
Джо Махер

Ви справді це тестували? Він завжди повертає помилку в найпростішому макеті ScrollView і TextView в якості дитини.
Фарид

1
Що відрізняється між getHitRect () та getDrawingRect ()? Будь ласка, керівництво
VVB

2
Цей код працює лише в тому випадку, якщо представлення додано безпосередньо до кореня контейнера ScrollView. Перевірте відповідь Фана Ван Ліна, чи хочете ви обробляти дитячий погляд у дитячому вікні тощо.
thijsonline

12

Моє рішення - використовувати NestedScrollViewелемент прокрутки:

    final Rect scrollBounds = new Rect();
    scroller.getHitRect(scrollBounds);

    scroller.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
        @Override
        public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {

            if (myBtn1 != null) {

                if (myBtn1.getLocalVisibleRect(scrollBounds)) {
                    if (!myBtn1.getLocalVisibleRect(scrollBounds)
                            || scrollBounds.height() < myBtn1.getHeight()) {
                        Log.i(TAG, "BTN APPEAR PARCIALY");
                    } else {
                        Log.i(TAG, "BTN APPEAR FULLY!!!");
                    }
                } else {
                    Log.i(TAG, "No");
                }
            }

        }
    });
}

потрібен API 23+
SolidSnake

@SolidSnake, вам не потрібно імпортувати інший клас, він працює чудово
Parth Anjaria

10

Щоб трохи розширити відповідь Білла Мота за допомогою getLocalVisibleRect, ви можете перевірити, чи перегляд видно лише частково:

Rect scrollBounds = new Rect();
scrollView.getHitRect(scrollBounds);
if (!imageView.getLocalVisibleRect(scrollBounds)
    || scrollBounds.height() < imageView.getHeight()) {
    // imageView is not within or only partially within the visible window
} else {
    // imageView is completely visible
}

6
Це не працює .. навіть частково видимий вид класифікується як повністю видимий
azfar

10

Це розширення допомагає виявити перегляд повністю видимим.
Це також спрацює, якщо ви Viewє дитиною дитини з ... ScrollView(наприклад: ScrollView-> LinearLayout-> ContraintLayout-> ... -> YourView).

fun ScrollView.isViewVisible(view: View): Boolean {
    val scrollBounds = Rect()
    this.getDrawingRect(scrollBounds)
    var top = 0f
    var temp = view
    while (temp !is ScrollView){
        top += (temp).y
        temp = temp.parent as View
    }
    val bottom = top + view.height
    return scrollBounds.top < top && scrollBounds.bottom > bottom
}

Примітка

1) view.getY()і view.getX()повернути значення x, y ПЕРШОМУ БАТЬКУ .

2) Ось приклад того, як getDrawingRectповернеться Посиланнявведіть тут опис зображення


Я хотів рішення, де метод повинен повернути помилкове, якщо подання приховано під клавіатурою, і це робить свою роботу. Дякую.
Рахул

8
public static int getVisiblePercent(View v) {
        if (v.isShown()) {
            Rect r = new Rect();
            v.getGlobalVisibleRect(r);
            double sVisible = r.width() * r.height();
            double sTotal = v.getWidth() * v.getHeight();
            return (int) (100 * sVisible / sTotal);
        } else {
            return -1;
        }
    }

2
Це відрізняється від того, що просив ab11. isShown () перевіряє лише прапор видимості, а не перегляд знаходиться у видимій області екрана.
Ромен Гай

4
@Romain Guy Код не охоплюється, коли подання прокручується на екрані. Він повинен бути `public static int getVisiblePercent (View v) {if (v.isShown ()) {Rect r = new Rect (); boolean isVisible = v.getGlobalVisibleRect (r); if (isVisible) {double sVisible = r.width () * r.height (); подвійний sTotal = v.getWidth () * v.getHeight (); return (int) (100 * sVisible / sTotal); } else {повернути -1; }} ще {повернути -1; }} `
шеф-кухар

6

Я зіткнувся з тією ж проблемою і сьогодні. Під час гуглінгу та читання посилань на Android я знайшов цю публікацію та метод, який я замість цього застосував;

public final boolean getLocalVisibleRect (Rect r)

Приємно з них не тільки наданням Rect, але й булевим вказівкою, чи View взагалі видно. З негативної сторони цей метод недокументований :(


1
Це говорить лише про те, що для елемента встановлено видимість (вірно). Це не говорить вам, чи "видимий" елемент насправді видно у вікні перегляду.
Білл Мот

Код для getLocalVisibleRect не підтримує вашу претензію: `public final boolean getLocalVisibleRect (Rect r) {final Point offset = mAttachInfo! = Null? mAttachInfo.mPoint: нова точка (); if (getGlobalVisibleRect (r, зміщення)) {r.offset (-offset.x, -offset.y); // зробити r локальне повернення справжнім; } повернути помилкове; } `
mbafford

6

Я хочу визначити, чи Viewє ваш повністю visible, спробуйте скористатися цим методом:

private boolean isViewVisible(View view) {
    Rect scrollBounds = new Rect();
    mScrollView.getDrawingRect(scrollBounds);
    float top = view.getY();
    float bottom = top + view.getHeight();
    if (scrollBounds.top < top && scrollBounds.bottom > bottom) {
        return true; //View is visible.
    } else {
        return false; //View is NOT visible.
    }
}

Власне кажучи, ви можете отримати видимість подання за допомогою:

if (myView.getVisibility() == View.VISIBLE) {
    //VISIBLE
} else {
    //INVISIBLE
}

Можливі постійні значення видимості в Погляді:

ВИДИМО Цей вид видно. Використовувати з setVisibility (int) та android: vidibility.

INVISIBLE Ця точка зору є невидимим, але він, як і раніше займає простір для макетування. Використовувати з setVisibility (int) та android: vidibility.

GONE Цей вид невидимий, і він не займає місця для цілей компонування. Використовувати з setVisibility (int) та android: vidibility.


3
повільний хлопання. Що хотіла знати ОП, якщо припустити видимість виду - Перегляд № ВІДМОВИЙ, як дізнатися, чи видно сам вид у межах прокрутки.
Жоао Соуза

1
Я щойно перевірив простий проект. У макеті є дитина як ScrollView та TextView; завжди повертає значення false, навіть якщо TextView повністю видно.
Фарид

Він повертається завжди помилковим.
Рахул

3

Ви можете використовувати те, FocusAwareScrollViewщо повідомляє, коли перегляд стає видимим:

FocusAwareScrollView focusAwareScrollView = (FocusAwareScrollView) findViewById(R.id.focusAwareScrollView);
    if (focusAwareScrollView != null) {

        ArrayList<View> viewList = new ArrayList<>();
        viewList.add(yourView1);
        viewList.add(yourView2);

        focusAwareScrollView.registerViewSeenCallBack(viewList, new FocusAwareScrollView.OnViewSeenListener() {

            @Override
            public void onViewSeen(View v, int percentageScrolled) {

                if (v == yourView1) {

                    // user have seen view1

                } else if (v == yourView2) {

                    // user have seen view2
                }
            }
        });

    }

Ось клас:

import android.content.Context;
import android.graphics.Rect;
import android.support.v4.widget.NestedScrollView;
import android.util.AttributeSet;
import android.view.View;

import java.util.ArrayList;
import java.util.List;

public class FocusAwareScrollView extends NestedScrollView {

    private List<OnScrollViewListener> onScrollViewListeners = new ArrayList<>();

    public FocusAwareScrollView(Context context) {
        super(context);
    }

    public FocusAwareScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public FocusAwareScrollView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public interface OnScrollViewListener {
        void onScrollChanged(FocusAwareScrollView v, int l, int t, int oldl, int oldt);
    }

    public interface OnViewSeenListener {
        void onViewSeen(View v, int percentageScrolled);
    }

    public void addOnScrollListener(OnScrollViewListener l) {
        onScrollViewListeners.add(l);
    }

    public void removeOnScrollListener(OnScrollViewListener l) {
        onScrollViewListeners.remove(l);
    }

    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        for (int i = onScrollViewListeners.size() - 1; i >= 0; i--) {
            onScrollViewListeners.get(i).onScrollChanged(this, l, t, oldl, oldt);
        }
        super.onScrollChanged(l, t, oldl, oldt);
    }

    @Override
    public void requestChildFocus(View child, View focused) {
        super.requestChildFocus(child, focused);
    }

    private boolean handleViewSeenEvent(View view, int scrollBoundsBottom, int scrollYOffset,
                                        float minSeenPercentage, OnViewSeenListener onViewSeenListener) {
        int loc[] = new int[2];
        view.getLocationOnScreen(loc);
        int viewBottomPos = loc[1] - scrollYOffset + (int) (minSeenPercentage / 100 * view.getMeasuredHeight());
        if (viewBottomPos <= scrollBoundsBottom) {
            int scrollViewHeight = this.getChildAt(0).getHeight();
            int viewPosition = this.getScrollY() + view.getScrollY() + view.getHeight();
            int percentageSeen = (int) ((double) viewPosition / scrollViewHeight * 100);
            onViewSeenListener.onViewSeen(view, percentageSeen);
            return true;
        }
        return false;
    }

    public void registerViewSeenCallBack(final ArrayList<View> views, final OnViewSeenListener onViewSeenListener) {

        final boolean[] viewSeen = new boolean[views.size()];

        FocusAwareScrollView.this.postDelayed(new Runnable() {
            @Override
            public void run() {

                final Rect scrollBounds = new Rect();
                FocusAwareScrollView.this.getHitRect(scrollBounds);
                final int loc[] = new int[2];
                FocusAwareScrollView.this.getLocationOnScreen(loc);

                FocusAwareScrollView.this.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {

                    boolean allViewsSeen = true;

                    @Override
                    public void onScrollChange(NestedScrollView v, int x, int y, int oldx, int oldy) {

                        for (int index = 0; index < views.size(); index++) {

                            //Change this to adjust criteria
                            float viewSeenPercent = 1;

                            if (!viewSeen[index])
                                viewSeen[index] = handleViewSeenEvent(views.get(index), scrollBounds.bottom, loc[1], viewSeenPercent, onViewSeenListener);

                            if (!viewSeen[index])
                                allViewsSeen = false;
                        }

                        //Remove this if you want continuous callbacks
                        if (allViewsSeen)
                            FocusAwareScrollView.this.setOnScrollChangeListener((NestedScrollView.OnScrollChangeListener) null);
                    }
                });
            }
        }, 500);
    }
}

1

Шлях Котліна;

Розширення для переліку прокрутки подання прокрутки та отримати дію, якщо подання дитини видно на екрані.

@SuppressLint("ClickableViewAccessibility")
fun View.setChildViewOnScreenListener(view: View, action: () -> Unit) {
    val visibleScreen = Rect()

    this.setOnTouchListener { _, motionEvent ->
        if (motionEvent.action == MotionEvent.ACTION_MOVE) {
            this.getDrawingRect(visibleScreen)

            if (view.getLocalVisibleRect(visibleScreen)) {
                action()
            }
        }

        false
    }
}

Використовуйте цю функцію розширення для будь-якого перегляду, що прокручується

nestedScrollView.setChildViewOnScreenListener(childView) {
               action()
            }

0

Я знаю це дуже пізно. Але у мене є гарне рішення. Нижче наведено фрагмент коду для отримання відсотка видимості перегляду у вікні прокрутки.

Перш за все, встановіть сенсорний слухач у режимі прокрутки, щоб отримати зворотний дзвінок для зупинки прокрутки.

@Override
public boolean onTouch(View v, MotionEvent event) {
    switch ( event.getAction( ) ) {
        case MotionEvent.ACTION_CANCEL:
        case MotionEvent.ACTION_UP:
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    if(mScrollView == null){
                        mScrollView = (ScrollView) findViewById(R.id.mScrollView);
                    }
                    int childCount = scrollViewRootChild.getChildCount();

                    //Scroll view location on screen
                    int[] scrollViewLocation = {0,0};
                    mScrollView.getLocationOnScreen(scrollViewLocation);

                    //Scroll view height
                    int scrollViewHeight = mScrollView.getHeight();
                    for (int i = 0; i < childCount; i++){
                        View child = scrollViewRootChild.getChildAt(i);
                        if(child != null && child.getVisibility() == View.VISIBLE){
                            int[] viewLocation = new int[2];
                            child.getLocationOnScreen(viewLocation);
                            int viewHeight = child.getHeight();
                            getViewVisibilityOnScrollStopped(scrollViewLocation, scrollViewHeight,
                                    viewLocation, viewHeight, (String) child.getTag(), (childCount - (i+1)));
                        }
                    }
                }
            }, 150);
            break;
    }
    return false;
}

У наведеному вище фрагменті коду ми отримуємо зворотні дзвінки для подій із прокруткою перегляду прокрутки та розміщуємо пробіг через 150 мільйонів (не обов’язково) після припинення зворотного дзвінка для прокрутки. У цій програмі ми отримаємо розташування подання прокрутки на екрані та висоту подання прокрутки. Потім отримайте прямий екземпляр перегляду дочірньої групи та отримайте підрахунок дитини. У моєму випадку прямий дочір прогляду прокрутки - LinearLayout з назвою scrollViewRootChild . Потім повторіть усі дочірні подання scrollViewRootChild . У наведеному вище фрагменті коду ви бачите, що я отримую розташування дитини на екрані в цілочисленному масиві з назвою viewLocation , отримую висоту перегляду в змінному name viewHeight . Тоді я викликав приватний метод getViewVisibilityOnScrollStopped. Ви можете зрозуміти внутрішню роботу цього методу, прочитавши документацію.

/**
 * getViewVisibilityOnScrollStopped
 * @param scrollViewLocation location of scroll view on screen
 * @param scrollViewHeight height of scroll view
 * @param viewLocation location of view on screen, you can use the method of view claas's getLocationOnScreen method.
 * @param viewHeight height of view
 * @param tag tag on view
 * @param childPending number of views pending for iteration.
 */
void getViewVisibilityOnScrollStopped(int[] scrollViewLocation, int scrollViewHeight, int[] viewLocation, int viewHeight, String tag, int childPending) {
    float visiblePercent = 0f;
    int viewBottom = viewHeight + viewLocation[1]; //Get the bottom of view.
    if(viewLocation[1] >= scrollViewLocation[1]) {  //if view's top is inside the scroll view.
        visiblePercent = 100;
        int scrollBottom = scrollViewHeight + scrollViewLocation[1];    //Get the bottom of scroll view 
        if (viewBottom >= scrollBottom) {   //If view's bottom is outside from scroll view
            int visiblePart = scrollBottom - viewLocation[1];  //Find the visible part of view by subtracting view's top from scrollview's bottom  
            visiblePercent = (float) visiblePart / viewHeight * 100;
        }
    }else{      //if view's top is outside the scroll view.
        if(viewBottom > scrollViewLocation[1]){ //if view's bottom is outside the scroll view
            int visiblePart = viewBottom - scrollViewLocation[1]; //Find the visible part of view by subtracting scroll view's top from view's bottom
            visiblePercent = (float) visiblePart / viewHeight * 100;
        }
    }
    if(visiblePercent > 0f){
        visibleWidgets.add(tag);        //List of visible view.
    }
    if(childPending == 0){
        //Do after iterating all children.
    }
}

Якщо ви відчуваєте будь-яке вдосконалення цього коду, будь ласка, надайте свій внесок


0

Я закінчив реалізувати комбінацію двох відповідей Java (@ bill-mote https://stackoverflow.com/a/12428154/3686125 та @ denys-vasylenko https://stackoverflow.com/a/25528434/3686125 ) у мій проект у вигляді набору розширень Kotlin, які підтримують або стандартні вертикальні елементи ScrollView, або HorizontalScrollView.

Я щойно перекинув їх у файл Котліна з назвою Extensions.kt, не клас, а лише методи.

Я використовував їх, щоб визначити, до якого елемента слід приєднатися, коли користувач перестане прокручувати різні перегляди прокрутки в моєму проекті:

fun View.isPartiallyOrFullyVisible(horizontalScrollView: HorizontalScrollView) : Boolean {
    @Suppress("CanBeVal") var scrollBounds = Rect()
    horizontalScrollView.getHitRect(scrollBounds)
    return getLocalVisibleRect(scrollBounds)
}

fun View.isPartiallyOrFullyVisible(scrollView: ScrollView) : Boolean {
    @Suppress("CanBeVal") var scrollBounds = Rect()
    scrollView.getHitRect(scrollBounds)
    return getLocalVisibleRect(scrollBounds)
}

fun View.isFullyVisible(horizontalScrollView: HorizontalScrollView) : Boolean {
    @Suppress("CanBeVal") var scrollBounds = Rect()
    horizontalScrollView.getDrawingRect(scrollBounds)
    val left = x
    val right = left + width
    return scrollBounds.left < left && scrollBounds.right > right
}

fun View.isFullyVisible(scrollView: ScrollView) : Boolean {
    @Suppress("CanBeVal") var scrollBounds = Rect()
    scrollView.getDrawingRect(scrollBounds)
    val top = y
    val bottom = top + height
    return scrollBounds.top < top && scrollBounds.bottom > bottom
}

fun View.isPartiallyVisible(horizontalScrollView: HorizontalScrollView) : Boolean = isPartiallyOrFullyVisible(horizontalScrollView) && !isFullyVisible(horizontalScrollView)
fun View.isPartiallyVisible(scrollView: ScrollView) : Boolean = isPartiallyOrFullyVisible(scrollView) && !isFullyVisible(scrollView)

Приклад використання, повторення через дітей LinearLayout прокрутки та виведення журналів:

val linearLayoutChild: LinearLayout = getChildAt(0) as LinearLayout
val scrollView = findViewById(R.id.scroll_view) //Replace with your scrollview control or synthetic accessor
for (i in 0 until linearLayoutChild.childCount) {
    with (linearLayoutChild.getChildAt(i)) {
        Log.d("ScrollView", "child$i left=$left width=$width isPartiallyOrFullyVisible=${isPartiallyOrFullyVisible(scrollView)} isFullyVisible=${isFullyVisible(scrollView)} isPartiallyVisible=${isPartiallyVisible(scrollView)}")
    }
}

1
чому ви використовуєте varта пригнічуєте натяк на ідею?
Filipkowicz

-1

Використовуючи @Qberticus відповідь, яка була суттєвою, але чудова btw, я поєднав купу кодів, щоб перевірити, щоразу, коли викликається прокрутка і прокручується, вона викликає відповідь @Qberticus, і ви можете робити все, що завгодно, у моєму випадку у мене є Соціальна мережа, що містить відео, тому, коли вид звертається на екрані, я відтворюю відео таку ж ідею, як facebook та Instagram. Ось код:

mainscrollview.getViewTreeObserver().addOnScrollChangedListener(new OnScrollChangedListener() {

                    @Override
                    public void onScrollChanged() {
                        //mainscrollview is my scrollview that have inside it a linearlayout containing many child views.
                        Rect bounds = new Rect();
                         for(int xx=1;xx<=postslayoutindex;xx++)
                         {

                          //postslayoutindex is the index of how many posts are read.
                          //postslayoutchild is the main layout for the posts.
                        if(postslayoutchild[xx]!=null){

                            postslayoutchild[xx].getHitRect(bounds);

                        Rect scrollBounds = new Rect();
                        mainscrollview.getDrawingRect(scrollBounds);

                        if(Rect.intersects(scrollBounds, bounds))
                        {
                            vidPreview[xx].startPlaywithoutstoppping();
                         //I made my own custom video player using textureview and initialized it globally in the class as an array so I can access it from anywhere.
                        }
                        else
                        {

                        }


                        }
                    }
                    }
                });
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.