2015-07-16 3 views
0

Я недавно работал над приложениями Maximo в любом месте и требовал полностью изменить внешний вид приложения для выполнения работы, уровень oslc, который говорит с maximo в бэкэнд, остается тем же и все функции одинаковы, но есть несколько новых кнопок, уведомлений и всевозможных аспектов UX, которые нужно добавить в приложение, я только начал изучать архитектуру и код приложения, но кто-нибудь знает, как я могу сделать изменения в интерфейсе или это даже возможно? Я мог найти очень мало документов, доступных в Интернете, и все они говорили о настройке функций и функциональных возможностей, но я не могу найти какой-либо документ для добавления аспектов UX.Настройка внешнего интерфейса в любых приложениях

Было бы здорово, если бы кто-нибудь мог указать какие-либо документы или отправные точки, с которыми я могу начать изучать.

Спасибо.

ответ

0

Благодарим за вопрос, если вы просто говорите о добавлении новых полей, макетов, экранов в пользовательский интерфейс, вы можете сделать это через приложение app.xml, и есть много примеров в нашем центре знаний, например этот: http://www-01.ibm.com/support/knowledgecenter/SSPJLC_7.5.2/com.ibm.si.mpl.doc_7.5.2/config_apps/t_add_rw_fields.html?lang=en

Если вы говорите об изменении «внешнего вида» существующих виджетов, все это можно сделать с помощью css, переопределив наши классы из класса css. Используйте инспектор Chrome, чтобы выяснить, какой класс css используется для каждого типа элемента, и просто переопределить его с помощью стандартных подходов css.

Если вы говорите о более продвинутой настройке, например, добавляете свои собственные типы виджетов на наши экраны, можно программно создавать/уничтожать собственные виджеты с помощью javascript и добавлять их в наши стандартные представления приложений. Этот код обычно подключается к событию инициализации и обратной связи наших представлений. Но вы несете ответственность за запись кода для синхронизации уровня данных с вашим пользовательским виджетами. У нас, к сожалению, пока нет опубликованного примера этой утилиты настройки.

Мы всегда добавляем новые возможности виджетов в нашей инфраструктуре Anywhere пользовательского интерфейса, так что я хотел бы услышать отзывы о новых типов виджетов, которые вам интересны.

+0

Спасибо большое за этот Скотт, и это действительно дает мне направление для продвижения вперед, мы будем в основном смотреть на настройки css, и вот некоторые из примеров, которые хочет мой клиент: 1. Рассмотрение выполнения работы в качестве базового приложения (мы разрабатываем решение для 10-дюймового планшета), поэтому при входе в систему мы хотим, чтобы экран был разделен на две части, левая сторона будет содержать одну панель с некоторыми перечисленными элементами, а в левой панели будет добавлено еще несколько элементов. 2. если вы нажмете любую из задач в списке, он должен открыть список параметров, нажав любой из параметров, вы перейдете на соответствующий экран. – API

+0

Я знаю, как это сделать с помощью простого jquery и javascript, и стилей их, используя css, однако я не был уверен, могу ли я разместить их поверх существующего существующего кода выполнения работы, и если они выйдут замуж хорошо. У вас есть какие-то указатели на эту? – API

+2

Добавление виджета с разделенной панелью в нашу декларативную разметку xml является общим требованием в нашем отставании, но мы пока не достигли этого, к сожалению. Я бы рекомендовал использовать виджет dojox/mobile/FixedSplitter просто потому, что мы уже упаковываем мобильные виджеты dojo в наше приложение, хотя вы можете использовать другой эквивалент виджета, а также пока вы их сами упаковываете. Пока вы программно размещаете этот виджет в одном из наших стандартных элементов Anywhere , вы должны быть в состоянии заставить его хорошо играть с остальной частью нашего интерфейса пользовательского интерфейса. –