Android Question How to show a corner text badge on any view?

[Inman]

I am trying to create a UI like above. I saw a couple of Badger class/libraries here but they do not display like the above layout. Is such a library/class available? I don't need the 3D embossed wraparound kind of look seen above. Just need a corner text on a specific background colour.

 

[sfsameer]

I am trying to create a UI like above. I saw a couple of Badger class/libraries here but they do not display like the above layout. Is such a library/class available? I don't need the 3D embossed wraparound kind of look seen above. Just need a corner text on a specific background colour.

You could create an image in Photoshop, set the height + width quality example :

Image created in photoshop :
width : 200px
height : 200px

then :

sub Create_Panel

   
Dim cls As ColorDrawable
    cls.Initialize2(Colors.White,0,1dip,Colors.RGB(100,100,100))
    
    Dim p As Panel
    p.Initialize("")
    Activity.AddView(p,25%x,25%y,50%x,50%x)
    p.Background = cls
    p.BringToFront
    
    Dim img As ImageView
    img.Initialize("")
    Activity.AddView(img,25%x,25%y,50%x,50%x)
    img.Bitmap = LoadBitmap(File.DirAssets,"Badge.png")
    img.Gravity = Gravity.FILL
    img.BringToFront
   
end sub

and it will create the same exact effect :

 

[Inman]

Thanks sfsameer. Yes that is possible. I was hoping for more of a generic library with which I can set the color and size dynamically. Sort of like the Badger XUI and ViewBadger library.

 

[sfsameer]

Thanks sfsameer. Yes that is possible. I was hoping for more of a generic library with which I can set the color and size dynamically. Sort of like the Badger XUI and ViewBadger library.

You could also use a canvas, draw on it and rotate it.

there are always many solutions to any problem

 

[Alexander Stolte]

The question is, if you are only need a strip or a strip with the arc?

 

[William Lancee]

I recently discovered that labels can be rotated.

Private Sub B4XPage_Created (Root1 As B4XView)
    Root = Root1
    Root.LoadLayout("MainPage")
    Dim banner As Label
    banner.Initialize("")
    Dim bannerx As B4XView = banner
    banner.Text = "Top Secret"
    bannerx.Color = xui.color_Red
    bannerx.TextSize = 20
    bannerx.TextColor = xui.color_White
    bannerx.SetTextAlignment("CENTER", "CENTER")
    bannerx.Rotation = -45
    Dim box As B4XView = xui.CreatePanel("")
    box.SetColorAndBorder(xui.Color_Transparent, 1, xui.Color_Black, 0)
    Root.AddView(box, 200, 200, 300, 300)
    box.AddView(bannerx, -50, 35, 200, 20)
End Sub

 

[Inman]

The question is, if you are only need a strip or a strip with the arc?

Just the strip, but positioned in slanting angle from one edge to its adjacent one as seen in the image I included

 

[aeric]

I am not expert to draw the view using code. What come to my mind is to use an ImageView to load a transparent background image.

 

[kisoft]

I am not expert to draw the view using code. What come to my mind is to use an ImageView to load a transparent background image.

Sometimes simple things are best... You can even create a 3D theme