码迷,mamicode.com
首页 > 移动开发 > 详细

Android的GridView和ScrollView的嵌套

时间:2015-05-24 23:42:00      阅读:479      评论:0      收藏:0      [点我收藏+]

标签:gridview   scrollview   android   显示不全   

来源于回答频道答题,因此内容都是基于回答频道的原题布局进行

1、布局文件如下

文件名:testxm.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f1f1f1"
    android:orientation="vertical" >

    <!-- 顶部蓝色工具栏 -->

    <RelativeLayout
        android:id="@+id/fujin_top_llayout"
        android:layout_width="fill_parent"
        android:layout_height="36dp"
        android:background="#47a9d0"
        android:gravity="center_vertical"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/fujin_top_llayout_lessthan"
            android:layout_width="wrap_content"
            android:layout_height="30dp"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="10dip"
            android:paddingLeft="10dp"
            android:text="1111" />

        <TextView
            android:id="@+id/fujin_top_llayout_fujin"
            android:layout_width="wrap_content"
            android:layout_height="30dp"
            android:layout_toRightOf="@+id/fujin_top_llayout_lessthan"
            android:paddingLeft="10dp"
            android:paddingTop="3dp"
            android:text="222"
            android:textColor="#fff"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/fujin_top_llayout_dingwei"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_toLeftOf="@+id/fujin_top_llayout_search"
            android:text="33333" />

        <TextView
            android:id="@+id/fujin_top_llayout_search"
            android:layout_width="wrap_content"
            android:layout_height="30dp"
            android:layout_alignParentRight="true"
            android:paddingRight="12dp"
            android:text="44444"/>
    </RelativeLayout>
    <!-- 顶部蓝色工具栏结束 -->

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fillViewport="true"
        android:layout_weight="1"
        android:scrollbars="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <!-- title -->

            <RelativeLayout
                android:id="@+id/fenlei_title_rl"
                android:layout_width="match_parent"
                android:layout_height="28dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:layout_marginTop="20dp" >

                <TextView
                    android:id="@+id/fenlei_title_tv"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="标题"
                    android:textSize="15sp" />
            </RelativeLayout>
            <!-- title_over -->


            <!-- btnlist -->

            <LinearLayout
                android:id="@+id/fujin_btnlist_tl"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="15dp"
                android:orientation="vertical"
                android:scrollbarAlwaysDrawVerticalTrack="true" >
            </LinearLayout>
            <!-- btnlist_over -->
        </LinearLayout>
    </ScrollView>

</LinearLayout>

2、gridview的item布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
         xmlns:android="http://schemas.android.com/apk/res/android" 
         android:layout_height="wrap_content" 
         android:paddingBottom="4dip" android:layout_width="fill_parent">
         <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>
</RelativeLayout>

3、activity代码

public class PorterDuffActivity extends Activity{
	private PorterCanvas mPorterCanvas = null;
	private GridView gridView;
	private LinearLayout ll;
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.testxm);
		this.addview();
	}
	private void addview(){
        for(int i=1; i<=35;i++){
            ll=(LinearLayout) findViewById(R.id.fujin_btnlist_tl);
            this.addTwoClassify(i);
        }
	}
	private void makeGridView(int num){
		ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();  
	      for(int i=0;i<10;i++)  
	      {  
	        HashMap<String, Object> map = new HashMap<String, Object>();  
	        map.put("ItemText", num+"NO."+String.valueOf(i));//按序号做ItemText  
	        lstImageItem.add(map);  
	      }  
	      //生成适配器的ImageItem <====> 动态数组的元素,两者一一对应  
	      SimpleAdapter saImageItems = new SimpleAdapter(this, //没什么解释  
	                                                lstImageItem,//数据来源   
	                                                R.layout.gridview_item,//night_item的XML实现  
	                                                  
	                                                //动态数组与ImageItem对应的子项          
	                                                new String[] {"ItemText"},   
	                                                  
	                                                //ImageItem的XML文件里面的一个ImageView,两个TextView ID  
	                                                new int[] {R.id.ItemText});  
	      //添加并且显示  
	      gridView.setAdapter(saImageItems);  
	}
	private void addTwoClassify(int i){

        gridView=new MyGridView(PorterDuffActivity.this);//注意这里使用的是MyGridView,如果使用GridView的话,只会显示一行多一点,第二行显示不完全,使用MyGridView的话,能够完全显示出来。commend by danielinbiti
        gridView.setVerticalSpacing(10);
        gridView.setHorizontalSpacing(15);
        gridView.setNumColumns(3);
        
        this.makeGridView(i);


        LinearLayout ll_two=new LinearLayout(PorterDuffActivity.this);
        ll_two.setPadding(10, 0, 0, 0);
        ll_two.addView(gridView,
                new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
        
        ll.addView(ll_two, new LinearLayout.LayoutParams( 
                LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT)); 

    }
}

4、MyGridView代码

public class MyGridView extends GridView{
	 private boolean needScrollBar = false;   //设置是否有ScrollBar,当要在ScollView中显示时,应当设置为false。 否则为 true  
	    public MyGridView(Context context) {   
	        super(context);   
	    }   
	    public MyGridView(Context context, AttributeSet attrs) {   
	        super(context, attrs);   
	    }   
	    public MyGridView(Context context, AttributeSet attrs, int defStyle) {   
	        super(context, attrs, defStyle);   
	    }   
	    
	    @Override   
	    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {   
	        if (!needScrollBar) {   
	            int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);   
	            super.onMeasure(widthMeasureSpec, expandSpec);   
	        } else {   
	            super.onMeasure(widthMeasureSpec, heightMeasureSpec);   
	        }   
	    }   
}


总结:

因为ScrollView和GridView有布局上的冲突,如果外层嵌套了ScrollView,则GridView如果不是指定固定高度,则无法显示完全。ListView也有该问题。

但其实针对这到题来说,我觉得使用LinearLayout等分方式的布局也是可以的,垂直布局往下添加就可以了,这样避免了与ScrollView的冲突。但主要因为GridView是封装好的组件,所以使用了GridView能够简化一部分工作,但也增加了布局刷新的负担(虽然一般可以不考虑)

Android的GridView和ScrollView的嵌套

标签:gridview   scrollview   android   显示不全   

原文地址:http://blog.csdn.net/danielinbiti/article/details/45956745

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!