Trying to understand button functionality

[tareqahmed]

Hello all,

I am trying to understand how the button funcationality in the ExampleUIScene Unity project. I am trying to make a scene with a button that, if pressed, a value is incremented and will be displayed on a text field. I don't understand how the EventSystem behavior works, and I can't seem to find anything in the example project that does that.

I have created a panel that has a button and a game object that has a text component. I have made my own script with a public function that increments and variable and changes the text property of the Text component to show the variable. This script is attached to a game objecy/ Within the button, there is the Event Trigger which I can then access the gameobject that contains my script, and I am calling the public function. I've also set the trigger to check of Pointer Click. When I make a build however, I can push the buttton but the text field is not changing, which probably means that the funciton is not being called.

Here's my script:

public class ButtonPress : MonoBehaviour
{

    public Text txtField;
    private int x = 0;

    private void Start() {
        txtField = this.GetComponent<Text>();
    }

    public void IncrementField() {
        x++;
        txtField.text = "Count: " + x; 
    }

}

Any help is appreciated

[Joe_Ward]

I think you are on the right track. Either PointerClick in the EventTrigger object or OnClick in the Button object should work:

The above calls the Clicker.Click() function when the button is pressed. Actually it calls it twice since I hooked up both PointerClick and OnClick -- you only need one.

[tareqahmed]

Thanks for the reply Joe. So I can say I figured out how to get something to happen after I push a button.

Is there any addition setup required to the Unity editor to get the UI stuff to work? I started a new project within Unity, imported the LMHeadMountedRig, LeapEventSystem and the MinimalPanel prefabs but the UI functionality stops working in that I do not see the cursor and buttons don't seem to animate (they are static). I made sure to assign the LeapHandController to to the Leap Input Module, figure I might be missing something but I don't know what.

edit: Just did another check; my canvas are already in world space

edit2: There's a strange bug and I'm not 100% why it's happening; the UI widgets seems to work when their coodinate is set near around 0,0,0 but anywhere else it stops working. If I make the widget a child of another game object, it stops working. If I move the widget through the editor whilst it's running, the interaction stops working.

edit 3: I am lost with this problem I am having. I've followed the instructions, word for word: https://developer.leapmotion.com/documentation/unity/unity/Unity_UIInput_Setup.html. I am able to create a button and I am able to push it, but the moment I move the panel somewhere else in world space, the button interaction cease to function, as in if I push finger on it, it does not depress. The area I'm trying to move the canvas has a few models, none of which have any Event Systems in place. I've disabled all other Canvas elements, but everytime I try to push a button, my hand just goes through it. The button prefab's audio is not working. I've tried outputing a debug message on Pointer Click through the Event System and that doesn't give me anything. The only other thing I could think of is that the latest version of the orion package doesn't work well with the current Unity version I'm working with (5.5.0f3).

[Joe_Ward]

I'm not sure what is causing your movement issues. I've made movable UI's before with UIInput. Are the panels moving while you are trying to click them?

[tareqahmed]

Nope, at the moment they are static although I was planning on having them move along with the player. As a test I had disabled all other games objects in the scene except for leap related objects. Button functions normally when the panel has it's coordinates near the worldspace origin, but if I reposition it elsewhere the button funcationality does not work at all. Literally the only thing that is changed is just the coordinates of the panel.

May I ask what Unity version you're using Joe?

edit: I have Occlusion culling applied in my project. Since the UI are set in worldspace, does the occlusion culling need to be applied to them?

edit2: As a test case, could someone make a scene with nothing but the leap hand controller and panel, but set the coordinates for the controller and panel to: (105.483, -3.79, -864.08), adjust the panel accordingly.

[Joe_Ward]

[Edit] "I have reproduced at least a version of the problem. "

Actually, what I did was removing input focus from the scene when editing values. Once I click back in the scene, the UI responds again. So I still cannot reproduce your problem.

I'm using Unity 5.5.0f3 for this test.

[tareqahmed]

Actually, what I did was removing input focus from the scene when editing values. Once I click back in the scene, the UI responds again. So I still cannot reproduce your problem.

Hate to ask you this, but could be prehaps give me a step by step on what you did to get the the UI to work. At this point, I'm pretty much not sure what to do. When I try editing the values, I made sure to click on the Game window within the editor to make sure that the scene is active, but then encountered the problem where the leap doesn't work beyond a certain point within the scene.

[Joe_Ward]

I took the example scene in the UI Module and moved the Menus and LMHeadMountedRig away from the origin.

[tareqahmed]

That's really odd. I did the following;

Opened the Sample project and moved the menu and leap motion component to the coordinates I mentioned in the previous post. When I run the the game through the editor (making sure the Game tab is selected after pressing play) my hand goes through the UI elements, as in straight through; the animation for the buttons doesn't work. I make a build version of this thinking that there is something wrong with the editor but still the same problem in that the button functionality ceases to work once the UI elements haved move beyond certain coordinates.

I make a new project and only import the LMHeadMountedRig, LeapEventSystem and the Menus (along with the associated scripts). When all the components are around the worldspace origin mark, everything works normal. When I move the hand and the menu components beyond the origin point, my hand goes through. This behaviour is consistent in both the editor and the build versions.

I am still looking into why the this weird behaviour occurs; trying to see to what extents the button interactivity stops working.

[tareqahmed]

I think I'm on to something; the interactive aspect stops working when the LMHeadMountedRig's z-axis is less than -100. X and Y are not affected by this. Also tried seeing if it breaks if the z was more than 100, but works normal. Something wrong with the controller being positioned less than -100 on the z. Did this in a new project (on Unity 5.5.0f3

[Joe_Ward]

I must have missed the minus sign when I tried your coordinates earlier. I can reproduce the problem now. It seems to be a bug in the "tactile" mode of the UI Input system. The quickest workaround is to go to the Unity inspector for LeapEventSystem, check Show Advanced, then check Show Experimental. This will reveal the Interaction Mode options. Set it to Hybrid instead of Tactile.

I've entered a issue for the problem on our Github page.

Thanks for your persistence in tracking this down!

[Joe_Ward]

The issue is fixed. You can grab the latest LeapInputModule.cs from Github -- make sure you get the develop branch.

[tareqahmed]

Brilliant! I'll use the quick fix for now and download the latest version later. Thanks for the fix.