famo.us: Могу ли я использовать DeviceView в своем приложении?

Я создаю простой POC, используя famo.us. Я хотел бы использовать представление устройства из уроков университета famo.us, но когда я пишу этот код (слегка измененный по сравнению с тем, что я нашел в учебниках), ничего не отображается:

/*globals define*/
define(function(require, exports, module) {
    // import dependencies
    var Engine = require('famous/core/Engine');
    var ImageSurface = require('famous/surfaces/ImageSurface');
    var StateModifier = require('famous/modifiers/StateModifier');
    var DeviceView = require('./DeviceView');

    // create the main context
    var mainContext = Engine.createContext();

    // your app here
    var logo = new ImageSurface({
        size: [267, 102],
        content: '/content/images/t-logo-black.png'
    });

    var logoModifier = new StateModifier({
        origin: [0.5, 0.5]
    });
    var logoNode = mainContext.add(logoModifier);

    logoNode.add(logo);
});

Похоже, что просто добавление строки var DeviceView = require('./DeviceView'); является причиной проблемы, потому что простое добавление этой строки в работающее приложение, похоже, делает неработающим все, что работало раньше. Итак, у меня есть 2 вопроса:

  1. Как заставить работать require для DeviceView
  2. Есть ли место, где я могу найти эту ошибку сортировки? Прямо сейчас пустой экран не очень полезен. :)

Благодарю вас!


famo.us
person skb    schedule 04.05.2014    source источник
comment
У меня та же проблема, обходной путь — либо использовать функцию эмуляции Google Chrome, либо протестировать сайт на симуляторе iPad / iPhone iOS.   -  person Flavien Volken    schedule 04.05.2014

Ответы (4)


arrow_upward
2
arrow_downward

Представление устройства в настоящее время не является представлением с открытым исходным кодом. Я слышал, что они избавляются от нескольких ошибок, но это будет выпущено в ближайшее время.

В следующий раз, когда вы увидите, что что-то не загружается, обязательно проверьте каталог, чтобы убедиться, что файл действительно существует.

До сих пор я обнаружил, что отладка с использованием known. Действительно для вашей проблемы только консоль даст вам то, что вы ищете. В случае представления, если оно не отображается так, как я ожидаю, я часто добавляю идентификатор или класс в представление, поэтому оно доступно для поиска в DOM.

Создание лучших инструментов отладки дополнит длинный список вещей, которые famo.us собирается создать в ближайшие месяцы. Как первопроходец, это немного трудный путь.

Удачи!

person johntraver    schedule 04.05.2014

arrow_upward
1
arrow_downward

чтобы заставить его работать, добавьте этот код: //var DeviceView = require('DeviceView'); var View = require("известный/core/View");

в функции createDevice() изменить:

device = new View(deviceOptions);

var deviceModifier = new StateModifier({
    size: [300,400],
    origin: [0.5, 0.5]
});

закомментируйте любые GlobalEvents.

person user3651254    schedule 19.05.2014

arrow_upward
0
arrow_downward

Это настраиваемый вид, созданный для уроков, который не предоставляется в известном пакете для загрузки. Вы можете проверить исходный код страницы уроков и попытаться обнаружить URL-адрес из этого JS-файла... Но я думаю, что это будет не так просто.

person didi3r    schedule 04.05.2014

arrow_upward
0
arrow_downward

https://github.com/hinablue/famous.tw/tree/master/deviceView

Эта часть из-за ошибки. Взгляните на ссылку выше. Это настраиваемый вид, созданный для уроков, который не предоставляется в известном пакете для загрузки. Вы можете проверить исходный код страницы уроков и попытаться обнаружить URL-адрес из этого JS-файла... Но я думаю, что это будет не так просто.

person mervasdayi    schedule 15.06.2014