blocks|key|1242540|text|在将其用作背景之前，您必须预先缩放该可绘制内容|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1242541|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

you'll have to pre-scale that drawable before you use it as a background

blocks|key|1457356|text|我没有尝试做您想要做的事情，但是您可以使用android:scaleType="fitXY"扩展ImageView|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1457357|它的大小将适合你给ImageView的任何大小。|1457358|因此，您可以为您的布局创建一个FrameLayout，将ImageView放在其中，然后在FrameLayout中使用透明背景以及您需要的任何其他内容。|1457359|<FrameLayout++
android:layout_width="fill_parent"+android:layout_height="fill_parent">

++<ImageView+
android:layout_width="fill_parent"+android:layout_height="fill_parent"
android:src="@drawable/back"+android:scaleType="fitXY"+/>

++<LinearLayout>your+views</LinearLayout>
</FrameLayout>|code-block|syntax|javascript|1457360|entityMap^0|L|P|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|U|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|V|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

Haven't tried to do exactly what you want, but you can scale an ImageView using <code>android:scaleType="fitXY"</code> 
and it will be sized to fit into whatever size you give the ImageView.

So you could create a FrameLayout for your layout, put the ImageView inside it, and then whatever other content you need in the FrameLayout as well w/ a transparent background.

<pre><code>&lt;FrameLayout 
android:layout_width="fill_parent" android:layout_height="fill_parent"&gt;

 &lt;ImageView 
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:src="@drawable/back" android:scaleType="fitXY" /&gt;

 &lt;LinearLayout&gt;your views&lt;/LinearLayout&gt;
&lt;/FrameLayout&gt;
</code></pre>

blocks|key|1242659|text|要保持宽高比，你必须使用android:scaleType=fitCenter或fitStart等。使用fitXY将不会保持图像的原始宽高比！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1242660|注意:这只适用于具有src属性的图像，而不适用于背景图像。|1242661|entityMap^0|C|R|14|8|1G|5|0|A|3|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|I|$]]

To keep the aspect ratio you have to use <code>android:scaleType=fitCenter</code> or <code>fitStart</code> etc. Using <code>fitXY</code> will not keep the original aspect ratio of the image!

Note this works only for images with a <code>src</code> attribute, not for the background image.

blocks|key|1242759|text|要自定义背景图像缩放，请创建如下资源：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1242760|<?xml+version="1.0"+encoding="utf-8"?>
<bitmap+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:gravity="center"
++++android:src="@drawable/list_bkgnd"+/>|code-block|syntax|javascript|1242761|然后，如果用作背景，它将在视图中居中。还有其他标志：http://developer.android.com/guide/topics/resources/drawable-resource.html|offset|length|1242762|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.android.com/guide/topics/resources/drawable-resource.html^0|0|0|Q|22|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

To customize background image scaling create a resource like this:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;bitmap xmlns:android="http://schemas.android.com/apk/res/android"
 android:gravity="center"
 android:src="@drawable/list_bkgnd" /&gt;
</code></pre>

Then it will be centered in the view if used as background. There are also other flags: <a href="http://developer.android.com/guide/topics/resources/drawable-resource.html" rel="noreferrer">http://developer.android.com/guide/topics/resources/drawable-resource.html</a>

blocks|key|1242822|text|Dweebo提出的建议是有效的。但在我看来，这是不必要的。可绘制的背景本身就能很好地缩放。视图应具有固定的宽度和高度，如下例所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1242823|+<+RelativeLayout+
++++android:layout_width="fill_parent"
++++android:layout_height="fill_parent"
++++android:background="@android:color/black">

++++<LinearLayout
++++++++android:layout_width="500dip"
++++++++android:layout_height="450dip"
++++++++android:layout_centerInParent="true"
++++++++android:background="@drawable/my_drawable"
++++++++android:orientation="vertical"
++++++++android:padding="30dip"
++++++++>
++++++++...
+++++</LinearLayout>
+<+/+RelativeLayout>|code-block|syntax|javascript|1242824|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

What Dweebo proposed works. But in my humble opinion it is unnecessary.
A background drawable scales well by itself. The view should have fixed width and height, like in the following example:

<pre><code> &lt; RelativeLayout 
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:background="@android:color/black"&gt;

 &lt;LinearLayout
 android:layout_width="500dip"
 android:layout_height="450dip"
 android:layout_centerInParent="true"
 android:background="@drawable/my_drawable"
 android:orientation="vertical"
 android:padding="30dip"
 &gt;
 ...
 &lt;/LinearLayout&gt;
 &lt; / RelativeLayout&gt;
</code></pre>

blocks|key|1242879|text|可以尝试的一种选择是将图像放在drawable-nodpi文件夹中，并将布局的背景设置为可绘制的资源id。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1242880|这肯定适用于缩小规模，但我还没有测试过扩大规模。|1242881|entityMap^0|F|E|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

One option to try is to put the image in the <code>drawable-nodpi</code> folder and set background of a layout to the drawable resource id.

This definitely works with scaling down, I haven't tested with scaling up though.

blocks|key|1457596|text|下面的代码使位图与图像视图的大小完全相同。获取位图图像的高度和宽度，然后借助imageview的参数计算新的高度和宽度。为您提供所需的图像与最佳纵横比。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1457597|int+bwidth=bitMap1.getWidth();
int+bheight=bitMap1.getHeight();
int+swidth=imageView_location.getWidth();
int+sheight=imageView_location.getHeight();
new_width=swidth;
new_height+=+(int)+Math.floor((double)+bheight+*(+(double)+new_width+/+(double)+bwidth));
Bitmap+newbitMap+=+Bitmap.createScaledBitmap(bitMap1,new_width,new_height,+true);
imageView_location.setImageBitmap(newbitMap)|code-block|syntax|javascript|1457598|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The Below code make the bitmap perfectly with same size of the imageview. Get the bitmap image height and width and then calculate the new height and width with the help of imageview's parameters. That give you required image with best aspect ratio.

<pre><code>int bwidth=bitMap1.getWidth();
int bheight=bitMap1.getHeight();
int swidth=imageView_location.getWidth();
int sheight=imageView_location.getHeight();
new_width=swidth;
new_height = (int) Math.floor((double) bheight *( (double) new_width / (double) bwidth));
Bitmap newbitMap = Bitmap.createScaledBitmap(bitMap1,new_width,new_height, true);
imageView_location.setImageBitmap(newbitMap)
</code></pre>

blocks|key|1242934|text|使用图像作为大小适合布局的背景：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1242935|<?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="wrap_content"+>

++++<ImageView
++++++++android:id="@%2Bid/imgPlaylistItemBg"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="match_parent"
++++++++android:adjustViewBounds="true"
++++++++android:maxHeight="0dp"
++++++++android:scaleType="fitXY"
++++++++android:src="@drawable/img_dsh"+/>

++++<LinearLayout
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:orientation="vertical"+>


++++</LinearLayout>

</FrameLayout>|code-block|syntax|javascript|1242936|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use image as background sized to layout:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content" &gt;

 &lt;ImageView
 android:id="@+id/imgPlaylistItemBg"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:adjustViewBounds="true"
 android:maxHeight="0dp"
 android:scaleType="fitXY"
 android:src="@drawable/img_dsh" /&gt;

 &lt;LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical" &gt;


 &lt;/LinearLayout&gt;

&lt;/FrameLayout&gt;
</code></pre>

blocks|key|1242976|text|您可以使用以下方法之一：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1242977|android:gravity="fill_horizontal%7Cclip_vertical“|1242978|或|1242979|android:gravity="fill_vertical%7Cclip_horizontal“|1242980|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

You can use one of following:

android:gravity="fill_horizontal|clip_vertical"

Or

android:gravity="fill_vertical|clip_horizontal"

blocks|key|1243074|text|Kotlin：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1243075|如果需要在视图中绘制位图，请根据需要进行缩放。|1243076|当黑石宽高比小于容器宽高比时，可以进行适当的计算，将黑石的高度设置为容器的高度，并调整宽度，反之亦然。|1243077|图片：|1243078|​|1243079|📷|atomic|offset|length|1243080|1243081|1243082|1243083|1243084|//+binding.fragPhotoEditDrawCont+is+the+RelativeLayout+where+is+your+view
//+bm+is+the+Bitmap
val+ch+=+binding.fragPhotoEditDrawCont.height
val+cw+=+binding.fragPhotoEditDrawCont.width
val+bh+=+bm.height
val+bw+=+bm.width
val+rc+=+cw.toFloat()+/+ch.toFloat()
val+rb+=+bw.toFloat()+/+bh.toFloat()

if+(rb+<+rc)+{
++++//+Bitmap+Width+to+Height+ratio+is+less+than+Container+ratio
++++//+Means,+bitmap+should+pin+top+and+bottom,+and+have+some+space+on+sides.
++++//++++++++++++++_____++++++++++___
++++//+container+=+%7C_____%7C+++bm+=+%7C___%7C+
++++val+bmHeight+=+ch+-+4+//4+for+container+border
++++val+bmWidth+=+rb+*+bmHeight+//new+width+is+bm_ratio+*+bm_height
++++binding.fragPhotoEditDraw.layoutParams+=+RelativeLayout.LayoutParams(bmWidth.toInt(),+bmHeight)
}
else+{
++++val+bmWidth+=+cw+-+4+//4+for+container+border
++++val+bmHeight+=+1f/rb+*+cw
++++binding.fragPhotoEditDraw.layoutParams+=+RelativeLayout.LayoutParams(bmWidth,+bmHeight.toInt())
}|code-block|syntax|javascript|1243085|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b821519f957e121548a8ca945f3b361c.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/9aa2d3aad18f0c4fc81026ef3005bd3b.png^0|0|0|0|0|0|0|1|0|0|0|0|0|1|1|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1B|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1C|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1D|8|@]|9|@$M|1E|N|1F|1|1G]]|A|$]]|$1|O|3|I|5|6|7|1H|8|@]|9|@]|A|$]]|$1|P|3|I|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|K|5|L|7|1J|8|@]|9|@$M|1K|N|1L|1|1M]]|A|$]]|$1|R|3|I|5|6|7|1N|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1O|8|@]|9|@]|A|$V|W]]|$1|X|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14|15|-4]]|16|$5|10|11|12|A|$13|17|15|-4]]]]

Kotlin:

If you needed to draw a bitmap in a View, scaled to FIT.

You can do the proper calculations to set bm the height equal to the container and adjust width, in the case bm width to height ratio is less than container width to height ratio, or the inverse in the opposite scenario.

Images: 

<img src="https://i.stack.imgur.com/I5Mad.png" alt="Example Image 1">

<img src="https://i.stack.imgur.com/M8tDP.png" alt="Example Image 2">

<pre><code>// binding.fragPhotoEditDrawCont is the RelativeLayout where is your view
// bm is the Bitmap
val ch = binding.fragPhotoEditDrawCont.height
val cw = binding.fragPhotoEditDrawCont.width
val bh = bm.height
val bw = bm.width
val rc = cw.toFloat() / ch.toFloat()
val rb = bw.toFloat() / bh.toFloat()

if (rb &lt; rc) {
 // Bitmap Width to Height ratio is less than Container ratio
 // Means, bitmap should pin top and bottom, and have some space on sides.
 // _____ ___
 // container = |_____| bm = |___| 
 val bmHeight = ch - 4 //4 for container border
 val bmWidth = rb * bmHeight //new width is bm_ratio * bm_height
 binding.fragPhotoEditDraw.layoutParams = RelativeLayout.LayoutParams(bmWidth.toInt(), bmHeight)
}
else {
 val bmWidth = cw - 4 //4 for container border
 val bmHeight = 1f/rb * cw
 binding.fragPhotoEditDraw.layoutParams = RelativeLayout.LayoutParams(bmWidth, bmHeight.toInt())
}
</code></pre>

On a layout I want to scale the background image (keeping its aspect ratio) to the space allocated when the page gets created. Does anyone have an idea how to do this?

I am using <code>layout.setBackgroundDrawable()</code> and a <code>BitmapDrawable()</code> to set <code>gravity</code> for clipping and filling, but don't see any option for scaling.

Android: Scale a Drawable or background image?

容器

Kotlin

在布局上，我想要缩放背景图像(保持其纵横比)，以适应创建页面时分配的空间。有谁知道怎么做吗？我正在使用layout.setBackgroundDrawable()和一个BitmapDrawable()来设置用于裁剪和填充的gravity，但没有看到任何缩放选项。

问Android:缩放可绘制图像或背景图像？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android:缩放可绘制图像或背景图像？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android:缩放可绘制图像或背景图像？
EN