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: Taugami Golabar
Country: Spain
Language: English (Spanish)
Genre: Health and Food
Published (Last): 13 April 2008
Pages: 27
PDF File Size: 14.19 Mb
ePub File Size: 7.28 Mb
ISBN: 468-8-90610-445-6
Downloads: 49909
Price: Free* [*Free Regsitration Required]
Uploader: Gokinos

Onyx extends and improves the library of components available for Enyo by adding additional features and styling. The Onyx component set is designed with mobiles and tablets in mind. To use this sample in application user has to know how to setup an enyo framework.

The advantage of this is that now Enyo can notify the component when a value is changed via enyoo setter.

Inaccurate or wrong information. This article demonstrates the usage of Enyo framework.

The RotateComponent has two subcomponents, an image, which is named as “logo” and a button with a label set to “Rotate”. Sample Application This article explains a sample application that can ‘rotate’ and ‘skew’ an image.


As a simple example, user may combine a text area, a submit button and a clear button into a search component.

Enyo Beginners Guide

The advantage of this is that it disables the ability to drag the image, which is important for touch interfaces. To reduce the complexity in the app remove the app that included the “RotateComponent” and rename the RotateComponent to “App”. In this case the image and the button are the subcomponents. Please let us know what you think. Like with FittableRows one of these columns can have fit set to true and that column will expand to take up available space. 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.

Enyo provides a number of ways to define the layout of ennyo, two important components for layouts are FittableRows and FittableColumns. And also add two buttons for “skewing” the image.

After extracting, copy “enyo”, “lib”, “source” folders into “Tizen workspace”. In this application “layoutKind” property of a control is used to apply proper layout to the application. After adding the ‘rotationChanged’ function to the code, the image will rotate through 90 degrees when user clicks on “Rotate” button.


Now the enyo framework is ready to use. Below is the code for rotating and skewing the image. Other reason enter details.

This effectively makes the component itself the app. FittableColumns allows user to place content in columns.

Sample App using Enyo framework | Tizen Developers

It is object-oriented and uses object-oriented concepts such snyo encapsulation to create reusable code. The basic unit of an Enyo application is a “component”, ttuorial these “components” can combines and wired together in different ways to create an application.

Why was this document not helpful? The applyStyle method applies a CSS style to the particular component. These two combined can be used to create complex flexible layouts for applications. Apply proper layout to the app.

EnyoJS Tutorial #1 – Getting Started

Below is the code for the ‘rotationChanged’ method. The next immediate change to be made is to convert all the normal buttons to Onyx buttons and also replace the “img” tag with an “enyo. Replace the content of ‘index. User Menu Login Register.