深入理解ScrollView

最新推荐文章于 2022-03-09 16:15:16 发布

iteye_3753

最新推荐文章于 2022-03-09 16:15:16 发布

阅读量65

点赞数

文章标签：移动开发 java

在网上看到一些网页在实现分页加载的时候，能够自动判断是否到达底部，然后自动加载下一页的内容，开始用的是ListView实现的，但是这个效果并不是很好，因为图片比较多出现了有些卡卡的现象，用了另外一种方式去实现了主要是为了对比一下速度的问题，找了很多最后发现可以使用ScrollView，查了很多ScrollView的文档但是没有多少能够使用到的的东西，可能也是水平有限吧，没有仔细的深入看源码，在捕获Y值得时候出现了问题。

对于判断是否停止和是否到达底部的问题，网上的都是使用每个几十个毫秒去判断是否停止（网上可以搜到），通过两次捕获然后对比是否到达了底部。再接着去加载下一页的内容，这种方式会出现的问题就是用户的体验不太好，只有滑动了两次之后才能够加载下一页的内容。后来找到了一种方法可以一次判断是否到达底部。下面我把两种实现方式全部都列出来，主要的一个关键点就是写了一个类继承了scrollView，在这个类中有一个监听scrollView是否变化的方法，在这个监听方法中调用了computeVerticalScrollRange方法。

main.xml

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout   
         xmlns:android="http://schemas.android.com/apk/res/android"   
         android:layout_height="wrap_content"  
         android:orientation="vertical" 
         android:paddingBottom="4dip" android:layout_width="fill_parent">  
         <ImageView   
               android:layout_height="wrap_content"   
               android:id="@+id/ItemImage"   
               android:layout_width="wrap_content"   
               android:layout_centerHorizontal="true">   
         </ImageView>  
         <TextView   
               android:layout_width="wrap_content"   
               android:layout_below="@+id/ItemImage"   
               android:layout_height="wrap_content"   
               android:text="TextView01"   
               android:layout_centerHorizontal="true"   
               android:id="@+id/ItemText">  
         </TextView>  
</LinearLayout>

item.xml

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout   
         xmlns:android="http://schemas.android.com/apk/res/android"   
         android:layout_height="wrap_content"  
         android:orientation="vertical" 
         android:paddingBottom="4dip" android:layout_width="fill_parent">  
         <ImageView   
               android:layout_height="wrap_content"   
               android:id="@+id/ItemImage"   
               android:layout_width="wrap_content"   
               android:layout_centerHorizontal="true">   
         </ImageView>  
         <TextView   
               android:layout_width="wrap_content"   
               android:layout_below="@+id/ItemImage"   
               android:layout_height="wrap_content"   
               android:text="TextView01"   
               android:layout_centerHorizontal="true"   
               android:id="@+id/ItemText">  
         </TextView>  
</LinearLayout>

java代码

public class MainActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        init();
    }

	private void init() {
		LinearLayout linearLayout = (LinearLayout) findViewById(R.id.linearlayout);
		for (int i = 0; i < 10; i++) {
			LinearLayout linearLayoutItem =  (LinearLayout) getLayoutInflater().inflate(R.layout.item, null);

			TextView textView = (TextView) linearLayoutItem.findViewById(R.id.ItemText);
			textView.setText("垂直滚动");
	
			ImageView imageView = (ImageView) linearLayoutItem.findViewById(R.id.ItemImage);
			imageView.setImageResource(R.drawable.item1);
			
			linearLayout.addView(linearLayoutItem);
		}

		
	}
}

上边的是一个有关scrollView的小例子

下边一个才是关键的哦

java代码

public class MySeccondListViewActivity extends Activity {
	LinearLayout linearLayout;
	TestScrollView scrollView;
	Button button;
	LinearLayout linearLayoutShowMore; 
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.category_project_list);
		linearLayout = (LinearLayout) findViewById(R.id.linearlayout);
		scrollView = (com.damai.mobile.TestScrollView) findViewById(R.id.scrollView);
		System.out.println("first scrollView= " + scrollView.getScrollY());
		init();
		scrollView.onS(new TestOnScrollChanged(){
			@Override
			public void down() {
				super.down();
						linearLayoutShowMore.setVisibility(View.INVISIBLE);
						init(); 
				}
			@Override
			public void up() {
				super.up();
				Toast.makeText(MySeccondListViewActivity.this, "到达顶部了",
						Toast.LENGTH_SHORT).show();
			}
		});
	
		scrollView.setOnTouchListener(new OnTouchListener() {
			
			@Override
			public boolean onTouch(View v, MotionEvent event) {
		        if (event.getAction() == MotionEvent.ACTION_UP) {  
		            /** 滑动到顶部和底部做处理 **/  
		        	scrollView.istouch=true;
		        }  
		        return false;  
		    }  
		});
    }

	private void init() {
		for (int i = 0; i < 5; i++) {
			final int postion = i ;
			LinearLayout linearLayout2 = (LinearLayout) getLayoutInflater().inflate(R.layout.item, null);
			
			LinearLayout linearLayoutRight = (LinearLayout) linearLayout2.findViewById(R.id.linearlayoutRight);
			LinearLayout linearLayoutLeft = (LinearLayout) linearLayout2.findViewById(R.id.linearlayoutLeft);
			
			TextView textView1 = (TextView)linearLayout2.findViewById(R.id.ItemTextLeft);
			ImageView imageView1 = (ImageView)linearLayout2.findViewById(R.id.ItemImageLeft);
			
			imageView1.setImageResource(R.drawable.item1);
			textView1.setText("第二列");
			
			TextView textView = (TextView) linearLayout2.findViewById(R.id.ItemText);
			ImageView imageView = (ImageView)linearLayout2.findViewById(R.id.ItemImage);
			
			textView.setText("布局方式");
			imageView.setImageResource(R.drawable.item2);
			
			linearLayout.addView(linearLayout2);
			linearLayoutRight.setOnClickListener(new OnClickListener() {
				
				@Override
				public void onClick(View v) {
					// TODO Auto-generated method stub
					setTitle("您选择了Left第" + postion + "个");
				}
			});
			
			linearLayoutLeft.setOnClickListener(new OnClickListener() {
				
				@Override
				public void onClick(View v) {
					// TODO Auto-generated method stub
					setTitle("您选择了Right第" + postion + "个");
				}
			});
		}
		linearLayoutShowMore = (LinearLayout) getLayoutInflater().inflate(R.layout.show_more_info, null);
		linearLayout.addView(linearLayoutShowMore);
	}
}

继承自scrollView的类

package com.damai.mobile;

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

import android.content.Context;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.widget.ScrollView;

public class TestScrollView extends ScrollView {

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

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

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

	TestOnScrollChanged _t = null;

	public void onS(TestOnScrollChanged t) {
		_t = t;
	}

	// 是否正在移动
	boolean istouch = false;

	@Override
	protected void onScrollChanged(int l, int t, int oldl, int oldt) {
		// TODO Auto-generated method stub
		super.onScrollChanged(l, t, oldl, oldt);

		if (istouch) {
			if (this.getScrollY() + this.getHeight() >= computeVerticalScrollRange()) {
				istouch = false;
				_t.down();
			}
			if (t == 0) {
				istouch = false;
				_t.up();
			}
		}

	}

}

Demo下载地址 http://download.youkuaiyun.com/detail/walker02/4122519