Android Question image with Corner

[Keith Yong]

I would like know how can I make the image with corner on top only, same like the image uploaded.

I manage to make the image with 4 corners and use a panel to cover at the bottom, but it doesn't looks good. May I know what is the best practice to have this to be done.

 

[Erel]

You can put a panel over the bottom of the image view.

 

[Keith Yong]

You can put a panel over the bottom of the image view.

this is what I'm doing now, but somehow the image at the bottom get cover and it doesn't look nice. Is there other way?

 

[Erel]

Code to create image with 2 round corners:
Depends on XUI and BitmapCreator.

Sub Globals
   Private ImageView1 As B4XView
   Private xui As XUI
End Sub

Sub Activity_Create(FirstTime As Boolean)
   Activity.LoadLayout("1")
   Dim img As B4XBitmap = xui.LoadBitmapResize(File.DirAssets, "1.jpg.png", ImageView1.Width, ImageView1.Height, False)
   ImageWithTopCorners(img, ImageView1, 20dip)
End Sub

Sub ImageWithTopCorners (bmp As B4XBitmap, iv As B4XView, Radius As Int)
   Dim bc As BitmapCreator
   bc.Initialize(iv.Width, iv.Height)
   Dim brush As BCBrush = bc.CreateBrushFromBitmap(bmp)
   Dim rect As B4XRect
   rect.Initialize(0, 0, bc.mWidth - 1, bc.mHeight)
   bc.DrawRectRounded2(rect, brush, True, 0, Radius)
   rect.Initialize(0, bc.mHeight - Radius, bc.mWidth, bc.mHeight)
   bc.DrawRect2(rect, brush, True, 0)
   bc.SetBitmapToImageView(bc.Bitmap, iv)
End Sub

 

[Keith Yong]

Thanks, will try it out