Button Pressed Behavior control in App Designer.

I created static text area with some text in an App using App Designer. I created a button when pressed makes the visibility of text to on. However, when I release the button the text area still shows up. I would like the text area to show up only when I am pressing button otherwise it should not be visible. How do i achieve this?

Answer 1

[Kevin Chng]

Hi,

Initially, set text area to not visible. Refer to picture below.

Click TextArea component > Text Area Label & Properties (On your left bottom) > Configuration > Interactivity > Visible (untick)

Then in your button callback function

app.TextArea.Visible = 'on';

[Pappu Murthy]

How is this going to solve my original problem. I want it to be visible only when I am pressing the button. Once I lift off the button the text should disappear.

[Pappu Murthy]

As a matter of fact this is how I have programmed currently but I am not happy with it because i don't want it to be shown permanently

[Kevin Chng]

there don't have keypress callback function as it might be available in many other language UI designer.

However, how about first press - visible and second press - invisible?

[Pappu Murthy]

I believe there is a listen function or something which is tied to a callback. I did this with Guide no problem there i could interactively and live move mouse which does some plots on axes. But not sure how that works with App Designer

[Kevin Chng]

Hi,

I'm not sure whether have you solve your problem. I realize there is keypress function which allow to do what you want.

activate the function, then in the function, you may

app.TextArea.Visible = 'on';

[Pappu Murthy]

I have not solved my problem but your explnation I can not understand either. You have to be more specific and provide steps because the picture you provided is not much help to my eyes. Thanks.

Answer 2

[Harini Naveela]

Hi,

Please try the below code:

  % Button pushed function: Button
        function ButtonPushed(app, event)
            app.TextArea.Visible='on';
            app.TextAreaLabel.Visible='on';
        end

        % Button down function: UIFigure
        function UIFigureButtonDown(app, event)
            app.TextArea.Visible='off' ;
            app.TextAreaLabel.Visible='off';
        end
        end

The above code makes the text area visible on clicking the button, and makes it invisible on releasing (UIFigureButtonDown). Note that we can make the text area back to invisible only by triggering some event (UIFigureButtonDown in this case). You can use any other event according to your use case, but as far as I understood your requirement, I hope UIFigureButtonDown will be enough. Also, do not forget to switch off the vsibility of text area intially. See below:

 app.TextAreaLabel.Visible = 'off';
 app.TextArea.Visible = 'off';

Thanks,

Harini