This should not be so difficult.

I created a simple form (600x600) with only two objects.
- DrawingArea1
- Button1

Super simple… the idea is that if I click the button, it draws a line. Should be eazy-peasy… but I just don't understand what Gambas wants from me.


When run, the routine sees that mytask = 0 and it draws a small line… Apparently the Public Sub DrawingArea1_Draw() runs automatically when the form opens. Ok… I get that.

When I click the button, I reset the variables and tell it to run the routine again… <COLOR color="#FF0000">crash and burn</COLOR>.

I was like… Ok… maybe I thought that I needed to put the  Draw.Begin(DrawingArea1) in the Public Sub Form_Open() and the Draw.End in the Public Sub Form_Close()… nope… <COLOR color="#BF0000">CRASH </COLOR>again.

If I can get Gambas to do something graphical when I press a button… then there is hope that I can do stuff on a slider change, or a timer activation… can someone help me please???

Hello,
1) the instruction "DrawingArea1_Draw" in Button1_Click() routine makes no sense, as it conforms to an Event.
However, in your case you have to use the "DrawingArea.Refresh" Method.

2) The instruction: "Draw.Begin (DrawingArea1)" is not necessary within the "DrawingArea" Event, in which you have to draw.

3) I would avoid using the "Draw" Class, as it has long been considered obsolete/deprecated. You should use the "Paint" Class.

So… I suggest:

<COLOR color="#0000FF">VUOTT - Thank you!</COLOR>

That worked perfectly, and I see now the DrawingArea1.Refresh causes the drawing area to clear, and the subroutine DrawingArea1_Draw() is where all the graphics command must reside. Now I have a handle on it… I can make an array of points for a gauge arrow, then read a sensor in a timer function, update the coordinates with rotation, and send the focus to the DrawingArea1_Draw() routine where it will be updated.

I'll look into circle and fill commands, should be pretty simple now that I understand the process.  

Reference: /comp/gb.qt4/paint - Gambas Documentation

<COLOR color="#008000">Thanks again!</COLOR>
Jerry

I will update when I have something interesting to show.

Simple question… Why isn't the pointer RED? I Used &H00<COLOR color="#BF0000">FF</COLOR><COLOR color="#004000">00</COLOR><COLOR color="#0000FF">00 </COLOR>which as I understand it is Alpha, <COLOR color="#800000">RED,</COLOR> <COLOR color="#008000">GRN</COLOR>, <COLOR color="#0000FF">BLU</COLOR> with alpha 00=100% Opaque.

Am I using the .COLOR command wrong?? (Well obviously… but why?)  :roll:

The screen consist of only 3 items…
<LIST>

• <LI>Drawarea1 (500,500 pixels)
  Textbox1 (Shows Slider value)
  Slider1 (Min=0 Max=220)</LI>

</LIST>

Help! (Thanks)

Thanks to a Spanish web page and the wonders of Google Translate… I got it now.


Now I  can do any color i want… and what is really cool… I can use this to pick my exact colors.
https://www.w3schools.com/colors/colors_picker.asp

It also looks like I can outline things too… pretty cool… I'm sure there is a way to specify an outlined and filled line with a simpler command… but at least this is working for me.


So yeah… I can load SVG backgrounds, make programmable components… very exciting to be able to build NICE graphic panels now!!! Finally… so now if I can only learn to read the ADS1115 Chip with piGPIO… I'll have everything sorted out. Well… pretty much.    :shock:  

If all works… this is a sample file.

Attached:

Feedback Welcome

I've made a lot of progress on the graphics and how to make really nice looking controls. Not sure if there is an interest or not… if there is, I'll zip up everything and put it here for you.
<IMG src="%5Battachment=0%5DControl%20Panel%20Demo.png%5B/attachment%5D"> </IMG>

These are really nice. Just shows what can be done.

Minor point regarding using the Quit command see here.

 I'll look into ways of ending/quitting/stopping the program.

Once I get this thing running… it will be for school events, robotics meetings, etc.
there won't… or shouldn't be much starting/stopping once we begin the event.

Ever since starting with the Raspberry Pi I've been looking for a way to make eye-catching programs… once I paired PIGPIO with GAMBAS3… I was home.

Jerry

 Hi

Are your controls available under open source? I would love to use them for my work. Thank you.

PS: Is there a web repo of all available controls, made by community? Thank you

seany said

Hi

PS: Is there a web repo of all available controls, made by community? Thank you

We have been discussing on the gambas mailing list about expanding the Farm to include modules/classes/components/controls/etc as well as whole gambas applications (Benoit included).

Benoit has a million things to do though so it may take a while but something is happening towards gambas having it's own list of community based custom things

This forum has a Component Showcase section but there is currently not a lot on it: Gambas One - Gambas ONE

Feel free to use anything I have created… I'm still learning.

If you know someone who has figured out the ADS1115 chip in Gambas… that would be incredibly helpful :-)

If you need me to zip up some files I can do that too.

Jerry

seany said

Is there a web repo of all available controls, made by community?

I suggest you also search the currently existing international forums of Gambas programmers.

When I read through the documentation, it said the PAINT functions could be used in a DRAWINGAREA and/or the following..
<LIST>

• <LI>
• Picture</LI>
  <LI>
• Image</LI>
  <LI>
• DrawingArea</LI>
  <LI>
• Printer</LI>
  <LI>
• SvgImage</LI>

</LIST>


DRAWINGAREA works great… I make a PICTUREBOX and load in the SVG image… then I create a DRAWINGAREA and place it over the PICTUREBOX… think a sheet of glass laid on top of an image… then I can draw on it. But if I just create a PICTUREBOX and try to PAINT directly on it… I get errors.

Any ideas?

I mean for now… I'll keep dropping a DRAWINGAREA over the PICTUREBOX(s). I could have an array of them, with a single DRAWINGAREA over them all… then just adjust my math to draw where I like. I was just curious if someone got code working to do it without two separate layers.

Do you mean that, if you use Class Paint directly with PictureBox, you get errors?

 If I create a DRAWINGAREA and paste some code on it… it works.

If I create a PICTUREBOX, then paste the exact same code… fails.

I don't know if I have understood correctly; however, as you yourself reported (https://forum.gambas.o…iewtopic.php?p=5889#p5889), it is not possible to use the Paint Class directly with a PictureBox.
So, you will need to use Paint with an Object of type "Image" or "Picture" (by using Paint.Begin() Method), and then load this Object into the PictureBox.

 Ok, I'll stick with DRAWINGAREA… it works and doesn't take much effort to drop in as an overlay.

Thanks,
Jerry

PictureBox is just not in the list of things Paint can operate on but the Picture it contains IS paintable so you must work on the picture not the PictureBox then set the PictureBox.Picture to your edit.

This will operate on a PictureBox.

it loads huge/color icon then superimposes the gambas icon on it.
then makes it the picturebox picture

 BruceSteers… I'll tinker with this.
Thank you!