B4A Library ABExtDrawing 1.0

alwaysbusy · Feb 3, 2012

ABExtDrawing 1.7

ABExtDrawing is a wrapper around the Android Drawing classes.

14/08/2012: Updated to version 1.7

Bugfixes and additional functions for blurring and masks.

16/02/2012: Updated to version 1.1

It makes it possible to access all the drawing functions of the Canvas. It is like the B4A canvas, but you can also use all Paints.

Several sub objects are also included:
ABPaint: a wrapper for thePaint class
ABMatrix: a wrapper for the Matrix class
ABRegion: a wrapper for the Region class
ABColorMatrix: a wrapper for the ColorMatrix class
ABCamera: a wrapper for the Camera class [NEW version 1.1]
ABRgbFunctions: several functions to manipulate RGB values

Also two extended classes
ABRectF: a wrapper around the RectF class. B4A contains the Rect class, but to use some of the functions of this library I needed the float version of Rect.
ABPath: a full wrapper for the Path class. B4A contains the Path class but only exposes LineTo. ABPath exposes all functions (like addArc, addOval, etc...)

This lib is to big to list all functions, but a lot of them are used in the attached demo. It is a B4A translation of the Thermometer project on Mind The Robot

How to use this library:

The main object is ABExtDrawing. You pass the B4A canvas to each function:

B4X:

Sub Globals
        Dim ExDraw As ABExtDrawing
        Dim MyCanvas As Canvas
        Dim Panel1 as Panel
end Sub

Sub Activity_Create(FirstTime As Boolean)
        If FirstTime Then
      Activity.LoadLayout("2")
      MyCanvas.Initialize(Panel1)   
   End If
        drawRim(MyCanvas)
End Sub

Sub drawRim(Canv As Canvas)
   ' first, draw the metallic body
   ExDraw.drawOval(Canv, rimRect, rimPaint)
   ' now the outer rim circle
   ExDraw.drawOval(Canv, rimRect, rimCirclePaint)
End Sub

The fun part is you can create all kind of Paints:

B4X:

        ' the linear gradient Is a Bit skewed For realism
   rimPaint.Initialize
   rimPaint.SetFlags(rimPaint.flag_ANTI_ALIAS_FLAG)
   rimPaint.SetLinearGradient2(1,0.40, 0.0, 0.60, 1.0, Colors.RGB(0xf0, 0xf5, 0xf0),Colors.RGB(0x30, 0x31, 0x30),rimPaint.ShaderTileMode_CLAMP)   
   rimPaint.DoShaderSingle(1)

   rimCirclePaint.Initialize
   rimCirclePaint.SetAntiAlias(True)
   rimCirclePaint.SetStyle(rimCirclePaint.Style_STROKE)
   rimCirclePaint.SetColor(Colors.ARGB(0x4f, 0x33, 0x36, 0x33))
   rimCirclePaint.SetStrokeWidth(0.005)

or make extended Paths:

B4X:

        handPath.Initialize
   handPath.moveTo(0.5, 0.5 + 0.2)
   handPath.lineTo(0.5 - 0.010, 0.5 + 0.2 - 0.007)
   handPath.lineTo(0.5 - 0.002, 0.5 - 0.32)
   handPath.lineTo(0.5 + 0.002, 0.5 - 0.32)
   handPath.lineTo(0.5 + 0.010, 0.5 + 0.2 - 0.007)
   handPath.lineTo(0.5, 0.5 + 0.2)
   handPath.addCircle(0.5, 0.5, 0.025, handPath.Direction_CW)

You can also use the Save and Restore functions of the canvas:

B4X:

Sub drawScale(Canv As Canvas)
   ExDraw.drawOval(Canv, scaleRect, ScalePaint)

   ExDraw.save2(Canv, ExDraw.MATRIX_SAVE_FLAG)
   Dim i As Int
   Dim y1 As Float
   Dim y2 As Float
   Dim value As Int
   Dim valueString As String
   For i = 0 To totalNicks
      y1 = scaleRect.top
      y2 = y1 - 0.020
         
      ExDraw.drawLine(Canv, 0.5, y1, 0.5, y2, ScalePaint)
         
      If (i Mod 5 = 0) Then
         value = nickToDegree(i)
         If (value >= minDegrees AND value <= maxDegrees) Then
            valueString = value
            ExDraw.drawText(Canv, valueString, 0.5, y2 - 0.015, ScalePaint)
         End If
      End If
         
      ExDraw.rotate2(Canv, degreesPerNick, 0.5, 0.5)
   Next
   ExDraw.restore(Canv)
End Sub

For more information on what is possible, look into the Android documentation

There is a new article on the Camera class (see the AB3DCamera project) that shows you how to make a 3D list with ABExtDrawing 1.1. The article can be found at Alwaysbusy's Corner. The project is also attached to this post.

hookshy · Mar 21, 2013

mask bitmap

I searched for mask options and I did not found any.
Is there a solution to mask a bitmap ?

francoisg · Jun 27, 2013

Drop shadows

Hi,
is there any easy way of generating drop shadows? I have many images (transparent .png images) that I need to dynamically generate shadows for (images are loaded from a server and can change in the future, so using something like Photoshop to change the images would not work!) ...

Any help would be appreciated!

MrKim · Aug 24, 2013

When I try to run ABMeter.b4a it loads a blank screen. The following is the log when it loads.

Starting activity: Intent { act=android.intent.action.MAIN cat=[android.intent.category.LAUNCHER] flg=0x10200000 cmp=com.ab.abmeter/.main }
Start proc com.ab.abmeter for activity com.ab.abmeter/.main: pid=472 uid=10039 gids={}
Could not find method android.graphics.Canvas.isHardwareAccelerated, referenced from method com.AB.ABExtDrawing.ABExtDrawing.isHardwareAccelerated
VFY: unable to resolve virtual method 226: Landroid/graphics/Canvas;.isHardwareAccelerated ()Z
VFY: replacing opcode 0x6e at 0x0002
VFY: dead code 0x0005-0006 in Lcom/AB/ABExtDrawing/ABExtDrawing;.isHardwareAccelerated (Lanywheresoftware/b4a/objects/drawable/CanvasWrapperZ
** Activity (main) Create, isFirst = true **
GC_EXTERNAL_ALLOC freed 4766 objects / 259256 bytes in 88ms
GC_EXTERNAL_ALLOC freed 817 objects / 42144 bytes in 78ms
** Activity (main) Resume **
fdhandler_accept_event: accepting on fd 10
created client 0x17fe8 listening on fd 15
client_fd_receive: attempting registration for service 'sensors'
client_fd_receive: -> received channel id 27
Launch timeout has expired, giving up wake lock!
Activity idle timeout for HistoryRecord{4500ac28 com.ab.abmeter/.main}
request time failed: java.net.SocketException: Address family not supported by protocol

I am using an Android 2.2 emulator API Level 8
I get the same results with Google APIs 2.2 API Level 8

I then have to force the App closed.

NeoTechni · Jan 4, 2014

I'm using mMatrix.setPolyToPoly and ExDraw.drawBitmap4 to draw part of a bitmap as a trapezoid using a SRC rect. The problem is, it's drawing the entire bitmap around that SRC instead of just what's inside it. How do I change that?

I'm working around it with a path, but I'd prefer not to since you can only use 1 at a time.

LucaMs · Jan 16, 2014

It is possible, using your ABExtDrawing and ABCamera, to get a picture (rear camera)
and find an "object" (little bitmap) that is located in the picture obtained?

alwaysbusy · Jan 17, 2014

@LucaMs No. ABCamera has nothing to do with the physical device camera. It is a 'viewpoint' camera that affect the draw functions on a canvas.

LucaMs · Jan 17, 2014

alwaysbusy said:
@LucaMs No. ABCamera has nothing to do with the physical device camera. It is a 'viewpoint' camera that affect the draw functions on a canvas.

Many thanks for your reply (especially because you are... alwaysbusy )

klaus · Jan 19, 2014

You aked me here to look at this subject.
Unfortunately I have no experience in this area.

LucaMs · Jan 19, 2014

klaus said:
You aked me here to look at this subject.
Unfortunately I have no experience in this area.

Really "Unfortunately".

But I'm sure that if you wanted ... and if I explained to you the purpose...!

If you want, contact me "in private"

danijel · May 29, 2014

Can someone help me just draw picture on Canvas using this library?
I need to avoid canvas using Nearest neighbor and I need to use Bicubic resample image.
I trying without success.

Basicly i need only this but with Bicubic resample image:

B4X:

Sub Globals
    Dim Canvas1 As Canvas
    Dim Logo As Bitmap
End Sub

Sub Activity_Create(FirstTime As Boolean)
    Logo.Initialize(File.DirAssets,"logo.png")
    Dim SrcRect As Rect
    SrcRect.Initialize(0,0,1080, 1920)
    Dim DestRect As Rect
    DestRect.Initialize(0,0,540, 960)
    Canvas1.Initialize(Activity)
    Canvas1.DrawBitmap(Logo,SrcRect,DestRect)
End Sub

I will be very grateful

GMan · Jun 11, 2014

Where i can find the 3D Camera Project thread ?
I want to add an background image behind the turning 3d "cubes"

GMan · Jun 17, 2014

And how can i get/identify a clicked "cube" ?

salim safran · Aug 25, 2014

alwaysbusy said:
ABExtDrawing 1.7

Thank you the gauge meter served me in my current project, Thank you,

HugoSX2 · Sep 21, 2014

Hi alwaysbusy,

It's a thank you for this great library. I use it to program a speed-meter to display the speed of a car. It run on my Samsung S1 and on a Samsung tablet (10.1). But is looks very strange on a Samsung S3 phone.

Please look to this thread: http://www.b4x.com/android/forum/threads/abmeter-different-look.43821/

I hope that you can help.
Regards
Hugo

alwaysbusy · Sep 21, 2014

There is an issue with drawtext on a canvas in Android 4.2.1. (maybe others). Google says you need to add the following to your paint:

ScalePaint.setLinearText(True)

Then the text will show up ok.

asales · Sep 21, 2014

Great library!
It's possible to lock the scrolling when the picture reaches the bottom?

HugoSX2 · Sep 24, 2014

@alwaysbusy,

Thank you very much! ScalePaint.setLinearText(True) fixes the my problem. Great!

ibra939 · Feb 9, 2015

thank you

HugoSX2 · Feb 9, 2015

@alwaysbusy,

Is there a solution for Android 5?

alwaysbusy · Feb 12, 2015

@HugoSX2 What do you mean a solution for 5? Does it give an error? I don't have a device with 5 yet.

B4A Library ABExtDrawing 1.0

Attachments

Well-Known Member

Active Member

Well-Known Member

Well-Known Member

Expert

Expert

Expert

Expert

Expert

Active Member

Well-Known Member

Well-Known Member

Member

Member

Expert

Expert

Attachments

Member

Active Member

Member

Expert

Privacy & Transparency

Privacy & Transparency