[Release]thisdp's Dx GUI System

[thisdp]

Thisdp's DirectX Graphical User Interface System ( MTASA 2D+3D DxLIB )

This dxlib provide dx gui functions and events to make it easier to use and alternative to change the style more flexibly.

Features:
1. Update Check(DGS will notice you if there is a higher version, and you can choose to ignore it or disable it in the config file) Update Command: "updatedgs"
2. Dx GUI Types:
  Basic:
   Window
   Edit Box
   Button
   Grid List
   Image
   Scroll Bar
   Scroll Pane
   Text Label
   Tab Panel
   Detect Area
   Radio Button
   Combo Box
   Check Box
   Memo
   3D Interface
   3D Text
   Browser
   Switch Button
   Selector
  Plugin:
   Media Browser
   Color Picker
   Mask
   Remote Image
   QRCode
   Blur Box
   Rounded Rectangle
   Nine Slice Scaling
   Object Preview Support
   Canvas
   Scroll Pane's 3D Effect
3. Edit/Memo rewrite ( You can no longer find the problems in dgs, the problems which exist in cegui)
4. Detect Area is efficient when checking whether your cursor is in a complicated shape.
5. Debug Mode , Command: "debugdgs"
6. You can apply shader to the dxgui ( Compatible with some resources like Objec tPreview ).
7. Include CMD, Command: "dgscmd" ( For more help, please input "help" in the CMD )
8. Memo/Edit rewritten.
9. Object Oriented Programming Class.
10. Render Target Failure Check ( Warns when there's no enough video memory to create render target ).
11. DGS resembles cegui, you can find the similar feeling when scripting with dgs.
12. 48-hour-response service, your suggestions and bug report will be dealt with in 48 hours ( or less, like 12 hours ? )
13. Custom Style system
14. Built-in shader plugin
15. More properties
16. Built in multi-language support
17. Simple GUI To DGS (G2D)

Notice:Do not close your server or stop the script when it is updating.

Wiki: https://wiki.multitheftauto.com/wiki/Dgs ( Still Working In Process )

Auto Completion For N++ (Thanks To Ahmed Ly):  http://www.mediafire.com/file/m6dm7815d5dihax/Lua.zip

Discord Server: https://discord.gg/QEs8q6W

Download DGS : https://github.com/thisdp/dgs

Notice: Need acl rights to call fetchRemote/getPlayerIP.

If you want to sell your script which involves DGS, please exclude DGS from your price.

HurtWorld Backpack Panel(Example)

  Reveal hidden contents

DGS Video Playing Tutorial:

DGS Detect Area Tutorial:

 

 

DGS Network Monitor(Built-in)

 

Edited April 28, 2021 by thisdp

[thisdp]

This is my server. The gui is made by dgs. ( I am bad in design sry)

Edited May 30, 2017 by thisdp

[pa3ck]

This actually looks pretty neat, finally a usable dxGui library, well done.

[Senpai]

needs to show how to use, give us an example script

[thisdp]

  On 30/05/2017 at 14:01, Senpai said:

needs to show how to use, give us an example script

Expand  

You can use it like original gui, more over I added additional functions

[Senpai]

so its just like a normal gui?

do I use 

dgsDxGUICloseWindow

to close window if button is clicked?

[thisdp]

  On 30/05/2017 at 14:05, Senpai said:

so its just like a normal gui?

do I use 

dgsDxGUICloseWindow

to close window if button is clicked?

Expand  

It will closed itself. But if you want to add animations, you need to cancel Event  (onClientDgsDxWindowClose) and  insert your code then closeWindow(source)

Edited May 30, 2017 by thisdp
add

[pa3ck]

Since all the other DxGui libraries are outdated / abandoned, I think many people will decide to use yours. Are you sure you are not willing to make an English documentation? A wiki page like this: https://wiki.multitheftauto.com/wiki/Slothman/Slothbot

[thisdp]

  On 30/05/2017 at 14:20, pa3ck said:

Since all the other DxGui libraries are outdated / abandoned, I think many people will decide to use yours. Are you sure you are not willing to make an English documentation? A wiki page like this: https://wiki.multitheftauto.com/wiki/Slothman/Slothbot

Expand  

It have 90+ functions and 18 events. I don't have so much time to write it.

[Axel]

You need a similar to guiCreateTabPanel and guiCreateMemo dxGui and I would defintely use it

[Hale]

I agree with @pa3ck here, you should definitely create wiki pages for your library. Stunning looks, and I love the variety of options to manipulate with created drawings, amazing job.

[^iiEcoo'x_)]

nice 

add

dgsDxGridListSetItemDataWithKey 
dgsDxGridListGetItemDataWithKey

 

[thisdp]

  On 31/05/2017 at 11:21, #_iMr.[E]coo said:

nice 

add

dgsDxGridListSetItemDataWithKey 
dgsDxGridListGetItemDataWithKey

 

Expand  

What do you mean?

[^iiEcoo'x_)]

dgsDxGridListSetItemDataWithKey ( list , row , column , var data , string key )

dgsDxGridListGetItemDataWithKey ( list , row , column , string key )

 

[Axel]

Could you do an equivalent to guiCreateTabPanel and guiCreateMemo? Thank you.

[thisdp]

  On 31/05/2017 at 12:35, #_iMr.[E]coo said:

dgsDxGridListSetItemDataWithKey ( list , row , column , var data , string key )

dgsDxGridListGetItemDataWithKey ( list , row , column , string key )

 

Expand  

I have already did this -> dgsDxGridListSetItemText(list,row,-4,table,true)

[pa3ck]

  On 31/05/2017 at 12:35, #_iMr.[E]coo said:

dgsDxGridListSetItemDataWithKey ( list , row , column , var data , string key )

dgsDxGridListGetItemDataWithKey ( list , row , column , string key )

 

Expand  

So for example you have a list of cars "Mercedes", "BMW", "Audi" in the GridList, but you want to get their 'actual' data assigned to them e.g. "Mercedes" -> "Sultan", "BMW" -> "Washington", "Audi" -> "Admiral"? If so, that'd be a good idea. 

[thisdp]

  On 31/05/2017 at 12:38, Axel said:

Could you do an equivalent to guiCreateTabPanel and guiCreateMemo? Thank you.

Expand  

Tab Panel can be created by button and (static image or scroll pane)

  On 31/05/2017 at 12:38, Axel said:

Could you do an equivalent to guiCreateTabPanel and guiCreateMemo? Thank you.

Expand  

I am thinking about how to make a memo

[Axel]

  On 31/05/2017 at 12:40, thisdp said:

Tab Panel can be created by button and (static image or scroll pane)

Expand  

Yes, but it would be easier with functions that does it, so people open all their scripts and replace guiCreateTabPanel and other functions with exports.dgs:dxCreateTabPanel, etc, and they have a new gui in minutes.

[^iiEcoo'x_)]

  On 31/05/2017 at 12:39, thisdp said:

I have already did this -> dgsDxGridListSetItemText(list,row,-4,table,true)

Expand  

No , The idea is to put data on the row using a key He brings him on the key

Edited May 31, 2017 by #_iMr.[E]coo

[thisdp]

  On 31/05/2017 at 12:43, #_iMr.[E]coo said:

No , The idea is to put data on the row using a key He brings him on the key

Expand  

It is the same. 

local tabl = {}
tabl["a"] = 1
tabl["b"] = 2
dgsDxGridListSetItemText(list,row,-4,tabl,true)

local mytabl = dgsDxGridListGetItemText(list,row,-4)
print(mytabl.a)

 

[Senpai]

could you add: 

guiLabelSetColor ( element theElement, int red, int green, int blue )

 

[thisdp]

  On 31/05/2017 at 12:42, Axel said:

Yes, but it would be easier with functions that does it, so people open all their scripts and replace guiCreateTabPanel and other functions with exports.dgs:dxCreateTabPanel, etc, and they have a new gui in minutes.

Expand  

Actually. Tab panel can be made as a plugin in dgs.

  On 31/05/2017 at 12:47, Senpai said:

could you add: 

guiLabelSetColor ( element theElement, int red, int green, int blue )

 

Expand  

I have a very strong property system

dgsDxGUISetProperty(label,"textcolor",tocolor(r,g,b,a))

Edited May 31, 2017 by thisdp

[Senpai]

textcolor = #fff000?

[thisdp]

  On 31/05/2017 at 12:50, Senpai said:

textcolor = #fff000?

Expand  

you can either use tocolor(r,g,b,a) or use 0xRRGGBBAA