CustomTabUI tui = new CustomTabUI(this, CreateUIElement, "A");
Tab a = tui.newTab(this, "TabA");
{
a.add(initSlider("SliderA"));
a.add(initToggle("ToggleA"));
}
Tab b = tui.newTab(this, "TabB");
{
b.add(initSlider("SliderB"));
b.add(initToggle("ToggleB"));
}
---- full traverse ----
foreach (KeyValuePair<String, Tab>pair in tui.getTabs())
{
String key = pair.Key; // TabA, TabB key
Tab tab = pair.Value; // TabA, TabB instance
for (int i = 0; i < tab.elements.Count; i++)
{
object o = elements[i]; // JSONStorableParam or JSONStorableAction
}
}
---- key traverse ----
Tab a = tui.getTab("TabA");
Tab b = tui.getTab("TabB");
JSONStorableFloat j == a.get("SliderA") == tui.getElement("TabA", "SliderA") as JSONStorableFloat;
JSONStorableBool j == a.get("ToggleA") == tui.getElement("TabA", "ToggleA") as JSONStorableBool;
JSONStorableFloat j == b.get("SliderB") == tui.getElement("TabB", "SliderB") as JSONStorableFloat;
JSONStorableBool j == b.get("ToggleB") == tui.getElement("TabB", "ToggleB") as JSONStorableBool;
---- also, dynamic obtaining UIDynamic via JSONStorable ----
UIDynamicSlider u = Tools.JSONStorable2UIDynamic(instance of JSONStorableFloat) as UIDynamicSlider;
UIDynamicToggle u = Tools.JSONStorable2UIDynamic(instance of JSONStorableBool) as UIDynamicToggle;
UIDynamicColorPicker u = Tools.JSONStorable2UIDynamic(instance of JSONStorableColor) as UIDynamicToggle;
UIDynamicTextField u = Tools.JSONStorable2UIDynamic(instance of JSONStorableString) as UIDynamicTextField;
UIDynamicPopup u = Tools.JSONStorable2UIDynamic(instance of JSONStorableStringChooser) as UIDynamicPopup;
UIDynamicButton u = Tools.JSONStorable2UIDynamic(instance of JSONStorableAction) as UIDynamicButton;Coincidentally, developers think in much the same way.
Please try using the code below. CustomLayoutUI and CustomUI are required.
hub.virtamate.com
hub.virtamate.com
public override void Init()
{// generate a 4×10 (column x row) cell.
CustomLayoutUI layout = CustomLayoutUI.create(this, CreateUIElement, "TestLayout", 0, 480).newFullLineUI().setLayout(4, 10);
for (int r = 0; r < layout.row; r++)
for (int c = 0; c < layout.col; c++)
{
layout.addUIComponent(CustomUI.addSliderSimple(this, true, "Slider" + c.ToString() + r.ToString(), 0, -10, +10)
.setLabelTextWeight(0.5f).setCallback(callback).register(), c, r); // c : column, r : row
}
}public override void Init()
{// generate a 4×10 (column x row) cell.
CustomLayoutUI layout = CustomLayoutUI.create(this, CreateUIElement, "TestLayout", 0, 600).newFullLineUI().setLayout(4, 10);
for (int r = 0; r < layout.row; r++)
for (int c = 0; c < layout.col; c++)
{
String name = "Slider" + c.ToString() + r.ToString();
BaseLabelUI ui01 = CustomUI.addLabel(this, true, name).setTextFontSize(20).setBackgroundColor(Color.black).setTextColor(Color.white);
BaseSliderSimpleUI ui02 = CustomUI.addSliderSimple(this, true, name, 0, -10, +10).setLabelTextWeight(0.03f).setSliderWeight(0.7f).setCallback(callback).register();
CustomLayoutUI cell = CustomLayoutUI.create(this, CreateUIElement, "Cell").newHalfLineUI(true).setLayout(1, 2).setRowWeight(0f,0.4f,1f);
cell.addUIComponent(ui01, 0, 0).addUIComponent(ui02, 0, 1);
layout.addUIComponent(cell, c, r);
}
}Thats pretty cool, looks amazing! I see where the classes are in the linked .cs files (where it gets the formatting from), but I have no idea how to include this into an existing plugin. I suggest you give a few hints for non pro developers (like me) to understand how to best use your content? Thanks again!Please try using the code below. CustomLayoutUI and CustomUI are required.
CustomUI - Plugins + Scripts -
※ 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...CustomLayoutUI - Plugins + Scripts -
※ Reporting bugs or issues will help me improve the plugin and help others. CustomLayoutUI ● This .cs for new style Layout UI implementation for developer. ● Easily generates Grid-Based UI panels with dynamic sizing, alignment. ● It supports...If the slider name is too long,View attachment 523651C#:public override void Init() {// generate a 4×10 (column x row) cell. CustomLayoutUI layout = CustomLayoutUI.create(this, CreateUIElement, "TestLayout", 0, 480).newFullLineUI().setLayout(4, 10); for (int r = 0; r < layout.row; r++) for (int c = 0; c < layout.col; c++) { layout.addUIComponent(CustomUI.addSliderSimple(this, true, "Slider" + c.ToString() + r.ToString(), 0, -10, +10) .setLabelTextWeight(0.5f).setCallback(callback).register(), c, r); // c : column, r : row } }
View attachment 523653C#:public override void Init() {// generate a 4×10 (column x row) cell. CustomLayoutUI layout = CustomLayoutUI.create(this, CreateUIElement, "TestLayout", 0, 600).newFullLineUI().setLayout(4, 10); for (int r = 0; r < layout.row; r++) for (int c = 0; c < layout.col; c++) { String name = "Slider" + c.ToString() + r.ToString(); BaseLabelUI ui01 = CustomUI.addLabel(this, true, name).setTextFontSize(20).setBackgroundColor(Color.black).setTextColor(Color.white); BaseSliderSimpleUI ui02 = CustomUI.addSliderSimple(this, true, name, 0, -10, +10).setLabelTextWeight(0.03f).setSliderWeight(0.7f).setCallback(callback).register(); CustomLayoutUI cell = CustomLayoutUI.create(this, CreateUIElement, "Cell").newHalfLineUI(true).setLayout(1, 2).setRowWeight(0f,0.4f,1f); cell.addUIComponent(ui01, 0, 0).addUIComponent(ui02, 0, 1); layout.addUIComponent(cell, c, r); } }
In MacGruber_Utils, the Slider is defined as follows: (It’s probably the function you’re using.)
public static JSONStorableFloat SetupSliderFloat(MVRScript script, string label, float defaultValue, float minValue, float maxValue, bool rightSide)public static BaseSliderSimpleUI addSliderSimple(MVRScript script, bool isLeft, String name, float value, float min, float max)Thank you very much!! It does work, although I do have a slightly different UI system, because I already have a crude tab system and I need to add/destroy the sliders when the tab is activated/deactivated, but not the JSONStorable.
CreateSlider(erectionmorph1_min_JSON, false);//Create slider and bind it to existing JSONStorableFloat
var slider = CustomUI.addSliderSimple(
this,
true,
erectionmorph1_min_JSON.name, // name
erectionmorph1_min_JSON.val, // start value
erectionmorph1_min_JSON.min, // min
erectionmorph1_min_JSON.max // max
)
.setLabelTextWeight(0.5f)
.register();
//Callback function
slider.setCallback(val => erectionmorph1_min_JSON.val = val);
erectionmorph1_min_JSON.setCallbackFunction = (float val) => slider.setValue(val);String[]title = {"Penis Length Flaccid", "Penis Length Erect", "Shaft Grith Flaccid", "Shaft Grith Erect",
"Curve Up/Down Flaccid", "Curve Up/Down Erect", "Bend Left/Right Flaccid", "Bend Left/Right Erect",
"Base Up/Down Flaccid", "Base Up/Down Erect", "Small Scrotum Flaccid", "Small Scrotum Erect",
"Right Testicle Up Flaccid", "Right Testicle Up Erect", "Left Testicle Up Flaccid", "Left Testicle Up Erect" };
float[][]value = new float[][] { // init value, min value, max value, edit this part !
new float[] {1f, -10f, 10f}, new float[] {0f, -10f, 10f}, new float[] {0f, -10f, 10f}, new float[] {0f, -10f, 10f},
new float[] {0f, -10f, 10f}, new float[] {2f, -10f, 10f}, new float[] {0f, -10f, 10f}, new float[] {0f, -10f, 10f},
new float[] {0f, -10f, 10f}, new float[] {0f, -10f, 10f}, new float[] {3f, -10f, 10f}, new float[] {0f, -10f, 10f},
new float[] {0f, -10f, 10f}, new float[] {0f, -10f, 10f}, new float[] {0f, -10f, 10f}, new float[] {4f, -10f, 10f}};
public override void Init()
{// generate a 4×4 (column x row) cell.
CustomLayoutUI layout = CustomLayoutUI.create(this, CreateUIElement, "TestLayout", 0, 300).newFullLineUI().enableLayoutMode(false).setLayout(4, 4); // 300 is height as fullline ui (4x4)
for (int r = 0; r < layout.row; r++)
for (int c = 0; c < layout.col; c++)
{// Since all components included in the CustomLayoutUI are owned by the layout itself,
// the concepts of "Left" and "Right" have no meaningful relevance.
String name = title[r*4 + c];
float []_val = value[r*4 + c];
BaseLabelUI ui01 = CustomUI.addLabel(this, true, name).setTextFontSize(20).setBackgroundColor(Color.black).setTextColor(Color.white); // This is not saved to the scene, so it does not need to be register().
BaseSliderSimpleUI ui02 = CustomUI.addSliderSimple(this, true, name, _val[0], _val[1], _val[2]).setLabelTextWeight(0.03f).setSliderWeight(0.7f).setCallback(callbackEvent).register();
CustomLayoutUI cell = CustomLayoutUI.create(this, CreateUIElement, "Cell").newHalfLineUI(true).enableLayoutMode(false).setLayout(1, 2).setRowWeight(0f,0.4f,1f); // halfline ui (1x2), label (0~0.4f), slider (0.4f~0.6f)
cell.addUIComponent(ui01, 0, 0).addUIComponent(ui02, 0, 1);
layout.addUIComponent(cell, c, r);
}
}
void callbackEvent(String name, float value)
{
if (true) SuperController.LogMessage($"[INF] callback [{name}] [{value}]"); // for debug, event check
if (false) {}
else if (name == title[0]) { /* do someting */ }
else if (name == title[1]) { /* do someting */ }
else if (name == title[2]) { /* do someting */ }
else if (name == title[3]) { /* do someting */ }
else if (name == title[4]) { /* do someting */ }
else if (name == title[5]) { /* do someting */ }
else if (name == title[6]) { /* do someting */ }
else if (name == title[7]) { /* do someting */ }
else if (name == title[8]) { /* do someting */ }
else if (name == title[9]) { /* do someting */ }
else if (name == title[10]) { /* do someting */ }
else if (name == title[11]) { /* do someting */ }
else if (name == title[12]) { /* do someting */ }
else if (name == title[13]) { /* do someting */ }
else if (name == title[14]) { /* do someting */ }
else if (name == title[15]) { /* do someting */ }
}Thanks again, I will consider this, but I think I would rather only go forward if we can somehow find a solution to the missing "default value" functionality.
It’s also possible to create a button that provides default values, as shown in the image below.
CustomUI.closeAll();
if (layout != null)
{
UnityEngine.Object.Destroy(layout.gameObject);
layout = null;
}1. You can simply call CustomLayoutUI.closeAll();
Perfect, thanks!!1. You can simply call CustomLayoutUI.closeAll();
2. Not at all! Feel free to ask anything—I'll help as much as I can.