缩放背景图像以包装布局内容
Posted
技术标签:
【中文标题】缩放背景图像以包装布局内容【英文标题】：Scale background image to wrap content of layout 【发布时间】：2011-06-13 07:19:48 【问题描述】：我有一个包含一些文本字段的布局，并且有一个显示在我的活动顶部的背景图像。我希望背景图像可以缩放以包裹内容（不关心纵横比）。但是，图像大于内容，因此布局改为包裹背景图像。这是我的原始代码：
<RelativeLayout
android:layout_
android:id="@+id/HeaderList"
android:layout_gravity="top"
android:layout_
android:background="@drawable/header">
<TextView
android:layout_
android:layout_
android:id="@+id/NameText"
android:text="Jhn Doe"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:paddingLeft="4dp"
android:paddingTop="4dp"
/>
<TextView
android:layout_
android:layout_
android:textColor="#FFFFFF"
android:layout_alignParentLeft="true"
android:id="@+id/HoursText"
android:text="170 hours"
android:textSize="23sp"
android:layout_below="@+id/NameText"
android:paddingLeft="4dp"
/>
</RelativeLayout>
在搜索了一些其他问题后，我找到了这两个：
How to wrap content views rather than background drawable?
Scale a Drawable or background image?
基于此，我创建了一个带有显示背景的 ImageView 的 FrameLayout。不幸的是，我仍然无法让它工作。我希望背景图像的高度随着文本视图的大小而缩小/扩展，但是使用 FrameLayout，ImageView 适合其父级的大小，我找不到使父级适合的方法文本视图布局的大小。这是我更新的代码：
<FrameLayout
android:layout_
android:layout_ >
<ImageView android:src="@drawable/header"
android:layout_
android:scaleType="fitXY"
android:layout_
/>
<RelativeLayout
android:layout_
android:id="@+id/HeaderList"
android:layout_gravity="top"
android:layout_
>
<TextView
android:layout_
android:layout_
android:id="@+id/NameText"
android:text="John Doe"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:paddingLeft="4dp"
android:paddingTop="4dp"
/>
<TextView
android:layout_
android:layout_
android:textColor="#FFFFFF"
android:layout_alignParentLeft="true"
android:id="@+id/HoursText"
android:text="170 hours"
android:textSize="23sp"
android:layout_below="@+id/NameText"
android:paddingLeft="4dp"
/>
</RelativeLayout>
</FrameLayout>
对于如何最好地使图像缩放到某些布局内容的大小，是否有人有任何建议？我不关心图像的纵横比，因为这无关紧要，我只想让它填充背景。
谢谢！
【问题讨论】：
【参考方案1】：我有同样的问题（我认为），我能找到的唯一解决方案是：
<RelativeLayout
android:layout_
android:layout_
>
<View
android:layout_
android:layout_
android:background="@drawable/some_image"
android:layout_alignTop="@+id/actual_content"
android:layout_alignBottom="@id/actual_content"
android:layout_alignLeft="@id/actual_content"
android:layout_alignRight="@id/actual_content"
/>
<LinearLayout
android:id="@id/actual_content"
android:layout_
android:layout_
android:layout_alignParentTop="true"
>
<!-- more stuff ... -->
</LinearLayout>
</RelativeLayout>
【讨论】：
这对我来说做了一些修改。 - 使用 ImageView 而不是 View - 将 android:scaleType="fitXY" 添加到 ImageView 对于不想浪费 10 分钟的人来说，为了引用之后声明的视图，您需要添加@id/ 的 @+id/ 实例来创建 ID。【参考方案2】：
你可以试试这个技巧，
FrameLayout（包装内容、包装内容） ImageView（匹配父级，匹配父级）//它是你的背景 LinearLayout（包装内容、包装内容） 您的所有内容都在此线性布局或任何您想要的任何其他类型中【讨论】：
对我来说，它只是行不通，因为 ImageView 比它的容器大:( 您可以定义ImageView的大小...并使用scaleType来相应地适应图像【参考方案3】：使用 RealtiveLayout（不是强制性的，而是使用 FrameLayout 并使用 android:scaleType="fitXY"。将 imageView 移动到包含 textviews android:id="@+id/HeaderList" 的 RealtiveLayout 并取消设置背景 android:background ="@drawable/header" 在这个级别。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/principal"
android:layout_
android:layout_
android:background="@drawable/header" >
<RelativeLayout
android:layout_
android:id="@+id/HeaderList"
android:layout_gravity="top"
android:layout_ >
<ImageView
android:id="@+id/backImg"
android:layout_
android:layout_
android:layout_centerInParent="true"
android:adjustViewBounds="true"
android:background="@color/blancotransless"
android:src="@drawable/header"
android:scaleType="fitXY" >
</ImageView>
<TextView
android:layout_
android:layout_
android:id="@+id/NameText"
android:text="John Doe"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:paddingLeft="4dp"
android:paddingTop="4dp"
/>
<TextView
android:layout_
android:layout_
android:textColor="#FFFFFF"
android:layout_alignParentLeft="true"
android:id="@+id/HoursText"
android:text="170 hours"
android:textSize="23sp"
android:layout_below="@+id/NameText"
android:paddingLeft="4dp"
/>
</RelativeLayout>
</RelativeLayout>
或多或少应该可以工作！
【讨论】：
【参考方案4】：创建一个可绘制的 xml，比如 mybackground.xml
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@drawable/header"
android:gravity="fill" />
然后在你的RelativeLayout中第一个代码sn -p使用
android:background="@drawable/mybackground"
【讨论】：
【参考方案5】：我想我过去做过类似的事情，尝试在你的图像视图中使用重力设置，我认为其中一个应该做你所追求的。
【讨论】：
感谢您的建议。我尝试在 ImageView 和 RelativeLayout 上使用 layout_gravity 参数，但运气不佳。我已经尝试了“剪辑”和“填充”选项，以及它们和其他定位值的各种组合，但它们似乎都没有任何效果。你还记得你使用的比重值吗？【参考方案6】：我还没有尝试过，但是如果您在 onCreate 上动态设置背景图像，可能会起作用。布局的大小应该已经设置好了。
【讨论】：
我试过这个，但对于我的情况，它不起作用。视图组仍调整大小以包含背景图像。【参考方案7】：最简单的解决方案：
ic_background.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@android:color/white" />
<item>
<bitmap
android:gravity="center"
android:src="@drawable/ic_background_image" />
</item>
</layer-list>
&然后
android:background="@drawable/ic_background"
【讨论】：
【参考方案8】：试试这个代码.....
<LinearLayout
android:layout_
android:id="@+id/HeaderList"
android:orientation="vertical"
android:layout_gravity="top"
android:layout_
android:background="@drawable/header">
<TextView
android:layout_
android:layout_
android:id="@+id/NameText"
android:text="Jhn Doe"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:paddingLeft="4dp"
android:paddingTop="4dp"
/>
<TextView
android:layout_
android:layout_
android:textColor="#FFFFFF"
android:id="@+id/HoursText"
android:text="170 hours"
android:textSize="23sp"
android:paddingLeft="4dp"
/>
</LinearLayout>
【讨论】：
【参考方案9】：你可以用这个：
<ImageView
...
android:scaleType="fitXY"
>
希望对您有所帮助）））
【讨论】：
以上是关于缩放背景图像以包装布局内容的主要内容，如果未能解决你的问题，请参考以下文章