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

来源:互联网 发布:mysql数据库设置主键 编辑:程序博客网 时间:2024/06/07 01:52

         最近在做项目是遇到了需求,就是一个界面为了考虑屏幕小的手机,界面上的布局需要使用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);}@Overridepublic 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 = {"厦门公司","拉萨工作","天津公司","北京公司","上海公司","杭州公司","苏州公司","广州公司","云南公司","河北公司","无锡公司","深圳公司","武汉公司","长沙公司","宁夏公司","南宁公司"};@Overrideprotected 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 = {"厦门公司","拉萨工作","天津公司","北京公司","上海公司","杭州公司","苏州公司","广州公司","云南公司","河北公司","无锡公司","深圳公司","武汉公司","长沙公司","宁夏公司","南宁公司"};@Overrideprotected 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之间的滚动切换非常流畅,毫无压力,最终达到了想要的效果。





0 0
原创粉丝点击