Cách tạo hình ảnh càng lớn càng tốt trong khi duy trì tỷ lệ khung hình

Question

Tôi có hình ảnh nhỏ hơn vùng chứa mà tôi muốn nó vừa với bên trong. Tôi muốn hình ảnh giãn ra, giữ tỷ lệ khung hình của nó, với kích thước lớn nhất có thể.

Để minh họa cho vấn đề này:

<ImageView android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:src="@drawable/thumbnail" 
      android:scaleType="fitXY" 
      android:adjustViewBounds="true"/> 

Các ImageView trên sẽ được kéo dài để điền vào chiều rộng của thùng sơn. Các @drawable nó chứa cũng sẽ kéo dài dọc theo trục x để phù hợp với chiều rộng của ImageView đó là hoàn hảo. Tuy nhiên, vấn đề là kích thước có nhãn wrap_content, trong trường hợp này chiều cao, vẫn giữ nguyên kích thước như chiều cao ban đầu của @drawable s.

Tôi đã đọc tài liệu về ScaleType here và không thể tìm thấy câu trả lời ở đó.

Những hình ảnh dưới đây mô tả mã trên:

Current behaviour    Desired Behaviour 

Sửa

Một ImageView cho scaleType="fitCenter" sẽ mở rộng một cách chính xác/thu nhỏ @drawable bên trong của nó để phát triển càng lớn càng tốt trong khi giữ lại ing tỷ lệ khung hình của nó.

Các kích thước ImageView s được xác định trước khi @drawable được chia tỷ lệ theo bất kỳ cách nào. Các kích thước ImageView không được thực hiện bằng cách mở rộng nó có chứa @drawable.

Answer 1

XML

Giải pháp duy nhất cho điều này trong XML là sử dụng "match_parent" hoặc một giá trị tối đa rời rạc thay vì "wrap_content" nếu có thể. Điều này sẽ đảm bảo rằng ImageView là kích thước chính xác, sau đó nghĩa là việc thêm scaleType="fitCenter" sẽ đảm bảo rằng @drawable sau đó sẽ được chia tỷ lệ chính xác.

Programatically

Nó xấu xí, nhưng bạn có thể thay đổi kích thước ImageView sau khi nó được kích thước đã được đưa ra các giá trị rời rạc:

final ImageView thumbnailView = (ImageView) toReturn.findViewById(R.id.thumbnail); 

    ViewTreeObserver thumbnailViewVto = thumbnailView.getViewTreeObserver(); 
    thumbnailViewVto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() { 
     private boolean changed = false; 
     @Override 
     public void onGlobalLayout() { 
      if(!changed) { 
       Drawable image = getResources().getDrawable(R.drawable.thumbnail); 
       float heighToWidthRatio = image.getIntrinsicWidth()/image.getIntrinsicHeight(); 
       int height = thumbnailView.getHeight(); 

       thumbnailView.setLayoutParams(
         new LayoutParams(
           (int) (height * heighToWidthRatio), height)); 
       changed = true; 
      } 
     } 
    }); 

EDIT

final ImageView thumbnailView = (ImageView) toReturn.findViewById(R.id.thumbnail); 

    thumbnailView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() { 

     @Override 
     public void onGlobalLayout() { 
      // Remove the GlobalOnLayout Listener so it only fires once. 
      thumbnailView.getViewTreeObserver().removeGlobalOnLayoutListener(this) 

      // Find the images Height to Width ratio 
      Drawable image = getResources().getDrawable(R.drawable.thumbnail); 
      float heighToWidthRatio = image.getIntrinsicWidth()/image.getIntrinsicHeight(); 

      // Use this ratio to discover the ratio of the ImageView to allow it to perfectly contain the image. 
      int height = thumbnailView.getHeight(); 
      thumbnailView.setLayoutParams(new LayoutParams(
           (int) (height * heighToWidthRatio), height)); 
     } 
    }); 

Answer 2

Có vẻ như bạn muốn fitCenter, sử dụng Matrix.ScaleToFit CENTER.