Android ViewPager 中嵌套webview 的滚动处理

最新推荐文章于 2024-04-02 15:39:44 发布

转载最新推荐文章于 2024-04-02 15:39:44 发布 · 2.9k 阅读

文章标签：

#gmail #android #class #null #import #float

Android 专栏收录该内容

254 篇文章

订阅专栏

本文介绍如何在Android应用中实现自定义ViewPager，允许用户在不同页面间滑动的同时，通过调整网页视图的缩放级别来控制是否拦截触摸事件。详细解释了在页面切换时如何调整缩放级别，确保用户可以自由缩放浏览网页内容，或在需要时进行页面跳转。同时，展示了如何在布局文件中使用自定义的ViewPager，并通过适配器和页面监听器实现页面切换与内容更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. implement a custom ViewPager Instance like this:

import android.content.Context; <br>
import android.support.v4.view.ViewPager;  <br>
import android.util.AttributeSet; <br>
import android.util.Log; <br>
import android.view.MotionEvent;

public class CustomViewPager extends ViewPager {

    private MagazineWebView_WithoutFlipWebView mCurrentPageWebView_; //custom webview

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

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {

        if (Constants.LOGGING) {
            Log.v(Constants.LOG_OEAMTC_APP, "CustomViewPager - onInterceptTouchEvent");
        }

        // if view zoomed out (view starts at 33.12... scale level) ... allow
        // zoom within webview, otherwise disallow (allow viewpager to change
        // view)
        if (mCurrentPageWebView_ != null && (mCurrentPageWebView_.getScale() * 100) > 34) {<br>
            Log.v(Constants.LOG_OEAMTC_APP, "CustomViewPager - intrcepted: " + String.valueOf((mCurrentPageWebView_.getScale() * > 100)));<br>
            this.requestDisallowInterceptTouchEvent(true);
        }
        else {
            if (mCurrentPageWebView_ != null) {
                Log.v(Constants.LOG_OEAMTC_APP,
                        "CustomViewPager - not intrcepted: " + String.valueOf(mCurrentPageWebView_.getScale() * 100));
            }
            this.requestDisallowInterceptTouchEvent(false);
        }

        return super.onInterceptTouchEvent(event);
    }

    public MagazineWebView_WithoutFlipWebView getCurrentPageWebView() {
        return mCurrentPageWebView_;
    }

    public void setCurrentPageWebView(MagazineWebView_WithoutFlipWebView currentPageWebView) {
        mCurrentPageWebView_ = currentPageWebView;
    }
}

2. in your main (ViewPager) Activity add the following lines to the view pager

mViewPager_ = new AwesomePagerAdapter();<br>
        viewpapgerInLayout = (CustomViewPager) findViewById(R.id.awesomepager);<br>
        viewpapgerInLayout.setAdapter(mViewPager_);<br>
        viewpapgerInLayout.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {<br>            
            @Override
            public void onPageSelected(int position) {
                  viewpapgerInLayout.setCurrentPageWebView(mLstPagesWebviews_.get(position));
            }

            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });