原文鏈接：http://blog.csdn.net/easion_zms/article/details/50263409#comments

在CSS中輕松設置width=100%就可以使得圖片寬度充滿屏幕，高度自適應，那么在Android里面怎樣才能實現這種效果呢？

使用默認的ImageView

首先試一下默認的ImageView的效果，布局文件如下activity_main_2.xml：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/root" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:id="@+id/image" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/test" android:background="#FF0"/> </LinearLayout>

MainActivity2.Java

public final class MainActivity2 extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main_activity_2); final ImageView imageView = (ImageView)findViewById(R.id.image); ViewTreeObserver vto2 = imageView.getViewTreeObserver(); vto2.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { imageView.getViewTreeObserver().removeGlobalOnLayoutListener(this); Log.e("TestMeasure","w=" + imageView.getWidth() + " h=" + imageView.getHeight()); } }); } }

test.jpg（正方形998*998）

可以看到，布局文件設置ImageView充滿了屏幕，高度自適應，那運行后是我們需要的效果嗎？

結果令人失望，雖然ImageView的寬度充滿了屏幕，但是圖片并沒有填滿屏幕，這是為什么呢？

原因分析

回頭看看ActivityMain2.java中的打印我們看到了ImageView的寬高信息：

TestMeasure﹕ w=1080 h=998

ImageView的高度是和圖片的高度一樣的，998px。ImageView的寬度和屏幕寬度一樣，1080px。

由于ImageView默認的scaleType是fitCenter，將圖片按比例擴大（或縮放）到視圖的寬（或高）然后居中顯示，所以圖片寬度沒有充滿屏幕的原因就是，ImageView的高度不夠，它限制了圖片的放大倍數。

自定義ImageView

那如何才能將ImageView的高度放大，使得圖片寬度剛好充滿屏幕呢？答案肯定在onMeasure方法中。

public class ResizableImageView extends ImageView { public ResizableImageView(Context context) { super(context); } public ResizableImageView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){ Drawable d = getDrawable(); if(d!=null){ // ceil not round - avoid thin vertical gaps along the left/right edges int width = MeasureSpec.getSize(widthMeasureSpec); //高度根據使得圖片的寬度充滿屏幕計算而得 int height = (int) Math.ceil((float) width * (float) d.getIntrinsicHeight() / (float) d.getIntrinsicWidth()); setMeasuredDimension(width, height); }else{ super.onMeasure(widthMeasureSpec, heightMeasureSpec); } } }

使用自定義的控件顯示圖片

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/root" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <org.sample.ResizableImageView android:id="@+id/image" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/test" android:background="#FF0"/> </LinearLayout>

總結

以上是生活随笔為你收集整理的ImageView宽度填满屏幕，高度自适应的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。