Android Question How to create curved bottom border rectangle in android?

[ArminKh1993]

how to create android drawable with perfect curved bottom using code like this :

here https://stackoverflow.com/a/44275750
is solution in java but it's using xml
i want it by code(programmatically)
maybe by using canvas

 

[Erel]

Private Sub CreateBackground (pnl As B4XView)
    Dim p As B4XView = xui.CreatePanel("")
    p.SetLayoutAnimated(0, 0, 0, pnl.Width, pnl.Height)
    Dim cvs As B4XCanvas
    cvs.Initialize(p)
    cvs.DrawCircle(p.Width / 2, 0, p.Height, 0xFFFF5B5B, True, 0)
    Dim iv As B4XImageView = XUIViewsUtils.CreateB4XImageView
    pnl.AddView(iv.mBase, 0, 0, pnl.Width, pnl.Height)
    iv.mBackgroundColor = xui.Color_Transparent
    iv.Bitmap = cvs.CreateBitmap
    iv.mbase.SendToBack
    pnl.Color = xui.Color_Transparent
    cvs.Release
End Sub

If you are using it multiple times then it will be more efficient to reuse the canvas.

 

[ArminKh1993]

View attachment 116017

Private Sub CreateBackground (pnl As B4XView)
    Dim p As B4XView = xui.CreatePanel("")
    p.SetLayoutAnimated(0, 0, 0, pnl.Width, pnl.Height)
    Dim cvs As B4XCanvas
    cvs.Initialize(p)
    cvs.DrawCircle(p.Width / 2, 0, p.Height, 0xFFFF5B5B, True, 0)
    Dim iv As B4XImageView = XUIViewsUtils.CreateB4XImageView
    pnl.AddView(iv.mBase, 0, 0, pnl.Width, pnl.Height)
    iv.mBackgroundColor = xui.Color_Transparent
    iv.Bitmap = cvs.CreateBitmap
    iv.mbase.SendToBack
    pnl.Color = xui.Color_Transparent
    cvs.Release
End Sub

If you are using it multiple times then it will be more efficient to reuse the canvas.

Fantastic, Thank you ?

 

[ArminKh1993]

If you are using it multiple times then it will be more efficient to reuse the canvas.

Do you mean to use one canvas for all draws?

 

[ArminKh1993]

View attachment 116017

Private Sub CreateBackground (pnl As B4XView)
    Dim p As B4XView = xui.CreatePanel("")
    p.SetLayoutAnimated(0, 0, 0, pnl.Width, pnl.Height)
    Dim cvs As B4XCanvas
    cvs.Initialize(p)
    cvs.DrawCircle(p.Width / 2, 0, p.Height, 0xFFFF5B5B, True, 0)
    Dim iv As B4XImageView = XUIViewsUtils.CreateB4XImageView
    pnl.AddView(iv.mBase, 0, 0, pnl.Width, pnl.Height)
    iv.mBackgroundColor = xui.Color_Transparent
    iv.Bitmap = cvs.CreateBitmap
    iv.mbase.SendToBack
    pnl.Color = xui.Color_Transparent
    cvs.Release
End Sub

If you are using it multiple times then it will be more efficient to reuse the canvas.

Can u please help me to clear transparent area?
I want just filled area
i want some thing like clipToOutline method
or some thing to remove extra path
imagine this is a panel and have curved bottom and i add some viewes to this panel
then clipToOutline will not works

 

[TILogistic]

Save canvas to use in other views

Dim bmp As B4XBitmap = CreateBackground

    Dim bmp As B4XBitmap = CreateBackground
    
    B4XImageView1.SetBitmap(bmp)
    B4XImageView1.mBase.Color = xui.Color_Transparent
    B4XImageView2.SetBitmap(bmp)
    B4XImageView2.mBase.Color = xui.Color_Transparent
    
    Dim iv As B4XImageView = XUIViewsUtils.CreateB4XImageView
    Pane1.AddView(iv.mBase, 0, 0, Pane1.Width, Pane1.Height)
    iv.mBackgroundColor = xui.Color_Transparent
    iv.Bitmap = bmp
    iv.mbase.SendToBack
    Pane1.Color = xui.Color_Transparent

Public Sub CreateBackground As B4XBitmap
    Dim p As B4XView = xui.CreatePanel("")
    p.SetLayoutAnimated(0, 0, 0, 600, 600)
    Dim cvs As B4XCanvas
    cvs.Initialize(p)
    cvs.DrawCircle(p.Width / 2, 0, p.Height, 0xFFFF5B5B, True, 0)
    cvs.Release
    Return cvs.CreateBitmap
End Sub

sample:

 

[ArminKh1993]

Can u please help me to clear transparent area?
I want just filled area
i want some thing like clipToOutline method
or some thing to remove extra path
imagine this is a panel and have curved bottom and i add some viewes to this panel
then clipToOutline will not works

look at this
blue label is inside my panel but i want to remove extra points
this code not works https://www.b4x.com/android/forum/threads/b4x-round-clipping-panel.120961/

 

[Hanz]

Amazing... how about a slice on the top left and bottom right edges?