blocks|key|1263678|text|您可以跳过复杂的画布操作，并使用LayerDrawable完全使用Drawables完成此操作。您有两个选择之一:您可以选择define+it+in+XML然后简单地设置映像，或者您可以在代码中动态配置LayerDrawable。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1263679|解决方案#1+(通过XML)：|1263680|创建一个新的可绘制XML文件，我们将其命名为layer.xml|1263681|<layer-list+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item+android:drawable="@drawable/t"+/>
++++<item+android:drawable="@drawable/tt"+/>
</layer-list>|code-block|syntax|javascript|1263682|现在使用该可绘制的设置图像：|1263683|testimage.setImageDrawable(getResources().getDrawable(R.layout.layer));|1263684|解决方案#2+(动态)：|1263685|Resources+r+=+getResources();
Drawable[]+layers+=+new+Drawable[2];
layers[0]+=+r.getDrawable(R.drawable.t);
layers[1]+=+r.getDrawable(R.drawable.tt);
LayerDrawable+layerDrawable+=+new+LayerDrawable(layers);
testimage.setImageDrawable(layerDrawable);|1263686|(我还没有测试过这段代码，所以可能有错误，但这个概要应该可以工作。)|1263687|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.android.com/reference/android/graphics/drawable/LayerDrawable.html|1|http://idunnolol.com/android/drawables.html#layer-list^0|G|D|2T|D|G|D|0|1Q|G|1|0|0|M|9|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@$9|1D|A|1E|1|1F]|$9|1G|A|1H|1|1I]]|E|$]]|$1|F|3|G|5|6|7|1J|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|1N|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1O|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1P|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|U|3|V|5|L|7|1R|8|@]|D|@]|E|$M|N]]|$1|W|3|X|5|6|7|1S|8|@]|D|@]|E|$]]|$1|Y|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]]|Z|$10|$5|11|12|13|E|$14|15]]|16|$5|11|12|13|E|$14|17]]]]

You can skip the complex Canvas manipulation and do this entirely with Drawables, using <a href="https://developer.android.com/reference/android/graphics/drawable/LayerDrawable.html" rel="noreferrer"><code>LayerDrawable</code></a>. You have one of two choices: You can either <a href="http://idunnolol.com/android/drawables.html#layer-list" rel="noreferrer">define it in XML</a> then simply set the image, or you can configure a <code>LayerDrawable</code> dynamically in code.

Solution #1 (via XML):

Create a new Drawable XML file, let's call it <code>layer.xml</code>:

<pre><code>&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item android:drawable="@drawable/t" /&gt;
 &lt;item android:drawable="@drawable/tt" /&gt;
&lt;/layer-list&gt;
</code></pre>

Now set the image using that Drawable:

<pre><code>testimage.setImageDrawable(getResources().getDrawable(R.layout.layer));
</code></pre>

Solution #2 (dynamic):

<pre><code>Resources r = getResources();
Drawable[] layers = new Drawable[2];
layers[0] = r.getDrawable(R.drawable.t);
layers[1] = r.getDrawable(R.drawable.tt);
LayerDrawable layerDrawable = new LayerDrawable(layers);
testimage.setImageDrawable(layerDrawable);
</code></pre>

(I haven't tested this code so there may be a mistake, but this general outline should work.)

blocks|key|1263723|text|好的，就像你知道的，有一个叫做DroidDraw的程序。它可以帮助您绘制对象并在另一个对象上进行尝试。我尝试了你的解决方案，但我在较小的图像下有动画，所以不起作用。但是后来我试着把一个图像放在一个相对布局中，它应该首先在下面，然后在上面，我画了另一个图像，它应该是覆盖的，一切都很好。所以RelativeLayout，DroidDraw和你可以开始了:)很简单，没有任何形式的欺骗:)这里有一些代码给你：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1263724|该标志将在shazam背景图像的顶部。|1263725|<?xml+version="1.0"+encoding="utf-8"?>
<RelativeLayout
android:id="@%2Bid/widget30"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
>
<ImageView
android:id="@%2Bid/widget39"
android:layout_width="219px"
android:layout_height="225px"
android:src="@drawable/shazam_bkgd"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
>
</ImageView>
<ImageView
android:id="@%2Bid/widget37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/shazam_logo"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
>
</ImageView>
</RelativeLayout>|code-block|syntax|javascript|1263726|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

ok just so you know there is a program out there that's called DroidDraw. It can help you draw objects and try them one on top of the other. I tried your solution but I had animation under the smaller image so that didn't work. But then I tried to place one image in a relative layout that's suppose to be under first and then on top of that I drew the other image that is suppose to overlay and everything worked great. So RelativeLayout, DroidDraw and you are good to go :) Simple, no any kind of jiggery pockery :) and here is a bit of code for ya: 

The logo is going to be on top of shazam background image. 

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout
android:id="@+id/widget30"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
&gt;
&lt;ImageView
android:id="@+id/widget39"
android:layout_width="219px"
android:layout_height="225px"
android:src="@drawable/shazam_bkgd"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
&gt;
&lt;/ImageView&gt;
&lt;ImageView
android:id="@+id/widget37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/shazam_logo"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
&gt;
&lt;/ImageView&gt;
&lt;/RelativeLayout&gt;
</code></pre>

blocks|key|1049181|text|这是我的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1049182|++++public+Bitmap+Blend(Bitmap+topImage1,+Bitmap+bottomImage1,+PorterDuff.Mode+Type)+{

++++++++Bitmap+workingBitmap+=+Bitmap.createBitmap(topImage1);
++++++++Bitmap+topImage+=+workingBitmap.copy(Bitmap.Config.ARGB_8888,+true);

++++++++Bitmap+workingBitmap2+=+Bitmap.createBitmap(bottomImage1);
++++++++Bitmap+bottomImage+=+workingBitmap2.copy(Bitmap.Config.ARGB_8888,+true);

++++++++Rect+dest+=+new+Rect(0,+0,+bottomImage.getWidth(),+bottomImage.getHeight());
++++++++new+BitmapFactory.Options().inPreferredConfig+=+Bitmap.Config.ARGB_8888;
++++++++bottomImage.setHasAlpha(true);
++++++++Canvas+canvas+=+new+Canvas(bottomImage);
++++++++Paint+paint+=+new+Paint();

++++++++paint.setXfermode(new+PorterDuffXfermode(Type));

++++++++paint.setFilterBitmap(true);
++++++++canvas.drawBitmap(topImage,+null,+dest,+paint);
++++++++return+bottomImage;
++++}|code-block|syntax|javascript|1049183|用法：|1049184|imageView.setImageBitmap(Blend(topBitmap,+bottomBitmap,+PorterDuff.Mode.SCREEN));|1049185|或|1049186|imageView.setImageBitmap(Blend(topBitmap,+bottomBitmap,+PorterDuff.Mode.OVERLAY));|1049187|结果是：|1049188|覆盖模式：|1049189|📷|atomic|offset|length|1049190|​|1049191|屏幕模式：|1049192|1049193|1049194|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/087505d37d7b0d283f6988cfeda8abdb.jpeg|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/3eff3dad8e0871422f1972e92d4042c8.jpeg^0|0|0|0|0|0|0|0|0|0|1|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1G|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1H|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1I|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|1J|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1L|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1M|8|@]|9|@$V|1N|W|1O|1|1P]]|A|$]]|$1|X|3|Y|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|1R|8|@]|9|@]|A|$]]|$1|11|3|T|5|U|7|1S|8|@]|9|@$V|1T|W|1U|1|1V]]|A|$]]|$1|12|3|Y|5|6|7|1W|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]]|14|$15|$5|16|17|18|A|$19|1A|1B|-4]]|1C|$5|16|17|18|A|$19|1D|1B|-4]]]]

this is my solution:

<pre><code> public Bitmap Blend(Bitmap topImage1, Bitmap bottomImage1, PorterDuff.Mode Type) {

 Bitmap workingBitmap = Bitmap.createBitmap(topImage1);
 Bitmap topImage = workingBitmap.copy(Bitmap.Config.ARGB_8888, true);

 Bitmap workingBitmap2 = Bitmap.createBitmap(bottomImage1);
 Bitmap bottomImage = workingBitmap2.copy(Bitmap.Config.ARGB_8888, true);

 Rect dest = new Rect(0, 0, bottomImage.getWidth(), bottomImage.getHeight());
 new BitmapFactory.Options().inPreferredConfig = Bitmap.Config.ARGB_8888;
 bottomImage.setHasAlpha(true);
 Canvas canvas = new Canvas(bottomImage);
 Paint paint = new Paint();

 paint.setXfermode(new PorterDuffXfermode(Type));

 paint.setFilterBitmap(true);
 canvas.drawBitmap(topImage, null, dest, paint);
 return bottomImage;
 }
</code></pre>

usage :

<pre><code>imageView.setImageBitmap(Blend(topBitmap, bottomBitmap, PorterDuff.Mode.SCREEN));
</code></pre>

or

<pre><code>imageView.setImageBitmap(Blend(topBitmap, bottomBitmap, PorterDuff.Mode.OVERLAY));
</code></pre>

and the results :

Overlay mode :
<a href="https://i.stack.imgur.com/8bwSg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8bwSg.jpg" alt="Overlay mode"></a>

Screen mode:
<a href="https://i.stack.imgur.com/Crumw.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Crumw.jpg" alt="Screen mode"></a>

I am trying to overlay two images in my app, but they seem to crash at my <code>canvas.setBitmap()</code> line. What am I doing wrong?

<pre><code>private void test() {
 Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.t);
 Bitmap mBitmap2 = BitmapFactory.decodeResource(getResources(), R.drawable.tt);
 Bitmap bmOverlay = Bitmap.createBitmap(mBitmap.getWidth(), mBitmap.getHeight(), mBitmap.getConfig());
 Canvas canvas = new Canvas();
 canvas.setBitmap(bmOverlay);
 canvas.drawBitmap(mBitmap, new Matrix(), null);
 canvas.drawBitmap(mBitmap2, new Matrix(), null);
 testimage.setImageBitmap(bmOverlay);
}
</code></pre>

overlay two images in android to set an imageview

我试图在我的应用程序中叠加两张图片，但它们似乎在我的canvas.setBitmap()线路上崩溃了。我做错了什么？private void test() {    Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.t); ...

问在android中叠加两张图片，设置一个图片视图
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在android中叠加两张图片，设置一个图片视图EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在android中叠加两张图片，设置一个图片视图
EN