Android Question panel with a transparent hole

[peacemaker]

Is that possible to have a panel (containing a picture) with some custom shaped transparent hole ? Not only rectangle hole that is another panel.

 

[klaus]

Have a look at the Beginner's Guide chapter 15.2.3 Simple draw functions.
There you have a picture and on top a panel with a round hole which can be moved, you could use a Path instead of the circle.
The source code is included in the guide zip file.

 

[peacemaker]

Task is to have the picture container of non-rectangled shape.

 

[klaus]

Could you be more precise on what you want to do.
First post: Is that possible to have a panel (containing a picture) with some custom shaped transparent hole ?
Second post: Task is to have the picture container of non-rectangled shape.
One time it's a custom shaped transparent hole and the second time a custom shaped picture ?

 

[LucaMs]

http://www.b4x.com/android/forum/threads/draw-round-bitmap.41240/

 

[peacemaker]

Seems, i could not get what wanted.
Let's say more sharp: how to show one picture in a circle (like in the transparent hole) over another picture background ?
It looks like you see through the hole in the door. Door is pictured, and in the hole picture is changed.

Klaus' layer0, if not grey, but with a picture - is not transparent.
So, in Klaus' sample "SimpleDrawFunctions" - if grey mask is replaced by some loaded picture, and round "hole" with another picture over it - this is the task.

 

[strat]

If you use two panels and two picture, it is simple. For this, you have to understand how you can create a transparent picture. I uploaded two images here. You can use these pictures.

Assign the pictures to the panels and use this code.

panel2.color=colors.transparent

I assume panel2 is at the top.
If you want draw shapes runtime, you must use trasnparent color on the top panel.

 

[peacemaker]

See the left-top corner - i need this. This is not working sample yet.

 

[peacemaker]

LucasMs, thanks for http://www.b4x.com/android/forum/threads/draw-round-bitmap.41240/
finally i've make that i wanted by this sample.
Slow for whole the screen, but enough.

Sub CreateBitmap As Canvas
Dim bmp As Bitmap
bmp.InitializeMutable(100%x, 100%y)     ' !!!
Dim cvs As Canvas
cvs.Initialize2(bmp)
Dim r As Rect
r.Initialize(0, 0, bmp.Width, bmp.Height)
cvs.DrawRect(r, Colors.Transparent, True, 0)
Dim p As Path
p.Initialize(0, 0)
Dim jo As JavaObject = p

Dim radius = 50dip, x, y As Float
x = CurX
y = CurY

jo.RunMethod("addCircle", Array As Object(x, y, radius, "CW"))
cvs.ClipPath(p)
Return cvs
End Sub

Sub pnl_Touch (Action As Int, X As Float, Y As Float)
CurX = X
CurY = Y
Draw
End Sub

 

[LucaMs]

so?

 

[peacemaker]

so?

So... you are the expert indeed, like Erel the Master
thanks.

Just enough

Sub pnl_Touch (Action As Int, X As Float, Y As Float)
Private cnv As Canvas
pnl.SetBackgroundImage(LoadBitmap(File.DirAssets, "banner.jpg"))
cnv.Initialize(pnl)
cnv.DrawCircle(X, Y, 60dip, Colors.Transparent, True, -1)
End Sub

 

[klaus]

Is this what you are looking for ?
You can move the background image with the finger.

 

[peacemaker]

Yes ! I already made so with just simple round hole
But your variant is more universal, Klaus !

It's for app to compare pictures.

 

[peacemaker]

Here is the app i needed to do
Comparing two pictures: choose a new wallpaper coparing to the old one, for ex.