`
wang_peng1
  • 浏览: 3930802 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

webView scroll滑动事件

 
阅读更多
public class ScrollWebView extends WebView
{
    private OnScrollChangedCallback mOnScrollChangedCallback;

    public ScrollWebView(final Context context)
    {
        super(context);
    }

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

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

    @Override
    protected void onScrollChanged(final int l, final int t, final int oldl, final int oldt)
    {
        super.onScrollChanged(l, t, oldl, oldt);
        if(mOnScrollChangedCallback != null) mOnScrollChangedCallback.onScroll(l, t);
    }

    public OnScrollChangedCallback getOnScrollChangedCallback()
    {
        return mOnScrollChangedCallback;
    }

    public void setOnScrollChangedCallback(final OnScrollChangedCallback onScrollChangedCallback)
    {
        mOnScrollChangedCallback = onScrollChangedCallback;
    }

    /**
     * Impliment in the activity/fragment/view that you want to listen to the webview
     */
    public static interface OnScrollChangedCallback
    {
        public void onScroll(int l, int t);
    }
}


wv = (ScrollWebView) findViewById(R.id.scorllableWebview);
 wv.setOnScrollChangedCallback(new OnScrollChangedCallback(){
    public void onScroll(int l, int t){
      //Do stuff
      Log.d(TAG,"We Scrolled etc...");
    }
 });

 

分享到:
评论

相关推荐

    android中简单webview例子

    `setBuiltInZoomControls(false)`和`setDisplayZoomControls(false)`用于隐藏缩放控件,`setOverScrollMode(WebView.OVER_SCROLL_NEVER)`则可以隐藏滚动条。`loadUrl`方法加载指定的网页URL。 这个简单的例子展示了...

    iphone ipad PagingScroll WebView

    在iOS开发中,"PagingScrollWithWebView"通常是指一种技术,它结合了分页滚动效果和WebView的使用,主要用于创建类似Apple的“新闻”或“图书”应用那样的多页面浏览体验。在这个场景中,"iphone ipad"表示该技术既...

    android页面滚动条

    在Android平台上,页面滚动条是用户界面中一个重要的交互元素,特别是在移动设备上,由于屏幕尺寸有限,内容过长的页面通常需要滚动条来帮助用户浏览。`iscroll.js`是一个轻量级、高性能的JavaScript库,专为解决...

    弹框后禁止遮罩层后面页面滚动(兼容ios和android).zip

    3. 对于Android,可能还需要考虑Webview的滑动冲突,可能需要禁用Webview的滑动事件。 4. 弹框关闭后,恢复事件和CSS样式:重新绑定scroll和touchmove事件,并将body或主要内容区域的`overflow`属性恢复为`auto`,...

    ios-Continuing-Scroll-Helper.zip

    上面是native的页面,下面是web的页面,这种情况下就有两个scrollView 嵌套在了一起,滚动事件就不太容易控制。一种解决方案就是直接把webView cell的高度直接设置成contentSize的高度,这样的话webView就全部展开了...

    html5在android搭建滚动条

    Cordova允许开发者使用Web技术开发原生移动应用,因此,滚动条的实现可能是在一个Cordova的WebView中完成的。 6. **移动设备优化**:考虑到是在Android设备上运行,需要特别关注性能和触控体验。比如,使用硬件加速...

    Android list列表滑动显示隐藏toolbar(ListView)

    7. **实现滑动返回**:为了让用户能够通过上滑列表快速返回顶部,可以监听ListView的滑动事件,当用户上滑时,如果Toolbar是隐藏状态,可以自动将其显示并滚动到列表顶部。 最后,将这个自定义的OnScrollListener...

    仿微信滑动翻页UI设计和实现

    3. `onPageScrollStateChanged(int state)`: 当页面滚动状态改变时调用,状态有SCROLL_STATE_IDLE(停止)、SCROLL_STATE_DRAGGING(拖动)和SCROLL_STATE_SETTLING(回弹)。 为了创建微信式的滑动效果,我们还...

    mui框架 页面无法滚动的解决方法(推荐)

    indicators: false, // 默认为true,若不需要显示滚动条,可设为false }); }); })(mui); ``` 在这个例子中,`.mui-scroll-wrapper`是Mui框架中用于包裹可滚动内容的类。通过为这个类添加`.scroll()`方法,我们...

    针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。

    总结来说,消除iOS端浏览器顶部下拉和底部上拉时出现的灰色背景,主要通过监听并阻止触摸事件、使用CSS隐藏滚动条以及配置WKWebView的回弹效果来实现。开发者可以根据自身应用的特点和用户体验需求,选择最适合的...

    微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例

    然而,默认情况下,Scroll-View在滚动时会显示滚动条,这可能会影响页面的整体美观。本实例主要讲解如何在微信小程序中实现Swiper切换卡时,内嵌的Scroll-View不显示滚动条。 首先,我们需要了解涉及的关键组件和...

    ScrollViewDemo

    你可以通过设置`android:scrollbars`属性来控制滚动条的显示,比如是否显示垂直滚动条(`android:scrollbars="vertical"`)。 3. **嵌套滚动**:当ScrollView内嵌套了其他可以滚动的组件,如NestedScrollView、...

    酷炫的移动端滚动效果

    例如,可以使用`overflow: auto`或`overflow: scroll`属性来启用滚动条。 CSS(层叠样式表)则负责页面的视觉呈现。我们可以利用CSS3的一些高级特性,如`transform`和`transition`,来实现平滑的滚动动画。例如,...

    vue loadmore 组件滑动加载更多源码解析

    滑动加载更多的实现原理主要基于 Scroll 事件和触摸事件。开发者需要监听容器的 Scroll 事件,并计算容器底部和视窗上边缘的距离。当距离小于设定的阈值时,触发加载更多的动作。 三、滑动加载更多的代码实现 -----...

    Android_ScrollView.zip_android_android scrollview_anriod viewfil

    `android:scrollbars`可以设置滚动条的样式。 4. **动态添加内容**:除了在XML中预先定义,还可以在运行时动态向ScrollView中添加视图,这在处理不确定数量的数据时非常有用。 5. **监听滚动事件**:可以通过添加...

    仿QQ空间下拉头像放大功能demo

    它利用了触摸事件(touch event)和滚动事件(scroll event)来监听用户的滑动手势,并通过CSS3的transform属性和动画(animation)来改变头像的大小和位置,从而实现放大效果。 在实现这个功能时,开发者需要注意...

    MUI顶部选项卡的用法(tab-top-webview-main)详解

    在上面的代码中,我们使用 MUI 的 slider 方法来控制顶部选项卡的行为,设置 interval 属性为 0,以便实现滑动效果。 MUI 顶部选项卡的用法非常简单,只需要在 HTML 文件中添加容器元素,在 JavaScript 文件中配置...

    ScrollView嵌套RecycleView解决高度不适配

    6. **优化滚动行为**:通过设置`android:nestedScrollingEnabled="true"`属性,使RecyclerView能够处理自身的滚动事件,避免与ScrollView的滚动冲突。 ```xml android:id="@+id/recycler_view" android:layout_...

    android ScrollView 阻尼回弹效果 仿微信

    1. **重写onTouchEvent()**:这是处理触摸事件的关键方法,我们需要在这里捕获用户的滑动行为,包括按下、移动和释放等动作。 2. **计算滚动速度**:在手指移动时,我们可以计算每次移动的距离和时间间隔,从而得到...

Global site tag (gtag.js) - Google Analytics