Android中實現監聽ScrollView滑動事件_Android

來源:互聯網
上載者:User

時候我們需要監聽ScroView的滑動情況,比如滑動了多少距離,是否滑到布局的頂部或者底部。可惜的是SDK並沒有相應的方法,不過倒是提供了一個

複製代碼 代碼如下:

protected void onScrollChanged(int x, int y, int oldx, int oldy) 

方法,顯然這個方法是不能被外界調用的,因此就需要把它暴露出去,方便使用。解決方式就是寫一個介面,
複製代碼 代碼如下:

package com.example.demo1; 
 
public interface ScrollViewListener { 
 
    void onScrollChanged(ObservableScrollView scrollView, int x, int y, int oldx, int oldy); 
 

 然後重寫ScrollView類,給它提供上面寫的回調介面。

複製代碼 代碼如下:

package com.example.demo1; 
 
import android.content.Context; 
import android.util.AttributeSet; 
import android.widget.ScrollView; 
 
public class ObservableScrollView extends ScrollView { 
 
    private ScrollViewListener scrollViewListener = null; 
 
    public ObservableScrollView(Context context) { 
        super(context); 
    } 
 
    public ObservableScrollView(Context context, AttributeSet attrs, 
            int defStyle) { 
        super(context, attrs, defStyle); 
    } 
 
    public ObservableScrollView(Context context, AttributeSet attrs) { 
        super(context, attrs); 
    } 
 
    public void setScrollViewListener(ScrollViewListener scrollViewListener) { 
        this.scrollViewListener = scrollViewListener; 
    } 
 
    @Override 
    protected void onScrollChanged(int x, int y, int oldx, int oldy) { 
        super.onScrollChanged(x, y, oldx, oldy); 
        if (scrollViewListener != null) { 
            scrollViewListener.onScrollChanged(this, x, y, oldx, oldy); 
        } 
    } 
 

注意在xml布局的時候,不要寫錯了包。

複製代碼 代碼如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context=".MainActivity" > 
 
    <com.example.demo1.ObservableScrollView 
        android:id="@+id/view1" 
        android:layout_width="wrap_content" 
        android:layout_height="match_parent" > 
 
        <LinearLayout 
            android:layout_width="wrap_content" 
            android:layout_height="match_parent" 
            android:orientation="vertical" > 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試1" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試2" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試3" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試4" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試5" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試6" /> 
        </LinearLayout> 
    </com.example.demo1.ObservableScrollView> 
 
    <com.example.demo1.ObservableScrollView 
        android:id="@+id/view2" 
        android:layout_width="wrap_content" 
        android:layout_height="match_parent" > 
 
        <LinearLayout 
            android:layout_width="wrap_content" 
            android:layout_height="match_parent" 
            android:orientation="vertical" > 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試1" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試2" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試3" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試4" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試5" /> 
 
            <TextView 
                android:layout_width="100dp" 
                android:layout_height="100dp" 
                android:text="試試6" /> 
        </LinearLayout> 
    </com.example.demo1.ObservableScrollView> 
 
</LinearLayout> 
 

  最後activity代碼如下,
複製代碼 代碼如下:

package com.example.demo1; 
 
import android.os.Bundle; 
import android.app.Activity; 
import android.view.Menu; 
 
public class MainActivity extends Activity implements ScrollViewListener { 
 
    private ObservableScrollView scrollView1 = null; 
    private ObservableScrollView scrollView2 = null; 
 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.activity_main); 
 
        scrollView1 = (ObservableScrollView) findViewById(R.id.view1); 
        scrollView1.setScrollViewListener(this); 
        scrollView2 = (ObservableScrollView) findViewById(R.id.view2); 
        scrollView2.setScrollViewListener(this); 
 
    } 
 
    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
        // Inflate the menu; this adds items to the action bar if it is present. 
        getMenuInflater().inflate(R.menu.main, menu); 
        return true; 
    } 
 
    @Override 
    public void onScrollChanged(ObservableScrollView scrollView, int x, int y, 
            int oldx, int oldy) { 
        if (scrollView == scrollView1) { 
            scrollView2.scrollTo(x, y); 
        } else if (scrollView == scrollView2) { 
            scrollView1.scrollTo(x, y); 
        } 
    } 
 


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.