Resource:DGS: Difference between revisions

From Multi Theft Auto: Wiki
Jump to navigation Jump to search
Line 58: Line 58:


=Client Events=
=Client Events=
*onClientDgsDxMouseLeave
{{DGSEVENTS}}
*onClientDgsDxMouseEnter
*onClientDgsDxMouseClick
*onClientDgsDxWindowClose
*onClientDgsDxGUIPositionChange
*onClientDgsDxGUISizeChange
*onClientDgsDxGUITextChange
*onClientDgsDxScrollBarScrollPositionChange
*onClientDgsDxGuiDestroy
*onClientDgsDxGuiCreate
*onClientDgsDxGridListSelect
*onClientDgsDxGuiCreate
*onClientDgsDxGuiPreCreate
*onClientDgsDxPreRender
*onClientDgsDxRender
*onClientDgsDxFocus
*onClientDgsDxBlur
*onClientDgsDxGUICursorMove
*onClientDgsDxTabPanelTabSelect


=Last=
=Last=

Revision as of 05:39, 8 June 2017

This is a resource designed to allow you create dx gui on the screen instead of the original gui.

Full Name : Thisdp's DX Graphical User Interface System

Author : thisdp

State : OpenSource (WIP)

Features

How it works?

  • DGS is just like the original gui system that is based on element system. I use a simple way that can make everyone easier to understand.
  • DGS elements are rendered in "onClientRender". There is two or more tables store DGS elements. When "onClientRender" is called, "for" loop will loop and calculate every DGS element.


What's different?

  • This resource is based on dx* functions. It allows us to edit our gui and make it customlization.


Update System

  • It have an update system that can keep your DGS least.
  • Execute "updatedgs" to check the least version and update your DGS.


Debug

  • You can enter debug mode by executing the command "debugdgs"


DGS Type

  • Button (dgs-dxbutton): A button.
  • Command (dgs-dxcmd): A command just like one of windows.
  • Cyclehitshape (dgs-dxcyclehitshape): A check area that is cycle.
  • Edit (dgs-dxedit): A edit.
  • Gridlist (dgs-dxgridlist): A grid list.
  • Image (dgs-dximage): A static image.
  • Label (dgs-dxlabel): A text label.
  • ScrollBar (dgs-dxscrollbar): A scroll bar.
  • ScrollPane (dgs-dxscrollpane): A scroll pane.
  • Window (dgs-dxwindow): A window.


Notice

  • The resource name should be 'dgs'.
  • This is a resource and if you want to use the functions it exported, you should add something in front of the function like 'exports.dgs:dgsDxCreateLabel(0,0,0.5,0.1,"text",true)'
  • Here is a feasible way to shorten the name of an exported function:
DGS = exports.dgs --shorten the export function prefix
label = DGS:dgsDxCreateLabel(0,0,0.5,0.1,"text",false) --create a label

Client Functions

Custom Cursor Functions

Multi Language Supports

Animation

3D Element

3D Interface

3D Line

3D Image

3D Text

Browser

Button

Check Box

Combo Box

Custom Renderer

Edit

Detect Area

Drag'N Drop

Grid List

Image

Memo

Menu

Label

Layout

Line

Progress Bar

Radio Button

Scale Pane

Scroll Bar

Scroll Pane

Selector

Style

Switch Button

Tab Panel

Window

Basic Shape Plugins

Circle

Quadrilateral

Rounded Rectangle

Other Plugins

Blur Box

Canvas

Chart

Color Picker

Effect 3D

Gradient

Mask

Media Browser

Nine Slice

Object Preview Supports

Paste Handler

QRCode

Remote Image

Screen Source

SVG

Tooltips

Client Events

General

Check Box

Combo Box

Drag'N Drop

Edit

Grid List

Menu

Selector

Mouse

Radio Button

Switch Button

Tab

Animation

Plugin

Media

Color Picker

QRCode

Remote Image

Last

Welcome everyone else to made suggestions, tested the script, helped me to finish the wiki, etc