blocks|key|2968473|text|如果你不想让它伸展，你应该使用ImageView。背景图像将始终拉伸以适合视图。您需要将其设置为可绘制，以将图像纵横比强制到对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2968474|否则，如果您坚持按钮的想法，那么您将需要在按钮中强制缩放，以防止图像拉伸。|2968475|代码：|2968476|onCreate(Bundle+bundle)+{
++//+Set+content+layout,+etc+up+here

++//+Now+adjust+button+sizes
++Button+b+=+(Button)+findViewById(R.id.somebutton);
++int+someDimension+=+50;+//50pixels
++b.setWidth(someDimension);
++b.setHeight(someDimension);
}|code-block|syntax|javascript|2968477|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.android.com/reference/android/widget/ImageView.html#setImageDrawable%2528android.graphics.drawable.Drawable%2529^0|F|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

You should use <a href="http://developer.android.com/reference/android/widget/ImageView.html#setImageDrawable%28android.graphics.drawable.Drawable%29" rel="nofollow noreferrer">ImageView</a> if you don't want it to stretch.
Background images will always stretch to fit the view.
You need to set it as a Drawable to force the image aspect to the object.

Otherwise, if you are sticking with the Button idea, then you will need to force the scaling in the button to prevent the image from stretching.

Code:

<pre><code>onCreate(Bundle bundle) {
 // Set content layout, etc up here

 // Now adjust button sizes
 Button b = (Button) findViewById(R.id.somebutton);
 int someDimension = 50; //50pixels
 b.setWidth(someDimension);
 b.setHeight(someDimension);
}
</code></pre>

blocks|key|271350|text|您可以创建xml位图并将其用作视图的背景。要防止拉伸，可以指定android:gravity属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|271351|例如：|271352|<?xml+version="1.0"+encoding="utf-8"?>
<bitmap+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:src="@drawable/dvdr"
++++android:tileMode="disabled"+android:gravity="top"+>
</bitmap>|code-block|syntax|javascript|271353|您可以使用许多选项来自定义图像的渲染|271354|http://developer.android.com/guide/topics/resources/drawable-resource.html#Bitmap|271355|entityMap|0|LINK|mutability|MUTABLE|url^0|V|F|0|0|0|0|0|29|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|12|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|13|8|@]|D|@$9|14|A|15|1|16]]|E|$]]|$1|Q|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|P]]]]

You can create an xml bitmap and use it as background for the view. To prevent stretching you can specify <code>android:gravity</code> attribute.

for example:

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

There are a lot of options you can use to customize the rendering of the image

<a href="http://developer.android.com/guide/topics/resources/drawable-resource.html#Bitmap">http://developer.android.com/guide/topics/resources/drawable-resource.html#Bitmap</a>

blocks|key|271370|text|关键是要将可绘制部分设置为按钮的图像，而不是背景。如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|271371|rb.setButtonDrawable(R.drawable.whatever_drawable);|code-block|syntax|javascript|271372|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 key is to set the drawable as the image of the button, not as a background. Like this:

<pre><code>rb.setButtonDrawable(R.drawable.whatever_drawable);
</code></pre>

blocks|key|3182367|text|我也遇到了同样的问题:您应该只使用9补丁图像(.9.png)，而不是原始图片。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3182368|Serge|3182369|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I had the same problem: you should only use a 9-patch image (.9.png) instead of your original picture.

Serge

blocks|key|2968601|text|我在一个与正常布局重叠的RelativeLayout中使用ImageView。不需要代码。它将图像大小调整为屏幕的全高(或您使用的任何其他布局)，然后左右裁剪图片以适应宽度。在我的例子中，如果用户翻转屏幕，图片可能会有点太小。因此，我使用match_parent，如果图像太小，它会使图像在宽度上拉伸。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2968602|<RelativeLayout+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:layout_width="match_parent"
++++android:layout_height="match_parent">

++++<ImageView
++++++++android:id="@%2Bid/main_backgroundImage"
++++++++android:layout_width="match_parent"
++++++++//comment:+Stretches+picture+in+the+width+if+too+small.+Use+"wrap_content"+does+not+stretch,+but+leaves+space

++++++++android:layout_height="match_parent"
++++++++//in+my+case+I+always+want+the+height+filled

++++++++android:layout_alignParentTop="true"
++++++++android:scaleType="centerCrop"
++++++++//will+crop+picture+left+and+right,+so+it+fits+in+height+and+keeps+aspect+ratio

++++++++android:contentDescription="@string/image"
++++++++android:src="@drawable/your_image"+/>

++++<LinearLayout
++++++++android:id="@%2Bid/main_root"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="match_parent"
++++++++android:orientation="vertical"+>
++++</LinearLayout>

</RelativeLayout>|code-block|syntax|javascript|2968603|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|$]]

I am using an ImageView in an RelativeLayout that overlays with my normal layout. No code required.
It sizes the image to the full height of the screen (or any other layout you use) and then crops the picture left and right to fit the width. In my case, if the user turns the screen, the picture may be a tiny bit too small. Therefore I use match_parent, which will make the image stretch in width if too small.

<pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"&gt;

 &lt;ImageView
 android:id="@+id/main_backgroundImage"
 android:layout_width="match_parent"
 //comment: Stretches picture in the width if too small. Use "wrap_content" does not stretch, but leaves space

 android:layout_height="match_parent"
 //in my case I always want the height filled

 android:layout_alignParentTop="true"
 android:scaleType="centerCrop"
 //will crop picture left and right, so it fits in height and keeps aspect ratio

 android:contentDescription="@string/image"
 android:src="@drawable/your_image" /&gt;

 &lt;LinearLayout
 android:id="@+id/main_root"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" &gt;
 &lt;/LinearLayout&gt;

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

blocks|key|269685|text|只需使用ImageButton而不是Button就可以解决这个问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|269686|<ImageButton+android:layout_width="30dp"
+++++++++++++android:layout_height="30dp"
+++++++++++++android:src="@drawable/bgimage"+/>|code-block|syntax|javascript|269687|并且您可以设置|269688|android:background="@null"|269689|如果需要，可以删除按钮背景。|269690|快速修复!！:-)|269691|entityMap^0|4|B|I|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|13|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

Simply using <code>ImageButton</code> instead of <code>Button</code> fixes the problem.

<pre><code>&lt;ImageButton android:layout_width="30dp"
 android:layout_height="30dp"
 android:src="@drawable/bgimage" /&gt;
</code></pre>

and you can set 

<pre><code>android:background="@null"
</code></pre>

to remove button background if you want.

Quick Fix !! :-)

blocks|key|3182439|text|一个人可以在他的xml中使用一个普通的ImageView并使其可点击(android:clickable="true")？你只需要使用一个形状像按钮的图像作为src，即圆角。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3182440|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|$]]

One can use a plain ImageView in his xml and make it clickable 
 (android:clickable="true")?
You only have to use as src an image that has been shaped like a button i.e round corners.

blocks|key|273311|text|以下是Santosh对以编程方式创建的按钮的回答，不需要单独的XML配置：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|273312|Button+button+=+new+Button(getContext());
Bitmap+backgroundBitmap+=+BitmapFactory.decodeResource(getResources(),+R.drawable.my_button);
BitmapDrawable+backgroundDrawable+=+new+BitmapDrawable(getResources(),+backgroundBitmap);
backgroundDrawable.setGravity(Gravity.CENTER);+//+also+LEFT,+CENTER_VERTICAL,+etc.
backgroundDrawable.setColorFilter(new+PorterDuffColorFilter(Color.RED,+PorterDuff.Mode.SRC_ATOP));
button.setBackground(backgroundDrawable);|code-block|syntax|javascript|273313|我包含了ColorFilter行，因为它的工作原理与普通背景图像的按钮略有不同。|273314|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Here's a version of Santosh's answer for programmatically-created buttons, without the need for a separate XML configuration:

<pre><code>Button button = new Button(getContext());
Bitmap backgroundBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.my_button);
BitmapDrawable backgroundDrawable = new BitmapDrawable(getResources(), backgroundBitmap);
backgroundDrawable.setGravity(Gravity.CENTER); // also LEFT, CENTER_VERTICAL, etc.
backgroundDrawable.setColorFilter(new PorterDuffColorFilter(Color.RED, PorterDuff.Mode.SRC_ATOP));
button.setBackground(backgroundDrawable);
</code></pre>

I included the ColorFilter line since that works a little differently from buttons with a normal background image.

blocks|key|269707|text|使用draw9patch...包括在Android+Studio的SDK工具中。您可以定义图像的可伸展区域。重要的部分受到约束，图像看起来不会完全扭曲。HERE是dra9patch上的一个很好的演示|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|269708|使用draw9patch将现有的splash.png更改为new_splash.9.png，将new_splash.9.png拖到drawable-hdpi项目文件夹中，确保AndroidManifest和styles.xml正确，如下所示：|269709|AndroidManifest.xml:|269710|<application
...
++++++++android:theme="@style/splashScreenStyle"
>|code-block|syntax|javascript|269711|styles.xml:|269712|<style+name="splashScreenStyle"+parent="Theme.AppCompat.Light.DarkActionBar">
++++<item+name="android:windowBackground">@drawable/new_splash</item>
</style>|269713|entityMap|0|LINK|mutability|MUTABLE|url|https://www.youtube.com/watch?v=iMkuqZC3CxE^0|2|A|24|4|0|0|0|0|K|0|0|0|B|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|1A|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1E|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

Use draw9patch... included within Android Studio's SDK tools. You can define the stretchable areas of your image. Important parts are constrained and the image doesn't look all warped. A good demo on dra9patch is <a href="https://www.youtube.com/watch?v=iMkuqZC3CxE" rel="noreferrer">HERE</a>

Use draw9patch to change your existing splash.png into new_splash.9.png,
drag new_splash.9.png into the drawable-hdpi project folder
ensure the AndroidManifest and styles.xml are proper as below: 

AndroidManifest.xml:

<pre><code>&lt;application
...
 android:theme="@style/splashScreenStyle"
&gt;
</code></pre>

styles.xml:

<pre><code>&lt;style name="splashScreenStyle" parent="Theme.AppCompat.Light.DarkActionBar"&gt;
 &lt;item name="android:windowBackground"&gt;@drawable/new_splash&lt;/item&gt;
&lt;/style&gt;
</code></pre>

blocks|key|2968710|text|您可以使用带有ImageView的FrameLayout作为第一个子项，然后使用常规布局作为第二个子项：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2968711|<?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">

++<ImageView
++++++++android:id="@%2Bid/background_image_view"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="match_parent"
++++++++android:scaleType="centerCrop"
++++++++android:src="@drawable/your_drawable"/>

++<LinearLayout
++++++++android:id="@%2Bid/your_actual_layout"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:orientation="vertical">

++</LinearLayout>

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

You can use a <code>FrameLayout</code> with an <code>ImageView</code> as the first child, then your normal layout as the second child:

<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="match_parent"&gt;

 &lt;ImageView
 android:id="@+id/background_image_view"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:scaleType="centerCrop"
 android:src="@drawable/your_drawable"/&gt;

 &lt;LinearLayout
 android:id="@+id/your_actual_layout"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical"&gt;

 &lt;/LinearLayout&gt;

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

blocks|key|2968714|text|我有一张背景图片，大小不大，但尺寸很奇怪--因此会有拉伸和糟糕的表现。我用参数Context，一个View和一个可绘制的ID(int)创建了一个与设备屏幕大小相匹配的方法。例如，在片段onCreateView中使用此选项来设置背景。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2968715|public+void+setBackground(Context+context,+View+view,+int+drawableId){
++++Bitmap+bitmap+=+BitmapFactory.decodeResource(context.getResources(),drawableId);

++++bitmap+=+Bitmap.createScaledBitmap(bitmap,+Resources.getSystem().
+++++++++++++getDisplayMetrics().widthPixels,
+++++++++++++Resources.getSystem().getDisplayMetrics().heightPixels,
+++++++++++++true);

++++BitmapDrawable+bitmapDrawable+=+new+BitmapDrawable(context.getResources(),+
++++++++++++++++++++++++++++++++++++bitmap);

++++view.setBackground(bitmapDrawable);
}|code-block|syntax|javascript|2968716|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|$]]

I had a background image, not big in size, but with weird dimensions - therefore the stretching and bad performance. I made a method with parameters Context, a View and a drawable ID(int) that will match the device screen size. Use this in e.g a Fragments onCreateView to set the background.

<pre><code>public void setBackground(Context context, View view, int drawableId){
 Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),drawableId);

 bitmap = Bitmap.createScaledBitmap(bitmap, Resources.getSystem().
 getDisplayMetrics().widthPixels,
 Resources.getSystem().getDisplayMetrics().heightPixels,
 true);

 BitmapDrawable bitmapDrawable = new BitmapDrawable(context.getResources(), 
 bitmap);

 view.setBackground(bitmapDrawable);
}
</code></pre>

I found this <a href="https://stackoverflow.com/questions/3318629/imagebutton-in-android">great thread</a> describing how to "eat the cake and have it too", i.e. use image for a <code>Button</code> instead of <code>ImageButton</code> (which doesn't allow <code>SetText()</code>, resizing, etc.).

This is achieved by using the View attribute:

<pre><code>android:background="@drawable/bgimage"
</code></pre>

The only problem with this is that it stretches the image to fit the button size.

Short of hard-coding a fixed button size (in pixels!), is there a way to tell Android not to stretch the background image at all and either crop or pad it?

How to implement an android:background that doesn't stretch?

Android Studio

Android

我发现这个描述了如何“吃掉蛋糕并拥有它”，即使用Button的图像而不是ImageButton (这不允许SetText()，调整大小等)。这是通过使用View属性实现的：android:background="@drawable/bgimage"唯一的问题是它会拉伸图像以适应按钮的大小。除了硬编码一个固定的按钮大小(...

问如何实现android:不能伸展的背景？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何实现android:不能伸展的背景？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何实现android:不能伸展的背景？
EN