ScrollView嵌套使用GridView 两个都可以滚动

         最近在做项目是遇到了需求,就是一个界面为了考虑屏幕小的手机,界面上的布局需要使用ScrollView ,但是页面有一个供用户选择的地址,需要使用GridView,以九宫格的形式将地址列出供用户选择,于是就产生了一个很麻烦的问题,就是ScrollView中嵌套GridView是一个很麻烦的问题,于是上网查了一下资料,Google官方说是不允许这样的操作,认为这是不规范,不合法的。但是网上还是有办法解决,说白了就是自定义GridView,在OnMeasure方法中计算GridView中的内容,然后算出GridView的高度,这样就是的GridView内容全部显示出来,此时GridView不需要滚动,于是ScrollView就可以滚动,就不存在滚动冲突,ScrollView嵌套GridView的情况,由于这两款控件都自带滚动条,当他们碰到一起的时候便会出问题,即GridView会显示不全。 

解决办法,自定义一个GridView控件

public class MyGridView extends GridView { 

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

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

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

    @Override 
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 

        int expandSpec = MeasureSpec.makeMeasureSpec( 
                Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST); 
        super.onMeasure(widthMeasureSpec, expandSpec); 
    } 
} 
该自定义控件只是重写了GridView的onMeasure方法,使其不会出现滚动条,ScrollView嵌套ListView也是同样的道理,不再赘述。
XML布局代码 :
<ScrollView Android:layout_height="wrap_content" 
 Android:layout_width="fill_parent" android:id="@+id/scroll_content"> 
 <com.yourclass.MyGridView xmlns:Android="http://schemas.android.com/apk/res/android" 
 Android:id="@+id/grid_view" android:layout_width="fill_parent" 
 Android:layout_height="wrap_content" android:numColumns="auto_fit" 
 Android:horizontalSpacing="1dip" android:verticalSpacing="1dip" 
 Android:columnWidth="150dip" android:stretchMode="columnWidth" 
 Android:gravity="center"> 
 
 </com.yourclass.MyGridView> 
 </ScrollView> 
Java调用代码
MyGridView gridview = (MyGridView) findViewById(R.id.grid_view); 
gridview.setAdapter(new ImageAdapter(this));

但是,这样的话还是不是我的需求,因为我需要scrollview和gridview都可以滚动,而不是让gridview全部显示,于是想起之前写过ScrollView中嵌套ListView(http://blog.csdn.net/hj363049394/article/details/26590079),是解决过这种问题,于是重新思考了一下,终于解决了

自定义GridView:

public class ScrollableGridView extends GridView {
	boolean expanded = true;
	public ScrollableGridView(Context context) {
		super(context);
	}
	public ScrollableGridView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}
	public ScrollableGridView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}
	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			requestDisallowInterceptTouchEvent(true);
		case MotionEvent.ACTION_MOVE:
			break;
		case MotionEvent.ACTION_UP:
		case MotionEvent.ACTION_CANCEL:
			requestDisallowInterceptTouchEvent(false);
			break;
		default:
			break;
		}
		return super.onInterceptTouchEvent(ev);
	}
}

main_activity.ml布局文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ScrollView
        android:id="@+id/mScroll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:id="@+id/lin"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn1" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn2" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn3" />
            
            <com.example.gridviewinscrollview.ScrollableGridView
                android:id="@+id/spotsView"
                android:layout_width="wrap_content"
                android:layout_height="150dp"
                android:layout_marginBottom="15dp"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:layout_marginTop="15dp"
                android:horizontalSpacing="10dp"
                android:isScrollContainer="false"
                android:numColumns="5"
                android:stretchMode="columnWidth"
                android:verticalSpacing="10dp" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn4" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="200dp"
                android:text="Btn5" />

        </LinearLayout>
    </ScrollView>

</RelativeLayout>

java调用:

public class MainActivity extends Activity {

	private ScrollView mScroll;
	private ScrollableGridView mGridView;
	private MyGridViewAdapter mAdapter;
	
	private String[] str = {"厦门公司","拉萨工作","天津公司","北京公司","上海公司","杭州公司","苏州公司","广州公司",
			"云南公司","河北公司","无锡公司","深圳公司","武汉公司","长沙公司","宁夏公司","南宁公司"};
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		mScroll = (ScrollView) findViewById(R.id.mScroll);
		mGridView = (ScrollableGridView) findViewById(R.id.spotsView);
		
		mAdapter = new MyGridViewAdapter(MainActivity.this, str);
		mGridView.setAdapter(mAdapter);
		
	}

}



requestDisallowInterceptTouchEvent(true);该方法就是返回boolean值判断是否调用InterceptTouchEvent方法拦截Touch事件。

这里又发现一个问题,就是scrollview和gridview之间滚动的转换不是很流畅,有时候需要多次滑动gridview才能滚动gridview,仔细一想发现可以获得父类的scrollview的组件,自己通过scrollview来判断是否拦截Touch事件

自定义gridview:

public class ScrollableGridView extends GridView {

	 ScrollView parentScrollView;

	    public ScrollView getParentScrollView() {
	        return parentScrollView;
	    }

	    public void setParentScrollView(ScrollView parentScrollView) {
	        this.parentScrollView = parentScrollView;
	    }

	    private int maxHeight;

	    public int getMaxHeight() {
	        return maxHeight;
	    }

	    public void setMaxHeight(int maxHeight) {
	        this.maxHeight = maxHeight;
	    }

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

	    @Override
	    public boolean onInterceptTouchEvent(MotionEvent ev) {

	        switch (ev.getAction()) {
	            case MotionEvent.ACTION_DOWN:

	                setParentScrollAble(false);
	            case MotionEvent.ACTION_MOVE:

	                break;
	            case MotionEvent.ACTION_UP:

	            case MotionEvent.ACTION_CANCEL:
	                setParentScrollAble(true);
	                break;
	            default:
	                break;
	        }
	        return super.onInterceptTouchEvent(ev);
	    }

	    /**
	     * @param flag
	     */
	    private void setParentScrollAble(boolean flag) {

	        parentScrollView.requestDisallowInterceptTouchEvent(!flag);
	    }

}

main_activity.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ScrollView
        android:id="@+id/mScroll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:id="@+id/lin"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn1" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn2" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn3" />
            
            <com.example.gridviewinscrollview.ScrollableGridView
                android:id="@+id/spotsView"
                android:layout_width="wrap_content"
                android:layout_height="150dp"
                android:layout_marginBottom="15dp"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:layout_marginTop="15dp"
                android:horizontalSpacing="10dp"
                android:isScrollContainer="false"
                android:numColumns="5"
                android:stretchMode="columnWidth"
                android:verticalSpacing="10dp" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="80dp"
                android:text="Btn4" />

            <Button
                android:layout_width="fill_parent"
                android:layout_height="200dp"
                android:text="Btn5" />

        </LinearLayout>
    </ScrollView>

</RelativeLayout>

java调用代码:

public class MainActivity extends Activity {

	private ScrollView mScroll;
	private ScrollableGridView mGridView;
	private MyGridViewAdapter mAdapter;
	
	private String[] str = {"厦门公司","拉萨工作","天津公司","北京公司","上海公司","杭州公司","苏州公司","广州公司",
			"云南公司","河北公司","无锡公司","深圳公司","武汉公司","长沙公司","宁夏公司","南宁公司"};
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		mScroll = (ScrollView) findViewById(R.id.mScroll);
		mGridView = (ScrollableGridView) findViewById(R.id.spotsView);
		
		mAdapter = new MyGridViewAdapter(MainActivity.this, str);
		mGridView.setAdapter(mAdapter);
		mGridView.setParentScrollView(mScroll);
		
	}

}

此时,可见scrollview和gridview之间的滚动切换非常流畅,毫无压力,最终达到了想要的效果。





  • 2
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

NIKO_HAO

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值