Skip to content

Latest commit

 

History

History

vis-style

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
README.md
README.md
 
 
build.gradle.kts
build.gradle.kts
 
 
gradle.properties
gradle.properties
 
 

README.md

Maven Central

KTX: VisUI style builders

Type-safe builders of VisUI widget styles.

This is an extension of ktx-style module. See its documentation to get started with type-safe stylesheet builders for Scene2D widgets.

Additionally to features provided by the ktx-style library, ktx-vis-style comes with factory methods for most VisUI widget styles. On top of original Scene2D widget styles handled by basic ktx-style utilities, supported extension methods include:

Skin method Style class
sizes com.kotcrab.vis.ui.Sizes
busyBar com.kotcrab.vis.ui.widget.BusyBar.BusyBarStyle
colorPicker com.kotcrab.vis.ui.widget.color.ColorPickerStyle
colorPickerWidget com.kotcrab.vis.ui.widget.color.ColorPickerWidgetStyle
formValidator com.kotcrab.vis.ui.util.form.SimpleFormValidator.FormValidatorStyle
linkLabel com.kotcrab.vis.ui.widget.LinkLabel.LinkLabelStyle
listView com.kotcrab.vis.ui.widget.ListViewStyle
menu com.kotcrab.vis.ui.widget.Menu.MenuStyle
menuBar com.kotcrab.vis.ui.widget.MenuBar.MenuBarStyle
menuItem com.kotcrab.vis.ui.widget.MenuItem.MenuItemStyle
multiSplitPane com.kotcrab.vis.ui.widget.MultiSplitPane.MultiSplitPaneStyle
popupMenu com.kotcrab.vis.ui.widget.PopupMenu.PopupMenuStyle
separator com.kotcrab.vis.ui.widget.Separator.SeparatorStyle
simpleListAdapter com.kotcrab.vis.ui.util.adapter.SimpleListAdapter.SimpleListAdapterStyle
spinner com.kotcrab.vis.ui.widget.spinner.Spinner.SpinnerStyle
tabbedPane com.kotcrab.vis.ui.widget.tabbedpane.TabbedPane.TabbedPaneStyle
toast com.kotcrab.vis.ui.widget.toast.Toast.ToastStyle
visCheckBox com.kotcrab.vis.ui.widget.VisCheckBox.VisCheckBoxStyle
visImageButton com.kotcrab.vis.ui.widget.VisImageButton.VisImageButtonStyle
visImageTextButton com.kotcrab.vis.ui.widget.VisImageTextButton.VisImageTextButtonStyle
visSplitPane com.kotcrab.vis.ui.widget.VisSplitPane.VisSplitPaneStyle
visTextButton com.kotcrab.vis.ui.widget.VisTextButton.VisTextButtonStyle
visTextField com.kotcrab.vis.ui.widget.VisTextField.VisTextFieldStyle
visTooltip com.kotcrab.vis.ui.widget.Tooltip.TooltipStyle

Note: FileChooserStyle is not included, as it is basically a desktop-only widget that does not work (or compile - see GWT) on most platforms. Adding a similar extension method for FileChooserStyle would be pretty straightforward: see visStyle.kt for code samples.

Guide

Additionally to providing a significant amount of new widgets, VisUI also provides a default skin style following a modern flat design. Until you decide to redesign the UI completely, extending the defaults is the common thing to do.

Extending the default VisUI Skin:

import com.badlogic.gdx.scenes.scene2d.ui.Skin
import com.kotcrab.vis.ui.VisUI
import com.kotcrab.vis.ui.VisUI.SkinScale.X1
import ktx.style.defaultStyle
import ktx.style.visCheckBox

fun loadSkin(): Skin {
  VisUI.load(X1)
  val skin: Skin = VisUI.getSkin()
  return skin.apply { 
    visCheckBox(extend = defaultStyle) { 
      // Define your extended style here.
    }
  }
}

To see all styles provided by default, refer to the JSON Skin definition in VisUI library. Additional skin styles can also be found in projects such as vis-ui-contrib or gdx-skins.

Other than providing additional extension methods, ktx-vis-style works very similarly to the original ktx-style module. Please refer to its guide for further details on how to use this library.

Additional documentation