setting focus to a paticular view in scroll view

In this blog we will set focus or display a particular view in the scroll view. many scenario has to display a particular view in scroll view such as we want to display the error on the particular view when any form submition.

ScrollView:-

A view group that allows the view hierarchy placed within it to be scrolled. Scroll view may have only one direct child placed within it. To add multiple views within the scroll view, make the direct child we add a view group.

How we will do?

Add the following function code and pass ScrollView object and View object

 public static void scrollToView(final View scrollView, final View view) {
        view.requestFocus();
        final Rect scrollBounds = new Rect();
        scrollView.getHitRect(scrollBounds);
        if (!view.getLocalVisibleRect(scrollBounds)) {
            new Handler().post(new Runnable() {
                @Override
                public void run() {
                    int toScroll = getRelativeTop(view) - getRelativeTop(scrollView);
                    ((ScrollView) scrollView).smoothScrollTo(0, toScroll-120);
                }
            });
        }
    }
    public static int getRelativeTop(View myView) {
        if (myView.getParent() == myView.getRootView()) return myView.getTop();
        else return myView.getTop() + getRelativeTop((View) myView.getParent());
    }

public static void scrollToView(final View scrollView, final View view) {

view.requestFocus();

final Rect scrollBounds = new Rect();

scrollView.getHitRect(scrollBounds);

if (!view.getLocalVisibleRect(scrollBounds)) {

new Handler().post(new Runnable() {

@Override

public void run() {

int toScroll = getRelativeTop(view) - getRelativeTop(scrollView);

((ScrollView) scrollView).smoothScrollTo(0, toScroll-120);

}

});

}

public static int getRelativeTop(View myView) {

if (myView.getParent() == myView.getRootView()) return myView.getTop();

else return myView.getTop() + getRelativeTop((View) myView.getParent());

}

call this function

 public boolean isFormValidated(Profiles profileData, boolean shippingAddressVisible, boolean guestCheckout) {

        if (guestCheckout && profileData.getBEmailError() != null && !profileData.getBEmailError().isEmpty()) {
            mBinding.billingAddressForm.addBookEmailTitlelayout.setFocusable(true);
            mBinding.billingAddressForm.addBookEmailTitlelayout.requestFocus();
            Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBookEmailTitlelayout );
            return false;
        }

        if (profileData.getBFirstname().isEmpty()) {
            mBinding.billingAddressForm.addBookfirstnamelayout.setFocusable(true);
            mBinding.billingAddressForm.addBookfirstnamelayout.requestFocus();
            Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBookfirstnamelayout );
            return false;
        }else if (profileData.getBLastname().isEmpty()) {
            mBinding.billingAddressForm.addBooklastnamelayout.setFocusable(true);
            mBinding.billingAddressForm.addBooklastnamelayout.requestFocus();
            Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBooklastnamelayout );
            return false;
        } else if (profileData.getBAddress().isEmpty()) {
            mBinding.billingAddressForm.addBookStreetAddlayout.setFocusable(true);
            mBinding.billingAddressForm.addBookStreetAddlayout.requestFocus();
            Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBookStreetAddlayout );
            return false;
        }
// ------------------add your more code ------------------------------

}

public boolean isFormValidated(Profiles profileData, boolean shippingAddressVisible, boolean guestCheckout) {

if (guestCheckout && profileData.getBEmailError() != null && !profileData.getBEmailError().isEmpty()) {

mBinding.billingAddressForm.addBookEmailTitlelayout.setFocusable(true);

mBinding.billingAddressForm.addBookEmailTitlelayout.requestFocus();

Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBookEmailTitlelayout );

return false;

}

if (profileData.getBFirstname().isEmpty()) {

mBinding.billingAddressForm.addBookfirstnamelayout.setFocusable(true);

mBinding.billingAddressForm.addBookfirstnamelayout.requestFocus();

Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBookfirstnamelayout );

return false;

}else if (profileData.getBLastname().isEmpty()) {

mBinding.billingAddressForm.addBooklastnamelayout.setFocusable(true);

mBinding.billingAddressForm.addBooklastnamelayout.requestFocus();

Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBooklastnamelayout );

return false;

} else if (profileData.getBAddress().isEmpty()) {

mBinding.billingAddressForm.addBookStreetAddlayout.setFocusable(true);

mBinding.billingAddressForm.addBookStreetAddlayout.requestFocus();

Helper.scrollToView(mBinding.scrollView, mBinding.billingAddressForm.addBookStreetAddlayout );

return false;

}

// ------------------add your more code ------------------------------

}

How it look ?

References: – https://developer.android.com/reference/android/widget/ScrollView.html

android ScrollView

ashwini gupta 30 September 2017

. . .

setting focus to a paticular view in scroll view

ScrollView:-

Leave a Comment Cancel Reply

Message Sent!