※ Reporting bugs or issues will help me improve the plugin and help others.
CustomUI
● This .cs for plugin UI component library for developer.
● This library doesn't aim to offer something novel, but rather simplifies and standardizes components that are commonly implemented by developers.
● Of course, there are also newly developed components such as Spinner/ThreeStateButton/RGBAColorPicker.
● This library consists of two files (CustomUI.cs/CustomUIInterface.cs) and can be freely modified or used.
● You can refer to CustomUIExample1.cs/CustomUIExample2.cs/CustomUIExample3.cs for detailed examples of usage.
● All configurable functions of the UI component are implemented using the Builder-Pattern.
CustomUI
● This .cs for plugin UI component library for developer.
● This library doesn't aim to offer something novel, but rather simplifies and standardizes components that are commonly implemented by developers.
● Of course, there are also newly developed components such as Spinner/ThreeStateButton/RGBAColorPicker.
● This library consists of two files (CustomUI.cs/CustomUIInterface.cs) and can be freely modified or used.
● You can refer to CustomUIExample1.cs/CustomUIExample2.cs/CustomUIExample3.cs for detailed examples of usage.
● All configurable functions of the UI component are implemented using the Builder-Pattern.
● This is the default UI of VAM.
● Additionally, color and text features have been added.
● Additionally, color and text features have been added.
C#:
using CustomUI14mhz;
var a = CustomUI.addSpacer(this, true);
var b = CustomUI.addSpacer(this, true, 35);
var c = CustomUI.addSpacer(this, true, 100);
var d = CustomUI.addSpacer(this, true).setBackgroundColor(new Color(1, 0, 0, 0.3f));
var e = CustomUI.addSpacer(this, true, 35).setValue("simple text");
var f = CustomUI.addSpacer(this, true, 35).setValue("simple text").setTextAlign(TextAnchor.MiddleLeft);
var g = CustomUI.addSpacer(this, true, 35).setValue("simple text").setTextAlign(TextAnchor.MiddleRight);
var h = CustomUI.addSpacer(this, true, 50).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setTextFontSize(40).setTextColor(Color.black).setTextFontStyle(FontStyle.Bold);
h.val = "simple text";● It automatically adjusts spacer padding based on the presence of left and right UI components.
● Additionally, color and text features have been added for debugging.
● Additionally, color and text features have been added for debugging.
C#:
using CustomUI14mhz;
CustomUI.addLabel(this, true, "dummy1").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
CustomUI.addLabel(this, true, "dummy2").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
CustomUI.addLabel(this, true, "dummy3").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var a = CustomUI.addSpacerAuto(this, CreateUIElement, 0f).setValue("Auto Padding Debug Text";
CustomUI.addLabel(this, false, "dummy1").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
CustomUI.addLabel(this, false, "dummy2").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
CustomUI.addLabel(this, false, "dummy3").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var b = CustomUI.addSpacerAuto(this, CreateUIElement).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setValue("Auto Padding Debug (default height 50f)";
CustomUI.addLabel(this, true, "dummy1").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
CustomUI.addLabel(this, true, "dummy2").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
CustomUI.addLabel(this, true, "dummy3").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var c = CustomUI.addSpacerAuto(this, CreateUIElement, 35f).setBackgroundColor(new Color(0, 1, 1, 0.3f)).setValue("Auto Padding Debug (height 35f)";
CustomUI.addLabel(this, true, "dummy1").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
CustomUI.addLabel(this, false, "dummy2").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));● This is a separator, and its thickness can be adjusted.
C#:
using CustomUI14mhz;
var a = CustomUI.addLabel(this, true, "dummy1").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var b = CustomUI.addSeparator(this, true);
var c = CustomUI.addLabel(this, true, "dummy2").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var d = CustomUI.addSeparator(this, true, 8f);
var e = CustomUI.addLabel(this, true, "dummy3").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var f = CustomUI.addSeparator(this, true, 16f);
var g = CustomUI.addLabel(this, true, "dummy4").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var h = CustomUI.addSeparator(this, true, 32f);
var i = CustomUI.addLabel(this, true, "dummy5").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var j = CustomUI.addSeparator(this, true).setBackgroundColor(Color.red);
var k = CustomUI.addLabel(this, true, "dummy6").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var l = CustomUI.addSeparator(this, true, 8f).setBackgroundColor(Color.magenta);
var m = CustomUI.addLabel(this, true, "dummy7").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var n = CustomUI.addSeparator(this, true).setValue(16f).setBackgroundColor(Color.green);
var o = CustomUI.addLabel(this, true, "dummy8").setBackgroundColor(new Color(0, 0, 0, 0.1f)).setTextColor(new Color(0, 0, 0, 0.3f));
var p = CustomUI.addSeparator(this, true).setBackgroundColor(Color.blue);
p.val = 32f;● This is a label component with configurable background color and font settings.
C#:
using CustomUI14mhz;
var a = CustomUI.addLabel(this, true, "Test Label1");
var b = CustomUI.addLabel(this, true, "Test Label2", 50f);
var c = CustomUI.addLabel(this, true, "Test Label3", 100f);
var d = CustomUI.addLabel(this, true, "Test Label4").setBackgroundColor(new Color(1, 0, 0, 0.3f));
var e = CustomUI.addLabel(this, true, "Test Label5").setValue("Changed Text");
var f = CustomUI.addLabel(this, true, "Test Label6").setTextAlign(TextAnchor.MiddleLeft);
var g = CustomUI.addLabel(this, true, "Test Label7").setTextAlign(TextAnchor.MiddleRight);
var h = CustomUI.addLabel(this, true, "", 50).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setTextFontSize(40).setTextColor(Color.black).setTextFontStyle(FontStyle.Bold);
h.val = "Test Label";● This is a read-only info-text element with configurable background color and font settings.
C#:
using CustomUI14mhz;
String text = "aaaaa <color=#A00><size=48>bbbbb</size></color> <color=#00A><b>ccccc</b></color>";
var a = CustomUI.addInfoText(this, true, "Test InfoText1", text);
var b = CustomUI.addInfoText(this, true, "Test InfoText2", text, 50);
var c = CustomUI.addInfoText(this, true, "Test InfoText3", text, 200);
var d = CustomUI.addInfoText(this, true, "Test InfoText4", text).setBackgroundColor(new Color(1, 0, 0, 0.3f));
var e = CustomUI.addInfoText(this, true, "Test InfoText5", text).setValue("Changed Text");
var f = CustomUI.addInfoText(this, true, "Test InfoText6", text).setTextAlign(TextAnchor.MiddleLeft);
var g = CustomUI.addInfoText(this, true, "Test InfoText7", text).setTextAlign(TextAnchor.MiddleRight);
var h = CustomUI.addInfoText(this, true, "Test InfoText8", text).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setTextFontSize(40).setTextColor(Color.black).setTextFontStyle(FontStyle.Bold);
h.val = "Test InfoText ...";● This is a editable info-text element with configurable background color and font settings.
C#:
using CustomUI14mhz;
String text = "aaaaa <color=#A00><size=48>bbbbb</size></color> <color=#00A><b>ccccc</b></color>";
var a = CustomUI.addInputText(this, true, "Test InputText1", "aaaaa bbbbb ccccc");
var b = CustomUI.addInputText(this, true, "Test InputText2", "aaaaa bbbbb ccccc", 50);
var c = CustomUI.addInputText(this, true, "Test InputText3", text, 200);
var d = CustomUI.addInputText(this, true, "Test InputText4", "aaaaa bbbbb ccccc").setBackgroundColor(new Color(1, 0, 0, 0.3f));
var e = CustomUI.addInputText(this, true, "Test InputText5", "aaaaa bbbbb ccccc").setValue("Changed Text");
var f = CustomUI.addInputText(this, true, "Test InputText6", "aaaaa bbbbb ccccc").setTextAlign(TextAnchor.MiddleLeft);
var g = CustomUI.addInputText(this, true, "Test InputText7", "aaaaa bbbbb ccccc").setTextAlign(TextAnchor.MiddleRight);
var h = CustomUI.addInputText(this, true, "Test InputText8", "aaaaa bbbbb ccccc", 50).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setTextFontSize(40).setTextColor(Color.black).setTextFontStyle(FontStyle.Bold);
h.val = "Test InputText ...";● This component is an editable info text paired with a label.
● It supports customization of background color and font, as well as flexible positioning of the label and input field.
● It supports customization of background color and font, as well as flexible positioning of the label and input field.
C#:
using CustomUI14mhz;
var a = CustomUI.addInputTextWithLabel(this, true, "InputText1", "aaaaa bbbbb ccccc");
var b = CustomUI.addInputTextWithLabel(this, true, "InputText2", "aaaaa bbbbb ccccc", 35).addTextOffset(0, 8);
var c = CustomUI.addInputTextWithLabel(this, true, "InputText3", "aaaaa bbbbb ccccc", 100);
var d = CustomUI.addInputTextWithLabel(this, true, "InputText4", "aaaaa bbbbb ccccc").setBackgroundColor(new Color(1, 0, 0, 0.3f));
var e = CustomUI.addInputTextWithLabel(this, true, "InputText5", "aaaaa bbbbb ccccc").setValue("Changed Text");
var f = CustomUI.addInputTextWithLabel(this, true, "InputText6", "aaaaa bbbbb ccccc").setTextAlign(TextAnchor.MiddleLeft);
var g = CustomUI.addInputTextWithLabel(this, true, "InputText7", "aaaaa bbbbb ccccc").setTextAlign(TextAnchor.MiddleRight);
var h = CustomUI.addInputTextWithLabel(this, true, "InputText8", "aaaaa bbbbb ccccc").setTextFontSize(32).setTextColor(Color.red).setTextFontStyle(FontStyle.Bold);
var i = CustomUI.addInputTextWithLabel(this, true, "InputText9", "aaaaa bbbbb ccccc").setLabelAlign(TextAnchor.MiddleLeft);
var j = CustomUI.addInputTextWithLabel(this, true, "InputText10", "aaaaa bbbbb ccccc").setLabelAlign(TextAnchor.MiddleRight);
var k = CustomUI.addInputTextWithLabel(this, true, "InputText11", "aaaaa bbbbb ccccc").setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold);
var l = CustomUI.addInputTextWithLabel(this, true, "InputText12", "aaaaa bbbbb ccccc").setLabelTextWeight(0.2f);
var m = CustomUI.addInputTextWithLabel(this, true, "InputText13", "aaaaa bbbbb ccccc").setLabelTextWeight(0.8f);
h.val = "Test InputText ...";● This is also the default UI of VAM.
C#:
using CustomUI14mhz;
var a = CustomUI.addButton(this, true, "Button1").setCallback(callback);
var b = CustomUI.addButton(this, true, "Button2").setHeight(35).setCallback(callback);
var c = CustomUI.addButton(this, true, "Button3").setHeight(100).setCallback(callback);
var d = CustomUI.addButton(this, true, "Button4").setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback);
var e = CustomUI.addButton(this, true, "Button5").setValue("Changed Name").setCallback(callback);
var f = CustomUI.addButton(this, true, "Button6").setTextAlign(TextAnchor.MiddleLeft).setCallback(callback);
var g = CustomUI.addButton(this, true, "Button7").setTextAlign(TextAnchor.MiddleRight).setCallback(callback);
var h = CustomUI.addButton(this, true, "Button8").setHeight(60).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setTextFontSize(48).setTextColor(Color.yellow).setTextFontStyle(FontStyle.Bold).setCallback(callback);
h.val = "Test Button";● This component is a button with a label.
● It supports customization of background color and font, as well as flexible positioning of the label and button.
● It supports customization of background color and font, as well as flexible positioning of the label and button.
C#:
using CustomUI14mhz;
var a = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel1").setCallback(callback);
var b = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel2").setHeight(35).setCallback(callback);
var c = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel3").setHeight(100).setCallback(callback);
var d = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel4").setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback);
var e = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel5").setValue("Changed Text").setCallback(callback);
var f = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel6").setTextAlign(TextAnchor.MiddleLeft).setCallback(callback);
var g = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel7").setTextAlign(TextAnchor.MiddleRight).setCallback(callback);
var h = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel8").setTextFontSize(32).setTextColor(Color.red).setTextFontStyle(FontStyle.Bold).setCallback(callback);
var i = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel9").setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback);
var j = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel10").setLabelAlign(TextAnchor.MiddleRight).setCallback(callback);
var k = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel11").setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback);
var l = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel12").setLabelTextWeight(0.2f).setCallback(callback);
var m = CustomUI.addButtonWithLabel(this, true, "Label", "ButtonLabel13").setLabelTextWeight(0.8f).setCallback(callback);
h.val = "Test Button";● This is the default UI of VAM.
C#:
using CustomUI14mhz;
var a = CustomUI.addButtonToggle(this, true, "Toggle1", true).setCallback(callback).register();
var b = CustomUI.addButtonToggle(this, true, "Toggle2", true).setHeight(35).setCallback(callback).register();
var c = CustomUI.addButtonToggle(this, true, "Toggle3", true).setHeight(100).setCallback(callback).register();
var d = CustomUI.addButtonToggle(this, true, "Toggle4", true).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var e = CustomUI.addButtonToggle(this, true, "Toggle5", false).setValue(true).setCallback(callback).register();
var f = CustomUI.addButtonToggle(this, true, "Toggle6", false).setTextAlign(TextAnchor.MiddleCenter).setCallback(callback).register();
var g = CustomUI.addButtonToggle(this, true, "Toggle7", false).setTextAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var h = CustomUI.addButtonToggle(this, true, "Toggle8", false).setHeight(60).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setTextFontSize(48).setTextColor(Color.yellow).setTextFontStyle(FontStyle.Bold).setCallback(callback).register();
h.val = true;● This toggle button supports three distinct states.
● The checkbox supports three states: 0 for empty, 1 for partially checked, and 2 for fully checked.
● Additionally, the component can be set up to handle an arbitrary number of states.
● The checkbox supports three states: 0 for empty, 1 for partially checked, and 2 for fully checked.
● Additionally, the component can be set up to handle an arbitrary number of states.
C#:
using CustomUI14mhz;
var a = CustomUI.addButtonThreeState(this, true, "ThreeState1", 0).setCallback(callback).register();
var b = CustomUI.addButtonThreeState(this, true, "ThreeState2", 0).setHeight(35).setCallback(callback).register();
var c = CustomUI.addButtonThreeState(this, true, "ThreeState3", 0).setHeight(100).setCallback(callback).register();
var d = CustomUI.addButtonThreeState(this, true, "ThreeState4", 0).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var e = CustomUI.addButtonThreeState(this, true, "ThreeState5", 1).setValue(0).setCallback(callback).register();
var f = CustomUI.addButtonThreeState(this, true, "ThreeState6", 1).setTextAlign(TextAnchor.MiddleCenter).setCallback(callback).register();
var g = CustomUI.addButtonThreeState(this, true, "ThreeState7", 2).setTextAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var h = CustomUI.addButtonThreeState(this, true, "ThreeState8", 2).setHeight(60).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setTextFontSize(48).setTextColor(Color.yellow).setTextFontStyle(FontStyle.Bold).setCallback(callback).register();
var i = CustomUI.addButtonThreeState(this, true, "5-States", 0, 5).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
h.val = 0;● This component is a Spinner with a label.
● Similar to a Slider component, it allows setting a minimum value, maximum value, default value, and a customizable step size."
● It supports customization of background color and font, as well as flexible positioning of the label and inputfield.
● Similar to a Slider component, it allows setting a minimum value, maximum value, default value, and a customizable step size."
● It supports customization of background color and font, as well as flexible positioning of the label and inputfield.
C#:
using CustomUI14mhz;
var a = CustomUI.addSpinner(this, true, "Spinner1", 0, -10, +10).setCallback(callback).register();
var b = CustomUI.addSpinner(this, true, "Spinner2", 0, -10, +10).setHeight(35).setCallback(callback).addTextOffset(0, 8).register();
var c = CustomUI.addSpinner(this, true, "Spinner3", 0, -10, +10).setHeight(100).setCallback(callback).addTextOffset(0, -28).register();
var d = CustomUI.addSpinner(this, true, "Spinner4", 0, -10, +10).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var e = CustomUI.addSpinner(this, true, "Spinner5", 0, -10, +10, 0.1f, "F1").setValue(0.5f).setCallback(callback).register();
var f = CustomUI.addSpinner(this, true, "Spinner6", 0, -10, +10).setTextAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var g = CustomUI.addSpinner(this, true, "Spinner7", 0, -10, +10).setTextAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var h = CustomUI.addSpinner(this, true, "Spinner8", 0, -10, +10).setTextFontSize(32).setTextColor(Color.red).setTextFontStyle(FontStyle.Bold).setCallback(callback).register();
var i = CustomUI.addSpinner(this, true, "Spinner9", 0, -10, +10).setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var j = CustomUI.addSpinner(this, true, "Spinner10", 0, -10, +10).setLabelAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var k = CustomUI.addSpinner(this, true, "Spinner11", 0, -10, +10).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback).register();
var l = CustomUI.addSpinner(this, true, "Spinner12", 0, -10, +10, 0.1f, "F1").setLabelTextWeight(0.2f).setCallback(callback).register();
var m = CustomUI.addSpinner(this, true, "Spinner13", 0, -10, +10, 0.1f, "F1").setLabelTextWeight(0.6f).setCallback(callback).register();
h.val = -0.5f;● This is a minimal slider component with a compact footprint.
● It supports customization of background color and font, as well as flexible positioning of the label and slider.
● It supports customization of background color and font, as well as flexible positioning of the label and slider.
C#:
using CustomUI14mhz;
var a = CustomUI.addSliderSimple(this, true, "SSlider1", 0, -10, +10).setCallback(callback).register();
var b = CustomUI.addSliderSimple(this, true, "SSlider2", 0, -10, +10).setHeight(35f).setCallback(callback).register();
var c = CustomUI.addSliderSimple(this, true, "SSlider3", 0, -10, +10).setHeight(200).setCallback(callback).register();
var d = CustomUI.addSliderSimple(this, true, "SSlider4", 0, -10, +10).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var e = CustomUI.addSliderSimple(this, true, "SSlider5", 0, -10, +10).setValue(0.5f).setCallback(callback).register();
var h = CustomUI.addSliderSimple(this, true, "SSlider8", 0, -10, +10).setTextFontSize(32).setTextColor(Color.red).setTextFontStyle(FontStyle.Bold).setCallback(callback).register();
var i = CustomUI.addSliderSimple(this, true, "SSlider9", 0, -10, +10).setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var j = CustomUI.addSliderSimple(this, true, "SSlider10", 0, -10, +10).setLabelAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var k = CustomUI.addSliderSimple(this, true, "SSlider11", 0, -10, +10).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback).register();
var l = CustomUI.addSliderSimple(this, true, "SSlider12", 0, -10, +10).setLabelTextWeight(0.2f).setCallback(callback).register();
var m = CustomUI.addSliderSimple(this, true, "SSlider13", 0, -10, +10).setLabelTextWeight(0.6f).setCallback(callback).register();
h.val = -0.5f;● This is also the default UI of VAM.
C#:
using CustomUI14mhz;
var a = CustomUI.addSlider(this, true, "Slider1", 0, -10, +10).setCallback(callback).register();
var b = CustomUI.addSlider(this, true, "Slider2", 0, -10, +10).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var c = CustomUI.addSlider(this, true, "Slider3", 0, -10, +10).setValue(0.5f).setCallback(callback).register();
var d = CustomUI.addSlider(this, true, "Slider4", 0, -10, +10).setTextFontSize(32).setTextColor(Color.red).setTextFontStyle(FontStyle.Bold).setCallback(callback).register();
var e = CustomUI.addSlider(this, true, "Slider5", 0, -10, +10).setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var f = CustomUI.addSlider(this, true, "Slider6", 0, -10, +10).setLabelAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var g = CustomUI.addSlider(this, true, "Slider7", 0, -10, +10).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback).register();
d.val = -0.5f;● This is a minimal chooser component with a compact footprint.
C#:
using CustomUI14mhz;
var a = CustomUI.addChooserSimple(this, true, "SChooser1").setPopList(list).setCallback(callback).register();
var b = CustomUI.addChooserSimple(this, true, "SChooser2").setPopList(list).setHeight(35f).setCallback(callback).register();
var c = CustomUI.addChooserSimple(this, true, "SChooser3").setPopList(list).setHeight(200).setCallback(callback).register();
var d = CustomUI.addChooserSimple(this, true, "SChooser4").setPopList(list).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setButtonColor(new Color(0.35f, 0.60f, 0.65f)).setCallback(callback).register();
var e = CustomUI.addChooserSimple(this, true, "SChooser5").setPopList(list).setValue("3").setCallback(callback).register();
var f = CustomUI.addChooserSimple(this, true, "SChooser6").setPopList(list).setButtonColor(new Color(0.55f, 0.30f, 0.30f)).setTextFontSize(32).setTextColor(Color.magenta).setTextFontStyle(FontStyle.Bold).setCallback(callback).register();
var g = CustomUI.addChooserSimple(this, true, "SChooser7").setPopList(list).setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var h = CustomUI.addChooserSimple(this, true, "SChooser8").setPopList(list).setLabelAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var i = CustomUI.addChooserSimple(this, true, "SChooser9").setPopList(list).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setButtonColor(new Color(0.35f, 0.60f, 0.65f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback).register();
var j = CustomUI.addChooserSimple(this, true, "SChooser10").setPopList(list).setLabelTextWeight(0.2f).setCallback(callback);
var k = CustomUI.addChooserSimple(this, true, "SChooser11").setPopList(list).setLabelTextWeight(0.6f).setCallback(callback);
f.val = "5";● This is the default UI of VAM.
C#:
using CustomUI14mhz;
List<String>list = new[]{ "None", "1", "2", "3", "4", "5", "6" }.ToList();
var a = CustomUI.addChooser(this, true, "Chooser1", 0).setPopList(list).setCallback(callback).register();
var b = CustomUI.addChooser(this, true, "Chooser2", 1).setPopList(list).setCallback(callback).register();
var c = CustomUI.addChooser(this, true, "Chooser3").setPopList(list).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var d = CustomUI.addChooser(this, true, "Chooser4").setPopList(list).setValue("3").setCallback(callback).register();
var e = CustomUI.addChooser(this, true, "Chooser5").setPopList(list).setTextFontSize(32).setTextColor(Color.red).setTextFontStyle(FontStyle.Bold).setCallback(callback).register();
var f = CustomUI.addChooser(this, true, "Chooser6").setPopList(list).setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var g = CustomUI.addChooser(this, true, "Chooser7").setPopList(list).setLabelAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var h = CustomUI.addChooser(this, true, "Chooser8").setPopList(list).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback).register();
e.val = "5";● This is a ColorPicker that stores values in RGBA format rather than HSV.
● Once the scene is saved, the .json file will contain data in the following format.
● Once the scene is saved, the .json file will contain data in the following format.
JSON:
"ColorRGBATest" : {
"r" : "0.245",
"g" : "0.9215686",
"b" : "0.01568627",
"a" : "0.415" }
C#:
using CustomUI14mhz;
var a = CustomUI.addColorPickerRGBA(this, true, "ColorRGBA1", Color.red).setCallback(callback).register();
var b = CustomUI.addColorPickerRGBA(this, true, "ColorRGBA2", Color.red).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var c = CustomUI.addColorPickerRGBA(this, true, "ColorRGBA3", Color.red).setValue(Color.cyan).setCallback(callback).register();
var d = CustomUI.addColorPickerRGBA(this, true, "ColorRGBA4", Color.red).setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var e = CustomUI.addColorPickerRGBA(this, true, "ColorRGBA5", Color.red).setLabelAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var f = CustomUI.addColorPickerRGBA(this, true, "ColorRGBA6", Color.red).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback).register();
f.val = Color.yellow;● This is the default UI of VAM.
C#:
using CustomUI14mhz;
var a = CustomUI.addColorPicker(this, true, "ColorPicker1", Color.red).setCallback(callback).register();
var b = CustomUI.addColorPicker(this, true, "ColorPicker2", Color.red).setBackgroundColor(new Color(1, 0, 0, 0.3f)).setCallback(callback).register();
var c = CustomUI.addColorPicker(this, true, "ColorPicker3", Color.red).setValue(Color.cyan).setCallback(callback).register();
var d = CustomUI.addColorPicker(this, true, "ColorPicker4", Color.red).setLabelAlign(TextAnchor.MiddleLeft).setCallback(callback).register();
var e = CustomUI.addColorPicker(this, true, "ColorPicker5", Color.red).setLabelAlign(TextAnchor.MiddleRight).setCallback(callback).register();
var f = CustomUI.addColorPicker(this, true, "ColorPicker6", Color.red).setBackgroundColor(new Color(0, 0, 1, 0.6f)).setLabelFontSize(32).setLabelColor(Color.yellow).setLabelFontStyle(FontStyle.Bold).setCallback(callback).register();
f.val = Color.yellow;
