2

我想要一个像这样的网格项目：在此处输入图像描述

我试图用这个代码制作一个网格视图项目：

<?xml version="1.0" encoding="utf-8"?>


<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/gridImage"
        android:layout_width="233dp"
        android:layout_height="197dp"

        android:background="@drawable/breakfast_background"
        android:scaleType="center"
        android:src="@drawable/frame" >

        </ImageView>

    <TextView
        android:id="@+id/alertCount"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_marginLeft="95dip"
        android:background="@drawable/ic_launcher"
        android:paddingLeft="25dip"
        android:paddingTop="18dip"
        android:text="10"
        android:textColor="@color/black"
        android:textSize="30sp"
        android:textStyle="bold"
        android:visibility="gone"

        />

    <TextView
        android:id="@+id/tv_TableName"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true"
        android:textColor="#ffffff"
        android:layout_marginTop="155dp"
        android:singleLine="true"
        android:textSize="10pt"
        android:gravity="center"
        android:text="TextView" />

</RelativeLayout>

在此处输入图像描述

但图像背景显示不正确。

请建议。

4

1 回答 1

3

我想你应该使用 2 ImageView 而不是一个：

<ImageView
    android:id="@+id/backgroundImage"
    android:layout_width="233dp"
    android:layout_height="197dp"
    android:scaleType="fitXY"
    android:src="@drawable/shaped_breakfast_background" />

<ImageView
    android:id="@+id/frameImage"
    android:layout_width="233dp"
    android:layout_height="197dp"
    android:scaleType="fitXY"
    android:src="@drawable/frame" />

在 drawable/ 文件夹中使用 shape_breakfast_background.xml，作为一个形状（查找 android res 形状），它将获取您的图像并以与框架相同的半径圆角。我承认我从未尝试过。一个缺点是：在 xml 资源中使用位图并不能让您访问所有有趣的 scaleTypes ImageView 句柄（centerInside、centerCrop 等），这可能是个问题

但是，如果使用形状不能解决您的问题，您当然可以使用已经与框架形状相同的早餐背景，这将为您节省大量时间。然后你就可以和你的“1 ImageView”解决方案相处融洽了。

于 2013-10-29T16:18:32.907 回答