ImageView：填充水平维持宽高比

3 回答

• 0

  我找到了一个对我有用的简单解决方案 . 根据需要设置宽度和高度，例如：

  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  

  然后你还设置这个设置：

  android:adjustViewBounds="true"
  

  “adjustViewBounds”默认为false（我觉得很奇怪），但设置它可以很容易地在imageview中填充图像 .

  回复于 2024-04-26T18:21:07+08:00
• 3

  它以小图片获得了's doable without custom classes. This is the result I'：
  

  大图：
  

  您必须使用 RelativeLayout 才能使其正常工作，但您可以将其与 LinearLayout 结合使用以实现您所需的一切 . 这是我的xml：

  <?xml version="1.0" encoding="utf-8"?>
  <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fillViewport="true">
  
      <RelativeLayout 
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          >
          <LinearLayout
              android:id="@+id/button_container"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:orientation="vertical"
              android:layout_alignParentBottom="true"
              >
              <Button
                  android:text="button"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"/>
              <Button
                  android:text="button"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"/>
              <Button
                  android:text="button"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"/>
          </LinearLayout>
          <ImageView 
              android:src="@drawable/cat"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:adjustViewBounds="true"
              android:scaleType="centerCrop"
              android:layout_above="@id/button_container"/>
      </RelativeLayout>
  </ScrollView>
  

  诀窍是你将它设置为填满屏幕，但它必须高于其他布局 . 这样您就可以实现所需的一切 .

  回复于 2024-04-26T18:21:07+08:00
• 1

  试试这个：

  import android.content.Context;
  import android.graphics.Matrix;
  import android.graphics.drawable.Drawable;
  import android.util.AttributeSet;
  import android.view.ViewGroup;
  
  public class CustomImageView extends android.widget.ImageView {
  
      public CustomImageView(Context context) {
          super(context);
      }
  
      public CustomImageView(Context context, AttributeSet attrs, int defStyle) {
          super(context, attrs, defStyle);
      }
  
      public CustomImageView(Context context, AttributeSet attrs) {
          super(context, attrs);
      }
  
      public void fitYUniformly() {
          final Drawable drawable = getDrawable();
          if (drawable == null) return;
  
          final int dwidth = drawable.getIntrinsicWidth();
          final int dheight = drawable.getIntrinsicHeight();
          if (dwidth == -1 || dheight == -1) return;
  
          int vheight = this.getHeight();
          float scale = (float) vheight / (float) dheight;
  
          final int vwidth = (int) (dwidth * scale);
          scale(scale, vwidth, vheight);
      }
  
      public void fitXUniformly(int parentWidth) {
          final Drawable drawable = getDrawable();
          if (drawable == null) return;
  
          final int dwidth = drawable.getIntrinsicWidth();
          final int dheight = drawable.getIntrinsicHeight();
          if (dwidth == -1 || dheight == -1) return;
  
          int vwidth = parentWidth;// here,you need to pass the width of parentview
      //  int vwidth = this.getWidth();           
          float scale = (float) vwidth / (float) dwidth;
  
          final int vheight = (int) (dheight * scale);
          scale(scale, vwidth, vheight);
      }
  
      private void scale(float scale, int newWidth, int newHeight) {
          final ViewGroup.LayoutParams params = this.getLayoutParams();
          params.width = newWidth;
          params.height = newHeight;
          this.setLayoutParams(params);
          this.setScaleType(ScaleType.MATRIX);
          final Matrix matrix = new Matrix();
          matrix.setScale(scale, scale);
          this.setImageMatrix(matrix);
      }
  
  }
  

  Note:

  别忘了拨打 fitXUniformly(parentWidth); . 在这里， parentWidth 将是 CustomImageView 的父级的宽度 .

  我希望它会有所帮助!!

  回复于 2024-04-26T18:21:07+08:00