android开发中ImageView控件上下空间莫名空白块的原因与解决

http://blog.csdn.net/u013797205/article/details/51112467

今天在一个线性布局容器中加入图片和文字，结果发现图片上下两边多了两个空白空间，开始误以为是padding属性搞的鬼。 
实际上的原因是图片高度设置的是wrap_content，图片的质量较高，所以高度也偏高，但是宽度显示的效果是适应屏幕的，所以误以为高度也适应了屏幕。

原来程序的布局代码

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ImageView
        android:id="@+id/news_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="15dp"/>
    <TextView
        android:id="@+id/news_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:textSize="18sp"/>
</LinearLayout>
   
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
   
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

解决方法很简单，在图片ImageView控件中添加属性Android:adjustViewBounds="true"即可，既保持宽高比。

修改后的布局代码

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ImageView
        android:id="@+id/news_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:padding="15dp"/>
    <TextView
        android:id="@+id/news_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:textSize="18sp"/>
</LinearLayout>
   
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
   
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

顶

0

 

踩

0

 

 

• 上一篇单例模式几种实现方式
• 下一篇vim for debian安装