使用drawable填充ImageView,同时保持其纵横比

时间:2014-12-13 12:16:33

标签: android android-layout gridview

我正在制作视频播放器并在gridview中预览视频的缩略图。有没有办法让缩略图完全填充网格视图,可能是放大图像直到两边都是> =网格大小。像CSS background-size: cover之类的东西,如果能让事情变得清晰

活动布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <GridView
        android:id="@+id/videos_grid"
        android:numColumns="2"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </GridView>

</RelativeLayout>

网格项目布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="384dp"
    android:orientation="horizontal"
    android:weightSum="1">

    <ImageView
        android:id="@+id/video_item_thumbnail"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:contentDescription="@string/video_thumbnail"
        android:background="@drawable/video_item_background"/>

    <TextView
        android:id="@+id/video_item_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:textSize="20sp"
        android:textColor="@android:color/white"
        android:padding="5dp" />

</RelativeLayout>

1 个答案:

答案 0 :(得分:3)

机器人:scaleType

<ImageView
    ...
    android:scaleType="centerCrop" />

这使得drawable的较小边缘== ImageView的大小,同时保持纵横比