2012-03-23 214 views
0

我有一個GridView內滾動視圖和GridView有4個圖像加載到它(通過ImageAdapter)。我的問題是我可以得到3張圖片,但第4張沒有。經過進一步的調查後,我發現gridview的高度只是行的高度,所以如果我將xml中的gridview高度設置爲700dp,那麼它會顯示出來。Android - GridView的高度到最大高度

以下是截圖:

enter image description here

正如你所看到的,我設置在GridView的背景暗粉紅,說明在GridView的是。

下面是該MAIN_MENU的XML:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/llLayoutContainer" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" >  

    <!-- <LinearLayout android:id="@+id/llMiddle" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:orientation="horizontal"> --> 

     <LinearLayout 
      android:id="@+id/llLeft" 
      android:layout_width="400dp" 
      android:layout_height="match_parent" 
      android:orientation="vertical" 
      android:background="@drawable/layout_left" 
      android:paddingLeft="5dp" 
      android:paddingRight="5dp"> 
      <ScrollView 
       android:id="@+id/svMenu" 
       android:layout_width="400dp" 
       android:layout_height="match_parent" 
       > 
      </ScrollView>   
     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/llRight" 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:orientation="vertical" 
      android:background="@drawable/layout_right" 
      android:padding="0dp"> 
     </LinearLayout> 
    <!-- </LinearLayout> --> 
</LinearLayout> 

的LinearLayout中 「llLeft」 對應於菜單項得到加載佈局(了滾動內)。 layout_left只是一個在綠色背景周圍繪製黑色輪廓的形狀。

下面是它包含了GridView中main_menu_header.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:paddingTop="5dp"> 

    <TextView 
      android:id="@+id/tvDashboardHeader" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:text="Dashboard Main Menu" 
      android:textSize="20dp" 
      style="@style/TextShadow" 
      android:paddingTop="5dp" 
      android:gravity="left" 
      android:background="@drawable/menu_item_bg"   
      /> 
    <GridView 
     android:id="@+id/gvMenuItems" 
     android:layout_width="400dp" 
     android:layout_height="match_parent" 
     android:columnWidth="110dp" 
     android:numColumns="auto_fit"  
     android:verticalSpacing="10dp"  
     android:horizontalSpacing="10dp"  
     android:stretchMode="columnWidth" 
     android:background="@color/HotPink" 
     android:gravity="center" > 
    </GridView> 

</LinearLayout> 

這裏就是我如何填充GridView控件:

 ScrollView sv = (ScrollView)findViewById(R.id.svMenu); 
     LayoutInflater liInflater = getLayoutInflater(); 
     ViewGroup vg = (ViewGroup)liInflater.inflate(R.layout.main_menu_header, sv, false); 
     sv.addView(vg); 

     //Setup the Main Menu items on the left side. 
     GridView gvMenuItems = (GridView) findViewById(R.id.gvMenuItems);  
     gvMenuItems.setAdapter(new ImageAdapter(this)); 

ImageAdapter類:

ImageAdapter類:

public class ImageAdapter extends BaseAdapter { 
    private Context mContext;  

    public ImageAdapter(Context c) { 
     mContext = c;  
    }  

    public int getCount() {   
     return mThumbIds.length;  
    }  

    public Object getItem(int position) {   
     return null;  
    }  

    public long getItemId(int position) {   
     return 0;  
    }  

    // create a new ImageView for each item referenced by the Adapter  
    public View getView(int position, View convertView, ViewGroup parent) {   

     ImageView imageView; 

     if (convertView == null) { 
      // if it's not recycled, initialize some attributes    
      imageView = new ImageView(mContext); 
      imageView.setLayoutParams(new GridView.LayoutParams(parent.getLayoutParams().width, 125)); //new GridView.LayoutParams(400, 125));    
      //imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
      imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE); 
      imageView.setMaxHeight(50); 
      imageView.setMaxWidth(50); 
      //imageView.setPadding(30, 0, 0, 0); 
      //imageView.setPadding(40, 30, 20, 30); 

      } else {    
       imageView = (ImageView) convertView;   
      }   

     imageView.setImageResource(mThumbIds[position]); 

     return imageView; 
    }  

    // references to our images  
    private Integer[] mThumbIds = { 
      R.drawable.home, 
      R.drawable.open_folder, 
      R.drawable.paper_pen, 
      R.drawable.person 
    }; 
} 

我認爲android:layout_height =「match_parent」的gridview屬性可以工作,但事實並非如此。關於如何讓GridView在滾動視圖內佔據整個左側的任何想法?

回答

1

我最好的猜測是scrollview給你的問題。

爲什麼你需要scrollview

網格視圖將處理滾動。這是多餘的。所以請刪除它,直接添加充氣視圖直接到llLeft。這將解決問題。


事實上,使用xml解決你的UI問題會更優雅。在您的main_menu.xml中使用<include>標記。下面是如何

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/llLayoutContainer" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="horizontal" >  

<!-- <LinearLayout android:id="@+id/llMiddle" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:orientation="horizontal"> --> 

    <LinearLayout 
     android:id="@+id/llLeft" 
     android:layout_width="400dp" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     android:background="@drawable/layout_left" 
     android:paddingLeft="5dp" 
     android:paddingRight="5dp"> 
     <include 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     layout="@layout/main_menu_header" />   
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/llRight" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:orientation="vertical" 
     android:background="@drawable/layout_right" 
     android:padding="0dp"> 
    </LinearLayout> 
<!-- </LinearLayout> --> 

+0

你說的沒錯......滾動型是多餘的....進行更改的XML後,我只需設置gridview的適配器連接到ImageAdapter?我試過這個,但沒有出現,我猜是因爲ImageAdapter不會誇大視圖,但不太確定。我的大腦是一個小小的自動取款機。我如何直接膨脹視圖? – Robert 2012-03-23 03:20:14

+0

你只需要在你的問題中使用最後兩行代碼,如果你遵循我建議的xml。 //設置左側的主菜單項。 GridView gvMenuItems =(GridView)findViewById(R.id.gvMenuItems); gvMenuItems.setAdapter(new ImageAdapter(this)); – PH7 2012-03-23 05:30:35

+0

你可以嘗試你的老方法。只需刪除滾動視圖。它也應該工作。 – PH7 2012-03-23 05:31:07