Android Question Set semi transparency of a panel outside its contained image

[Matteo Granatiero]

For the semi-transparency of the panel use:

Dim cd As ColorDrawable
    cd.Initialize ( Colors.ARGB( 100, 0, 0, 0) , 5dip )
    Panel1.Background = cd

The problem is: if I load an image in the panel (which is smaller than the panel panel because I set Gravity.Center, how do I set the rest of the panel with semi-transparency without "coloring" the inside of the image?
I attach image to make the idea

 

[Semen Matusovskiy]

Place imageview over panel and resize imageview according your image size.

 

[Matteo Granatiero]

Place imageview over panel and resize imageview according your image size.

Not all the images you need in the panel is the same size, that's why the filling of the panel with the semi transparent must be "dynamic"

 

[Erel]

I agree with @Semen Matusovskiy

You can use the code here to resize the bitmap or the ImageView as needed: https://www.b4x.com/android/forum/threads/86627/#content

 

[Semen Matusovskiy]

A sample without libraries

1) Declare and load a bitmap

    Dim Panel1 As Panel
    Dim ImageView1 As ImageView
    Dim bitmap As Bitmap = LoadBitmap (File.DirAssets, "MyPicture.jpg")

2) Place Panel1

    Activity.Color = Colors.White   
    Panel1.Initialize ("")
    Activity.AddView (Panel1, 10%x, 10%y, 80%x, 80%y)   
    Dim cd As ColorDrawable
    cd.Initialize (Colors.ARGB (100, 0, 0, 0), 5dip)
    Panel1.Background = cd

3) For example, you want padding ("borders") minimum 10dip from each side
Let's calculate scale factor:

    Dim scale As Double = Min ((Panel1.Width - 2 * 10dip) / bitmap.Width, (Panel1.Height - 2 * 10dip) / bitmap.Height)

4) Last step

    ImageView1.Initialize ("")
    ImageView1.Gravity = Gravity.FILL
    ImageView1.Bitmap = bitmap
    Panel1.AddView (ImageView1, (Panel1.Width - scale * bitmap.Width) / 2, (Panel1.Height - scale * bitmap.Height) / 2, scale * bitmap.Width, scale * bitmap.Height)

 

[Matteo Granatiero]

give me this error

java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.

 

[Semen Matusovskiy]

Try attached project

 

[Matteo Granatiero]

I want the inside of this image to be transparent and not to have the color of the panel

 

[Matteo Granatiero]

Try attached project

why did you delete a comment?

 

[DonManfred]

I want the inside of this image to be transparent and not to have the color of the panel

This is totally different from the goal you posted in #1!!!
In #1 you was writing about an Image in thr middle of a panel. So single word about a t-shirt and it´s outline.

Thank you for wasting everyones time. Especially @Semen Matusovskiy

 

[Semen Matusovskiy]

I deleted a comment because you deleted your zip-file.
About t-shirt. If you want to change color for t-shirt (let's say yellow), you need to edit png in graphic editor - this is the most simple solution

 

[Matteo Granatiero]

This is totally different from the goal you posted in #1!!!
In #1 you was writing about an Image in thr middle of a panel. So single word about a t-shirt and it´s outline.

Thank you for wasting everyones time. Especially @Semen Matusovskiy

read well what I scirtto in # 1:
how do I set the rest of the panel with semi-transparency without "coloring" the inside of the image?

 

[Matteo Granatiero]

I deleted a comment because you deleted your zip-file.
About t-shirt. If you want to change color for t-shirt (let's say yellow), you need to edit png in graphic editor - this is the most simple solution

I want the inside of the image to be transparent! The 1.png image is it but inside the panel you can see the color of the panel. The INITIAL question was just this, how not to visualize the color of the panel inside the embankment
Example on photoshop :

 

[Semen Matusovskiy]

Which color do you want to see ?

Guess, you want to see like in attached png. Correct ? If so, you must prepare png : around t-shirt - transparent color, inside t-shirt - solid colors.

 

[Matteo Granatiero]

Which color do you want to see ?

Guess, you want to see like in attached png. Correct ? If so, you must prepare png : around t-shirt - transparent color, inside t-shirt - solid colors.

I want to see inside the transparent t-shirt and outside the t-shirt the semi-transparent color of the panel

 

[Semen Matusovskiy]

Sorry, I don't understand
At first, we did both variant. What's wrong with first ?
The background of activity is light-color.
Panel color is semi-transparent black color (looks like dark red)
Inside and outside t-shirt there is the same color - semi-transparent black.

The second variant - t-shirt is colored. Which third variant can be ?

 

[Matteo Granatiero]

I want the inside of the shirt to be TRANSPARENT (in this case see the red) But this does not mean that I have to color the inside of the shirt red. I got it?

 

[Erel]

Not clear.
Post the input image and the expected result.

 

[Matteo Granatiero]

Not clear.
Post the input image and the expected result.

.

 

[Erel]

Sorry but I can't help you here. Read all your posts and still don't understand what you are trying to do.