Thread overview
Blog Post #79: Notebook, Part III - Customized Tabs, Part I
Oct 15, 2019
Ron Tarrant
Oct 15, 2019
WebFreak001
Oct 15, 2019
Ron Tarrant
Oct 15, 2019
WebFreak001
Oct 16, 2019
Antonio Corbi
Oct 16, 2019
Ron Tarrant
October 15, 2019
Well, if that title isn't confusing, I'm not doing my job right.

Today's post starts a three-part mini-series within the Notebook series on building customized tabs in a DrawingArea. There's a ton of stuff to go over; that's why it's in three parts.

Anyway, the fun begins right here: https://gtkdcoding.com/2019/10/15/0079-notebook-iii-custom-tabs-i.html

October 15, 2019
On Tuesday, 15 October 2019 at 12:07:22 UTC, Ron Tarrant wrote:
> Well, if that title isn't confusing, I'm not doing my job right.
>
> Today's post starts a three-part mini-series within the Notebook series on building customized tabs in a DrawingArea. There's a ton of stuff to go over; that's why it's in three parts.
>
> Anyway, the fun begins right here: https://gtkdcoding.com/2019/10/15/0079-notebook-iii-custom-tabs-i.html

thank you so much for these tutorials! I love how they are progressing.

Small, simple and concise topics with good images, nice drawings, and most importantly, paragraphs explaining the logic along with the code.

I am also fan of your consistent style of the website and the tutorial images. Keep up the great work on these tutorials! They are a great resource showing people how to easily do great GUIs in D and will surely attract a lot of people.

Could you maybe do a tutorial how to use Glade with D in the future? Glade is a visual GTK forms editor and there are 2 dub packages to generate D code from the forms files. (one very new one with nice explanations and one that is a year old with a bit less documentation)
I don't really have too much experience with Glade but I'm sure a little bit of entry level Glade tutorial alongside with how to directly use it in D will surely attract a lot of people!
October 15, 2019
On Tuesday, 15 October 2019 at 14:00:32 UTC, WebFreak001 wrote:

> thank you so much for these tutorials! I love how they are progressing.

Thanks, WebFreak001.

> Small, simple and concise topics with good images, nice drawings, and most importantly, paragraphs explaining the logic along with the code.
>
> I am also fan of your consistent style of the website and the tutorial images. Keep up the great work on these tutorials! They are a great resource showing people how to easily do great GUIs in D and will surely attract a lot of people.

Those are some very kind words. Thank you very much.

> Could you maybe do a tutorial how to use Glade with D in the future?

I'll put this on my todo list. How could I turn you down after the preamble you wrote? :)

> there are 2 dub packages to generate D code from the forms files. (one very new one with nice explanations and one that is a year old with a bit less documentation)

Do you have links for these?
October 15, 2019
On Tuesday, 15 October 2019 at 20:03:00 UTC, Ron Tarrant wrote:
> On Tuesday, 15 October 2019 at 14:00:32 UTC, WebFreak001 wrote:
>
>> thank you so much for these tutorials! I love how they are progressing.
>
> Thanks, WebFreak001.
>
>> Small, simple and concise topics with good images, nice drawings, and most importantly, paragraphs explaining the logic along with the code.
>>
>> I am also fan of your consistent style of the website and the tutorial images. Keep up the great work on these tutorials! They are a great resource showing people how to easily do great GUIs in D and will surely attract a lot of people.
>
> Those are some very kind words. Thank you very much.
>
>> Could you maybe do a tutorial how to use Glade with D in the future?
>
> I'll put this on my todo list. How could I turn you down after the preamble you wrote? :)
>
>> there are 2 dub packages to generate D code from the forms files. (one very new one with nice explanations and one that is a year old with a bit less documentation)
>
> Do you have links for these?

thanks! :p

both the packages can simply be found on dub: https://code.dlang.org/search?q=glade

Not sure if there are other ways like directly loading an XML in GTK, haven't looked into it too much yet because I am not so often building GTK GUI applications, but with the new Linux Phones on the market (Librem 5, PinePhone) running GTK Apps natively and really needing some Apps those will be great platforms to start app development on.
October 16, 2019
On Tuesday, 15 October 2019 at 22:02:35 UTC, WebFreak001 wrote:
> On Tuesday, 15 October 2019 at 20:03:00 UTC, Ron Tarrant wrote:
...
>> Do you have links for these?
>
> thanks! :p
>
> both the packages can simply be found on dub: https://code.dlang.org/search?q=glade
>
> Not sure if there are other ways like directly loading an XML in GTK, haven't looked into it too much yet because I am not so often building GTK GUI applications, but with the new Linux Phones on the market (Librem 5, PinePhone) running GTK Apps natively and really needing some Apps those will be great platforms to start app development on.

Hi WebFreak001, Ron:

There's no need to generate code from glade files.
You can load at runtime the XML file that glade generates.

You have to create an instance of the Gtk.Builder class[1], and supply it
the XML file, i.e. from the file that you saved from glade[2] and after that you 'load' your UI controls into your program variables using getObject[3], a small snippet of this pattern:

---------------------------------------------------
   ....
   auto builder = new Builder();
   if(!builder.addFromFile(buildPath(pkgdatadir,"ui/MainWindow.ui")))
   {
      writeln("Window ui-file cannot be found");
      return;
   }

   HeaderBar headerBar = cast(HeaderBar) builder.getObject("headerBar");
   Box windowContent = cast(Box) builder.getObject("windowContent");
   ...
---------------------------------------------------

Once I wrote this extremely simple class to simplify Builder usage:

---------------------------------------------------
module gtagui.uibuilder;

private import gobject.ObjectG;
import gtk.Builder;

class UiBuilder : Builder {
  this (string uif) {
    if (!addFromFile (uif))
      throw new Exception ("File not found: " ~ uif);
  }

  public T getObject(T) (string name) {
    return (cast(T) super.getObject (name));
  }
}
---------------------------------------------------

So you can now write things like this:

---------------------------------------------------
  public void loadUiFrom (string uifile) {
    uib = new UiBuilder (uifile);

    topbox = uib.getObject!Box ("box1");

    theCanvas = uib.getObject!DrawingArea("imgwindow");
    assert (theCanvas !is null);
---------------------------------------------------

Hope this helps.
Antonio

[1] https://api.gtkd.org/gtk.Builder.Builder.html
[2] https://api.gtkd.org/gtk.Builder.Builder.addFromFile.html
[3] https://api.gtkd.org/gtk.Builder.Builder.getObject.html
October 16, 2019
On Wednesday, 16 October 2019 at 07:46:42 UTC, Antonio Corbi wrote:

> Hope this helps.

Thanks, Antonio. I'll check this out.

I'll work up a demo based on this stuff and put it in the gtkdcoding queue.