Question

注意：我最后在这里向android项目报告了这个错误：http://code.google.com/p/android/issues/detail?id=39159请同时查看接受的赏金答案，不幸的是，解决方案是使用绝对的（即指定的' dp而不是'wrap_content'等）布局来解决问题。

在图像上放置背景时，我会遇到一些非常奇怪的行为。我已经非常简化了这一点，以向您展示这个问题。我正在做的是将图像放置在relativelayout中，并使用背景。似乎给relativelayout一个填充是导致图像的背景被错过。 Wrap_content似乎搞得一团糟。

首先，这是演示此问题的代码。请注意，在不使用线性布局和仅为imageview提供背景的情况下可以看到相同的行为，但这确实更好地证明了问题。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:padding="5dp" >
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/black_bg" >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:src="@drawable/red_rectangle" />
        </LinearLayout>
    </RelativeLayout>
</FrameLayout>

这是black_bg xml文件：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FF000000"/>
</shape>

这是red_rectangle：

请注意，这是一个参考图像，用于演示此问题。我的实际图像有细节，所以不能是.9.png

以下是问题的截图：

Rendering error

尽管linearlayout的宽度设置为“wrap_content”，但您可以看到图像宽度小于线性布局。如果我将relativelayout填充设置为0dp，则此问题会消失。

希望这是我在这里提供的一套相当充分的资源，所以人们可以自己尝试一下。

作为参考，我使用它来提供图像周围的边框，因此我可以将linearlayout（或图像本身）设置为填充，在这种情况下问题仍然存在。

编辑：看来我可能需要更多关于此的背景，因为答案集中在如何提供这个边界。以下是更多上下文布局的屏幕截图。我不想首先包含这个，因为它增加了对问题的混淆：

Screenshot

您看到的第一个5dp填充是针对整个项目的内容（relativelayout）。然后，正如我原先所说，我的想法是“除了你在relativelayout中看到的第一个填充之外，我还可以将linearlayout（或图像本身）设置为填充”。目前，此布局应显示无边框。

Answer 1

问题似乎在于图像的不同拉伸属性（在图像视图中）和设置为背景的（在线性布局中）。设置为背景幕的图像不一定保持纵横比，而图像中的图像倾向于保持纵横比。当您将布局的高度设置为60 dp时，图像会缩小，保持纵横比，使两侧的黑色条带保持不变。这对我有用：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="60dp"
        android:padding="5dp" >
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/black_bg" >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="60dp"
                android:src="@drawable/asd"
                android:scaleType="fitXY"
                 />
        </LinearLayout>
    </RelativeLayout>
</FrameLayout>

Answer 2

我不知道为什么它会在那里展示额外的黑色补丁。你试过运行应用程序吗？ UI编辑器存在一些缺陷，特别是涉及ImageView ..

时

现在，对于图像边框，将背景和填充设置为ImageView本身。不需要LinearLayout。添加具有"centerInside"值的比例类型属性。

 <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:padding="5dp"
      android:layout_centerInParent="true"
      android:adjustViewBounds="true" 
      android:src="@drawable/red_rectangle"
      android:background="#000" 
      android:scaleType="centerInside"/>

Answer 3

我相信这是一个错误的好候选人！

无论如何，我明白你打算用这种布局实现什么。问题是设置RelativeLayout的高度。我不会要求你包装内容！简单地说，由于高度设置为60dp并且填充为5dp，请再迈一步，将LinearLayout的高度设置为50dp，即60-2*5：）

最后，要获取边框，请在LinearLayout中添加5dp的填充，并将ImageView的高度设置为50dp - 2*5 = 40dp。

这将完美地运作

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:padding="5dp" >
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:padding="5dp"
            android:background="@drawable/black_bg" >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:adjustViewBounds="true"
                android:src="@drawable/red_rectangle" />
        </LinearLayout>
    </RelativeLayout>
</FrameLayout>

Answer 4

“作为参考，我使用它来提供图像周围的边框”

添加一个drawable“border.xml”

<shape xmlns:android:"http://schemas.android.com/apk/res/android" android:shape:"rectangle">
 <stroke android:width="5dp" android:color="#FF000000" />
 <padding android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp" />
</shape>

将ImageView背景设置为此drawable。

让我们简化您的布局并使ImageView居中：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 
        <ImageView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:layout_centerInParent="true"
                android:adjustViewBounds="true" 
                android:src="@drawable/red_rectangle"
                android:background="@drawable/border" /> 
</RelativeLayout>

Answer 5

试试这个...........

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:padding="5dp" >
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/black_bg"
            **android:padding="5dp"**
            >
            <ImageView
                **android:layout_width="fill_parent"
                android:layout_height="fill_parent"**
                android:adjustViewBounds="true"
                android:src="@drawable/red_rectangle" />
        </LinearLayout>
    </RelativeLayout>
</FrameLayout>

让你的图像像这样看..

<ImageView 
            android:id="@+id/imageViewMyicon"
            android:layout_width="30dp"
            android:background="@drawable/myiconbackground"
            android:layout_height="30dp"
            android:src="@drawable/myicon"
            android:contentDescription="@string/my_icon"
            />

在drawable myiconbackground.xml中

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
       android:shape="rectangle" 
       android:padding="10dp">
    <solid android:color="#0D95BD"/>
        <corners android:radius="5dp"/>
        <padding android:left="2dp" android:right="2dp" android:top="2dp" android:bottom="2dp"/>
</shape>

我检查过这个是为我工作，也应该为你做的

如何在相对布局内的图像上放置背景？

5 个答案: