今天在一个线性布局容器中加入图片和文字,结果发现图片上下两边多了两个空白空间,开始误以为是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>

解决方法很简单,在图片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>
Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐