Реклама показывается только незарегистрированным пользователям. Вход или Регистрация

webos-ports-lib - библиотека для Open webOS-разработки

Программирование для webOS, инструменты разработки, документация, обмен опытом

webos-ports-lib - библиотека для Open webOS-разработки

Сообщение Bakugan » 19 янв 2013, 22:37

Выборка полезных enyo2 классов в помощь разработчикам под Open webOS.

https://github.com/webOS-ports/webos-ports-lib

PortsHeader

An onyx.Toolbar that displays the app icon, a custom title and an optional random tagline.

Пример:
Код: Выделить всё
 {kind: "PortsHeader",
 title: "FooApp",
 taglines: [
      "My foo-st app",
      "Banana boat.",
      "Fweeeeeeep. F'tang."
 ]}



PortsSearch

A variant of the PortsHeader that contains an animated, expandable search bar. onSearch is fired every time the field receives input, passing it's contents through via inEvent.value.

Пример:
Код: Выделить всё
 
 {kind: "PortsSearch",
 title: "SearchyFooApp",
 taglines: [
      "My foo-st app",
      "Banana boat.",
      "Fweeeeeeep. F'tang."
 ],
 onSearch: "searchFieldChanged"


CoreNavi

An in-app gesture area that can be used for debugging. Emulates the Open webOS back gesture by default, set fingerTracking to true in order to emulate the new Finger Tracking API events. Only shows itself on non-palm platforms, so it's safe to ship with your app.

Пример:
Код: Выделить всё
 //KeyUp-based Gesture
 components: [
    {kind: "Signals", onkeyup: "handleKeyUp"},
    {kind: "CoreNavi", fingerTracking: false}
 ],
 handleKeyUp: function(inSender, inEvent) {
if(inEvent.keyIdentifier == "U+1200001") {
    //Do Stuff
}
 }

 //Finger Tracking API
 components: [
    {kind: "Signals",
onCoreNaviDragStart: "handleCoreNaviDragStart",
onCoreNaviDrag: "handleCoreNaviDrag",
onCoreNaviDragFinish: "handleCoreNaviDragFinish"}
    {kind: "Panels",
    arrangerKind: "CarouselArranger",
    components:[
        {content: "Foo"},
        {content: "Bar"},
        {content: "DecafIsBad"},
    ]},
    {kind: "CoreNavi", fingerTracking: true}
 ],
 handleCoreNaviDragStart: function(inSender, inEvent) {
    this.$.CoreNaviPanels.dragstartTransition(inEvent);
 },
 handleCoreNaviDrag: function(inSender, inEvent) {
    this.$.CoreNaviPanels.dragTransition(inEvent);
 },
 handleCoreNaviDragFinish: function(inSender, inEvent) {
    this.$.CoreNaviPanels.dragfinishTransition(inEvent);
 },


BackGesture

A function that listens for the webOS Back Gesture and fires the onbackbutton signal. Both 2.x and Open webOS are supported, as well as phonegap and the Esc key on desktop browsers.

Пример:
Код: Выделить всё
 
{kind: "enyo.Signals", onbackbutton: "handleBackGesture"}


ProgressOrb

A circular variant of the onyx progress bar with an button in the center. Uses an enyo.Animator for smooth transitions between values.Published properties are value, min and max.This is an enyo2 reimagining of the progress indicator from the webOS 2.x Browser.

Пример:
Код: Выделить всё
 { {name: "FooOrb",
 kind: "ProgressOrb",
 style: "position: absolute; right: 8px; bottom: 8px;",
 content: "O",
 onButtonTap: "buttonTapped"},
 buttonTapped: function(inSender, inEvent) {
this.$.FooOrb.setValue(this.$.FooOrb.value + 100);
 },
Bakugan

 
Сообщения: 1839
Зарегистрирован: 07 окт 2010, 22:52
Благодарил (а): 44 раз.
Поблагодарили: 188 раз.
Планшет: HP TouchPad Wi-Fi 16Gb

Вернуться в Разработка и создание программ для LG webOS



 


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0