Gestures

One of iRule's advanced features is the ability to create Gestures in each Panel. Gestures allow users to control their remote without looking at it! This is a common limitation of touchscreen remotes and iRule easily overcomes the problem with Gestures. 

  1. Open iRule Builder.
  2. Add new Panel.
  3. Rename the new Panel.   
  4. Expand the new Panel.
  5. Add new Page.
  6. Expand Gestures.
  7. Drag and Drop Command.
  8. Review the applied Commands.
  9. Drag and Drop Command from another Device.
  10. Review the applied Commands.
  11. Enable Gestures.
  12. Add Background Images.
  13. Add Link.

Step One: Open iRule Builder

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb1.png| title=|Step One :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture1.png{/rokbox}

Open the iRule Builder. In this tutorial we will use an existing setup that already has the AppleTV applied to buttons. 

 

Step Two: Add New Panel

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb2.png| title=|Step Two :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture2.png{/rokbox}

Right click and select Add Panel from the drop down list. We are adding a new Panel because the left and right Gestures can conflict with a Panel that has multiple Pages and swipe to the other Page. To accomodate both a Panel with multiple Pages and Gestures we will link to another Panel used for Gestures.

 

Step Three: Rename the new Panel

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb3.png| title=|Step Three :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture3.png{/rokbox}

Optional - Rename the Panel to keep the project orgenized. In this tutorial, we named the Panel AppleTV Gestures

 

Step Four: Expand the new Panel

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb4.png| title=|Step Four :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture4.png{/rokbox}

Click on the + icon of the newly created Panel to expand. 

 

Step Five: Add new Page

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb5.png| title=|Step Five :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture5.png{/rokbox}

Right click on the Portrait Pages and create a new Page.

 

Step Six: Expand Gestures

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb6.png| title=|Step Six :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture6.png{/rokbox}

Expand the Gestures item in the Panels list to display the Gestures. Note that there are twelve Gestures available: Up, Down, Left, Right, Tap, Double Tap for both one finger and two fingers. Commands can be applied to any of the Gestures.

 

Step Seven: Drag and Drop Command

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb7.png| title=|Step Seven :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture7.png{/rokbox}

Click on the Devices tab. In this tutorial, we will assign the commands from the AppleTV device. Drag and drop the CURSOR DOWN command on the Swipe down with one finger Gesture.

 

Step Eight: Review the applied Commands

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb8.png| title=|Step Eight :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture8.png{/rokbox}

Repeat the drag and drop process and apply the remaining AppleTV commands to the Gestures.

 

Step Nine: Drag and Drop Command from another Device

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb9.png| title=|Step Nine :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture9.png{/rokbox}

In this tutorial, we will also combine the volume commands from the AV receiver to the Two finger swipe Gestures.

 

Step Ten: Review the applied Commands

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb10.png| title=|Step Ten :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture10.png{/rokbox}

Repeat the drag and drop process for the remaining AV receiver commands.

 

Step Eleven: Enable Gestures

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb11.png| title=|Step Eleven :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture11.png{/rokbox}

Click on the Page and in the properties, enable the Gestures to make them active. iRule by default disables the Gestures to optimize battery life.

 

Step Twelve: Add Background Images

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb12.png| title=|Step Twelve :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture12.png{/rokbox}

Optional - In the Page, you can add background images to have a consistent look and feel to the Gestures Page.

 

Step Thirteen: Add Link

{rokbox thumb=|http://video.iruleathome.com/docs/Gestures/thumb13.png| title=|Step Thirteen :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/Gestures/picture13.png{/rokbox}

Add a link to the AppleTV Page to the Gestures Panel to navigate to the Gestures Page. Optionally, you can also hide the Gestures Panel to simplify the Panels list.

Get iRule

You'll need a Builder account to try or to use iRule. Once you have a Builder account, download the app to your iOS or Android device.

badge-app store white 180x60

badge-play

badge-amazon

Follow Us

icon-facebookicon-twittericon-youtube

 

Professional
Affiliations

icon-facebook