GridView với mục vuông trong Android với chiều rộng adaptive/chiều cao

Question

Tôi có một GridView tùy chỉnh với các mặt hàng như thế

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:clickable="false" 
android:focusable="false" 
android:focusableInTouchMode="false" 
android:gravity="center" 
android:longClickable="false" 
android:orientation="vertical" > 

<TextView 
    android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:clickable="false" 
    android:focusable="false" 
    android:focusableInTouchMode="false" 
    android:longClickable="false" 
    android:text="0" 
    android:textSize="60sp" /> 

</LinearLayout> 

Tôi muốn mục của tôi để có hình vuông và tôi muốn GridView để căng rộng để điền vào tất cả mọi chiều rộng của màn hình theo hướng dọc và tất cả chiều cao theo hướng ngang. Nó sẽ giống như thế này

Trường hợp A - là cạnh của hình vuông và B là chiều rộng lề (có thể bằng không). Tôi nghĩ rằng có lẽ tôi nên ghi đè lên phương pháp onMeasure, nhưng chính xác thì tôi nên làm gì? Có thể ai cũng có thể giúp bạn?

EDIT OK, tôi đã cố gắng đặt chiều rộng và chiều cao của các mục theo cách thủ công trong phương thức getView của bộ điều hợp, tốt hơn nhưng vẫn không phải là thứ tôi muốn. Làm thế nào tôi có thể loại bỏ khoảng cách giữa các cột?

Answer 1

Vì vậy, bạn cần GridView phù hợp với màn hình với cả hai stretchMode="columnWidth" và stretchMode="rowWidth". Thật không may, cuối cùng không phải là thuộc tính thực sự và bạn thực sự cần phải thực hiện các phép tính này khi chạy, như Sherif elKhatib đã đề xuất.

GridView phù hợp với màn hình và trải dài cột tự động cho bạn.

<GridView 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:stretchMode="columnWidth" /> 

Vì vậy, chúng tôi chỉ cần kéo dài hàng. Mà chúng ta có thể làm, bằng cách tính toán hàng rowHeight sẽ như thế nào nếu chúng ta biết chiều cao của GridView và rowsCount.

public class YourAdapter extends BaseAdapter { 

    int rowsCount; 

    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 

     View itemView = convertView; 
     if (itemView == null) { 
      itemView = layoutInflater.inflate(R.layout.item_view, parent, false);    
      int height = parent.getHeight(); 
      if (height > 0) { 
       LayoutParams layoutParams = itemView.getLayoutParams(); 
       layoutParams.height = (int) (height/rowsCount); 
      } // for the 1st item parent.getHeight() is not calculated yet  
     } 
    } 
} 

Answer 2

Trước tiên, bạn muốn tạo lớp Chế độ xem tùy chỉnh mà bạn có thể sử dụng thay cho LinearLayout mặc định bạn đang sử dụng. Sau đó, bạn muốn ghi đè của Xem cuộc gọi onMeasure, và buộc nó phải vuông:

public class GridViewItem extends ImageView { 

    public GridViewItem(Context context) { 
     super(context); 
    } 

    public GridViewItem(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    public GridViewItem(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     super.onMeasure(widthMeasureSpec, widthMeasureSpec); // This is the key that will make the height equivalent to its width 
    } 
} 

Sau đó, bạn có thể thay đổi tập tin của bạn để row_grid.xml:

<path.to.item.GridViewItem xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/item_image" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:scaleType="centerCrop" 
    android:src="@drawable/ic_launcher" > 
</path.to.item.GridViewItem> 

Chỉ cần chắc chắn để thay đổi "con đường. to.item "vào gói chứa lớp GridViewItem.java của bạn.

Edit:

Cũng thay đổi scaleType từ fitXY để centerCrop để hình ảnh của bạn không căng bản thân và duy trì tỉ lệ của nó. Và, miễn là nó là một hình ảnh vuông, không có gì phải được cắt, bất kể.