動態網格佈局

Question

我想實現網格，它將被動態地填充。我想知道實現這種相對佈局（列表視圖）或網格佈局的最佳方法是什麼？

Answer 1

您可以動態生成GridView。

GridView將根據您的需要包含ImageView和TextView。您將不得不使用您的自定義適配器。在它的getView方法中，填充ImageView和TextView。

實施例：

的GridView item.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 

    <ImageView 
     android:id="@+id/imgItem" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:src="@drawable/ic_launcher" /> 

    <TextView 
     android:id="@+id/txtItem" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:fontFamily="trebuchet" 
     android:textColor="@android:color/black" 
     android:textSize="15sp" 
     android:textStyle="bold" /> 

</LinearLayout> 

Java代碼：

項目A POJO類：

public class Item 
{ 
    String title; 
    Drawable image; 
    //getter setter 
} 

適配器類：

//getView method in your adapter class 

@Override 
public View getView(int position, View convertView, ViewGroup parent) 
{ 
    View itemView = convertView; 
    ViewHolder holder = null; 

    if (itemView == null) 
    { 
     final LayoutInflater layoutInflater = 
      (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
     itemView = layoutInflater.inflate(resourceId, parent, false); 

     holder = new ViewHolder(); 
     holder.imgItem = (ImageView) itemView.findViewById(R.id.imgItem); 
     holder.txtItem = (TextView) itemView.findViewById(R.id.txtItem); 
     itemView.setTag(holder); 
    } 
    else 
    { 
     holder = (ViewHolder) itemView.getTag(); 
    } 

    Item item = getItem(position); 
    holder.imgItem.setImageDrawable(item.getImage()); 
    holder.txtItem.setText(item.getTitle()); 

    return itemView; 
} 

現在在您的Activity類中添加適配器數據，然後將該適配器設置爲GridView。

Refer to this和this

希望它能幫助。

Answer 2

你想GridView。簡單示例here。在你的情況下，你需要爲每行創建一個XML佈局以適應你的TextView和ImageView。其他答案解決這個問題。

Answer 3

只需使用GridView和自定義適配器即可。每次希望更新視圖時，請在適配器上撥打notifyDataSetChanged()。