Android Question Make panel in different shape

[jazzzzzzz]

I want to make different panel in shape of parallelogram and put a image in background or an imageview in a shape of paralellogram..how can i do it?

 

[Cableguy]

You cannot change thé shape of an activity, what you can do is to set its background color to transparent and then ad an image view with the image in the shape or your choice.

 

[jazzzzzzz]

You cannot change thé shape of an activity, what you can do is to set its background color to transparent and then ad an image view with the image in the shape or your choice.

I just want to make views in different shapes like in this link (want to make a panel view in different shape)

https://www.b4x.com/android/forum/t...-star-imageviews-with-inline-java-code.51639/

 

[Cableguy]

Then you just need to use that lib!

 

[jazzzzzzz]

that works just by cropping the image,its not practical in my case.I need the whole view to be tilt in a small angle

 

[jazzzzzzz]

Can you please look into it?

http://stackoverflow.com/questions/8981845/android-rotate-image-in-imageview-by-an-angle

how can i use this feature "mImageView.setRotation(angle)" setRotation in B4A view? B4A doesnt expose all features how can i access it in my code?

 

[JordiCP]

Try this

Sub rotateImageView( myIV as ImageView)
  Dim JJ as JavaObject = myIV 
  Dim mRotation as float=45
  JJ.runMethod("setRotation",Array(mRotation))
End Sub

 

[klaus]

What exactly do you want to do ?
Having a different shape or rotate view?
Or something else ?

 

[jazzzzzzz]

@JordiCP That code worked but I need imageView to be rotated and image in horizontal..;(

@klaus What I need is to make the container of imageView as a parallelogram i have attached a sample design

 

[JordiCP]

If you want to keep the image horizontal, then you don't want to rotate the imageview, but its borders.

A way to do it would be to use canvas to draw the desired bitmap into an imageview using clippath to define these "custom" borders

For instance,

Spoiler

    IV.Initialize("IV")
    IV.Gravity=Gravity.FILL
    Dim WW As Int = 100%X
    Dim HH As Int = 100%Y
    Activity.AddView(IV,50%X-WW/2,50%Y-HH/2,WW,HH)

    Dim c As Canvas
    c.Initialize(IV)
    Dim cp As Path
    cp.Initialize(0,0)
    cp.LineTo(100%X,0)
    cp.LineTo(100%X,40%Y)
    cp.LineTo(0%X,60%Y)
    cp.LineTo(0,0)
    c.ClipPath(cp)
    Dim dstRect As Rect
    dstRect.Initialize(0,0,100%X,60%Y)
    c.DrawBitmap(LoadBitmap(File.DirAssets,"a.jpg"),Null,dstRect)
   
    c.RemoveClip
    cp.Initialize(0,60%Y)
    cp.LineTo(100%X,40%Y)
    cp.LineTo(100%X,100%Y)
    cp.LineTo(0%X,100%Y)
    cp.LineTo(0,60%Y)
    c.ClipPath(cp)
    Dim dstRect As Rect
    dstRect.Initialize(0,40%Y,100%X,100%Y)
    c.DrawBitmap(LoadBitmap(File.DirAssets,"b.jpg"),Null,dstRect)

@klaus: I have just seen THIS, missed when you posted it (would have saved me several hours )

 

[jazzzzzzz]

Idea is Perfect..but the image comes in Gravity Filled ,How can i make gravity centerd in each Clip

 

[JordiCP]

playing with the srcRect (in the example set to Null, so the whole bitmap was got, but you can change it ) and dstRec coordinates, any gravity effect can be achieved

Anyway, this method "crops" a bit the bitmaps and is good for composing. If what you want is to "fill" the whole clip area with the bitmap (deforming it), I guess you would have to use other methods. But the picture you attached seems to be only "cropped"