13 PDF Article

Enyo Developer Guide Bootplate: with Enyo in 5 Minutes · Planning and Structuring Your App · Tutorial: Building a Moonstone App. Enyo Essentials. As an Enyo developer, you have a great deal of freedom in choosing the platform . If you haven’t already done so, read through the Moonstone App Tutorial. This tutorial is geared for those already know the basic . Hope this tutorial helps in setting up the environment right for enyo development.

Author: Malkis Kigale
Country: Yemen
Language: English (Spanish)
Genre: Education
Published (Last): 26 March 2007
Pages: 401
PDF File Size: 9.67 Mb
ePub File Size: 10.42 Mb
ISBN: 666-5-40031-839-9
Downloads: 65307
Price: Free* [*Free Regsitration Required]
Uploader: Akinonos

Enyo Beginners Guide

Sample Application This article explains a sample application that can ‘rotate’ and ‘skew’ an image. The above code has a published property called ‘rotation’ which is initially set to ‘0’ and will store the rotation applied to the image in the component.

Too difficult to understand. Below is the code for the ‘rotationChanged’ method. The basic unit of an Enyo application is a “component”, and these “components” can combines and wired together in different ways to create an application.

Below is the code for rotating and skewing the image. FittableRows enoy user to place content in rows, on one of these rows user can set the fit property to true which will give it a variable height that will expand as the page is resized.

This effectively makes the component itself the app. In this case it will be able to find out when the rotation is changed, and update the component accordingly. Was this document helpful? This can then be reused across multiple applications or within the same application. The Onyx component set is designed with mobiles and tablets in mind. Published Eyo Enyo will create ‘getters’ and ‘setters’ for the properties defined in tutoria, section of the code.


FittableColumns allows user to place content in columns.

To use this sample in application user has to know how to setup an enyo framework. We value your feedback. As a simple example, user may combine a text area, a submit button and a clear button into a search component. The applyStyle method applies a CSS style to the particular component. Replace the content of ‘index. Now divide the “Rotate” button into two, one for clockwise rotation and the other for counter clockwise rotation.

These two combined can be used to create complex flexible layouts tutorail applications. Now the enyo framework is ready to use. To reduce the complexity in tutorisl app remove the app that included the “RotateComponent” and rename the RotateComponent to “App”.

Here the “onclick” property is set to ‘rotate’, which is the name of a method. The next immediate change to be made tutorizl to convert all the normal buttons to Onyx buttons and also replace the “img” tag with an “enyo.

And also add two buttons for “skewing” the image.

In this case the image and the tutoriwl are the subcomponents. So in the above case, Enyo will automatically create the methods ‘setRotation’ and ‘getRotation’ on the object. First download “enyo” from enyo website and extract the zip folder. User Menu Login Register. It is object-oriented and uses object-oriented concepts such as encapsulation to create reusable code. Enyo also offers a library of components for layout.


Like with FittableRows one of these columns can have fit set to true and that column will expand to rutorial up available space. Enyo will create ‘getters’ and ‘setters’ for the properties defined in “Published” section of the code.

After extracting, copy “enyo”, “lib”, “source” folders into “Tizen workspace”. Inaccurate or wrong information. After adding the ‘rotationChanged’ function to the code, the image will rotate through 90 degrees fnyo user clicks on “Rotate” button. Below is the final code with proper layout enyo. Now create a method called “rotationChanged”, and Enyo will automatically call it when ‘rotation’ value is changed via ‘setRotation’.

EnyoJS Tutorial #1 – Getting Started

Please let us know what you think. Onyx extends and improves the library of components available for Enyo by adding additional features and styling. The advantage of this is that now Enyo can notify the component when a value is changed via the setter.

This is as simple as adding a “classes” property to the “App” and setting that to “onyx”. To know how the image will rotate, user has to know about Published property. Enyo provides a number of ways to define the layout of applications, two important components for layouts are FittableRows and FittableColumns.

Other reason enter details.