Scaling một hình ảnh với chiều rộng có sẵn tối đa, giữ tỷ lệ khía cạnh và tránh ImageView thêm không gian

Question

Tôi có bố trí XML đơn giản này, và một tập tin green_square.png đó là 30x30 pixel

<?xml version="1.0" encoding="utf-8"?> 
<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:background="@color/red" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:adjustViewBounds="true" 
     android:scaleType="fitStart" 
     android:src="@drawable/green_square"/> 

</LinearLayout> 

Những gì tôi đang cố gắng để đạt được đang mở rộng hình ảnh để lấp đầy chiều rộng của bố mẹ, giữ tỷ lệ khung hình của nó mà không có thêm không gian của ImageView.

Tôi đã thêm một nền màu đỏ vào ImageView chỉ để tham chiếu về khoảng trống thừa mà tôi muốn tránh.

Here is my goal

Answer 1

Sử dụng loại quy mô "fitCenter" hoặc "fitxy"

Answer 2

Hãy thử điều này,

<?xml version="1.0" encoding="utf-8"?> 

<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:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@color/red" 
    android:scaleType="centerCrop" 
    android:src="@drawable/green_square" /> 

</LinearLayout> 

Answer 3

Theo quan điểm của tôi, thêm ImageView bố trí này là một lỗi. Tôi cũng gặp phải điều tương tự. Kết quả là, văn bản mà tôi muốn theo dõi green_square theo cách bố trí bổ sung. Vì vậy, những gì tôi đã làm được chỉ định văn bản liên quan đến dưới cùng của màn hình. Bằng cách đó, văn bản sẽ đi qua bố trí bổ sung. Tôi thừa nhận, nó không phải là giải pháp tốt nhất, nhưng nó có vẻ tốt hơn nhiều so với việc có một không gian rộng lớn giữa green_square và văn bản.

Answer 4

<ImageView 
     android:id="@+id/game" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:scaleType="centerCrop" 
     android:adjustViewBounds="true" 
     android:src="@drawable/ic_game" 
     /> 

điều này phù hợp với tôi. Chiều rộng đầy đủ của bố cục gốc và giữa để giữ tỷ lệ khung hình

Answer 5

Rất đơn giản. Chỉ cần làm cho chiều rộng fill_parent và height wrap_content. Đây là tôi đã tìm ra.

<ImageView 
    android:id="@+id/game" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:scaleType="centerCrop" 
    android:adjustViewBounds="true" 
    android:src="@drawable/ic_game" 
    />