2015-06-27 56 views
19

我有一個ImageView的&一個GridView控件..GridView控件有兩列,第一項爲跨越兩列

我的佈局設計在這裏..

enter image description here

我想這兩種觀點爲單相結合gridview的

我的問題:

如何設置GridView的第一個項目在兩列跨越?

+0

你試過了什麼? – mdelolmo

+1

我加了一個答案。我想建議您更改問題的標題和內容,以便其他搜索此解決方案的人員可以找到它。也許是這樣的:「具有兩列的GridView,第一項跨越兩列」。 –

回答

48

在研究你的問題時,我學到了一些新東西:碰巧看GridLayoutManagerRecyclerView,我注意到你可以設置一個自定義的SpanSizeLookup。現在,如果您要垂直滾動,「跨度」只是一列,如果您要水平滾動,則只有一行。所以SpanSizeLookup允許你指定例如,0項需要2列,第1項需要1列等

事實證明,如果你使用RecyclerViewGridLayoutManager的解決方案是易於peasy:

@Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     // Create a grid layout with two columns 
     GridLayoutManager layoutManager = new GridLayoutManager(this, 2); 

     // Create a custom SpanSizeLookup where the first item spans both columns 
     layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() { 
      @Override 
      public int getSpanSize(int position) { 
       return position == 0 ? 2 : 1; 
      } 
     }); 

     RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview); 
     recyclerView.setLayoutManager(layoutManager); 
     recyclerView.setAdapter(new MyGridAdapter()); 
    } 

我創建了一個測試項目,只是爲了試用它,並確保它做到了我期望的效果,並且它像一個魅力一樣工作。


有關適配器的說明:RecyclerView.Adapter是不兼容ListAdapter。您需要從RecyclerView.Adapter擴展適配器並進行適當的更改。

這是我爲我的測試項目創建的適配器:

public static class MyViewHolder extends RecyclerView.ViewHolder { 

     ImageView mImageView; 
     TextView mTextView; 

     public MyViewHolder(View itemView) { 
      super(itemView); 
      mImageView = (ImageView) itemView.findViewById(R.id.imageView); 
      mTextView = (TextView) itemView.findViewById(R.id.textView); 
     } 
    } 

    public static class MyGridAdapter extends RecyclerView.Adapter<MyViewHolder> { 

     private int[] mDrawables; 

     public MyGridAdapter() { 
      this.mDrawables = new int[] { 
        R.drawable.images_01, 
        R.drawable.images_02, 
        . 
        . 
        . 
      }; 
     } 

     @Override 
     public int getItemCount() { 
      return mDrawables.length; 
     } 

     @Override 
     public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 

      LayoutInflater inflater = (LayoutInflater) parent.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
      View view = inflater.inflate(R.layout.layout_grid_item, parent, false); 
      MyViewHolder holder = new MyViewHolder(view); 
      // set up any onClickListener you need on the view here 
      return holder; 
     } 

     @Override 
     public void onBindViewHolder(MyViewHolder holder, int position) { 

      holder.mImageView.setImageResource(mDrawables[position]); 
      holder.mTextView.setText("Image " + position); 
     } 
    } 

首先,創建一個RecyclerView.ViewHolder子類。視圖持有者模式現在是這種做適配器視圖的新方法的組成部分。您的ViewHolder將爲您的視圖設置所有子視圖。

然後在您的RecyclerView.Adapter子類中,覆蓋onCreateViewHolder()onBindViewHolder()。在onCreateViewHolder()你膨脹你的看法,並構建ViewHolder。在onBindViewHolder()中,您使用position來獲取適配器數據並使用ViewHolder設置子視圖。所以RecyclerView在技術上回收ViewHolder s包含View s。

一旦您對適配器進行了這些更改,您應該全部設置。

+0

我將我的imageview&gridview替換爲recyclerview.after應用您的代碼..我在recyclerView.setAdapter(適配器)中出現錯誤; – AndroidDev

+1

不幸的是,'RecyclerView.Adapter'與'ListAdapter'不兼容,所以你將不得不重新排列你的適配器。我會更新我的答案以添加一些相關內容。 –

+0

感謝man..It令人驚歎..你可以分享如何找到解決方案嗎?因爲我搜索了超過10天的這個問題。谷歌搜索沒有提供答案.. – AndroidDev