2016-04-04 10 views
0

Wir haben eine mobile Anwendung mit Kony entwickelt. Wir versuchen, dasselbe auf die Desktop-Version zu portieren. Alles läuft gut, aber es gibt kleine Herausforderungen für die Benutzeroberfläche, d. H. Reaktionsfähige Benutzeroberfläche. Da ich neu in Kony bin, bitte führe mich, wenn es eine Möglichkeit gibt, Medienanfragen in eine Kony-Anwendung einzubinden, oder was ein Trick sein könnte, um die App im Browser ansprechbar zu machen.Responsive Desktop-App mit Kony

Danke.

+0

Was meinen Sie mit Medienabfragen? Könnten Sie bitte etwas ausarbeiten? –

+0

Ich muss wissen, wie machen wir eine Desktop-Version einer Anwendung mit Kony-Plattform reagiert entwickelt. – nam

Antwort

0

Kony unterstützt derzeit keine Medienabfragen, um zu sagen, dass "für Bildschirme dieser Größe diese CSS-Regeln verwendet werden". Denken Sie daran, dass Ihr Styling in Kony mit Skinning und nicht mit CSS3 gemacht wird. Skins übersetzen sich in css für Web-Apps, aber das ist eine andere Geschichte.

In Kony ist der Ansatz anders. Sie entwerfen Ihre Formulare für verschiedene Bildschirmgrößen basierend auf der Art des mobilen Geräts: Handy, Tablet, Desktop, Uhr, etc.

Wenn Sie von einem Web-Entwicklungshintergrund wie ich kommen, könnten Sie sogar ein Raster erwarten System wie in Bootstrap oder Foundation. Aber bedenken Sie, dass der reelle Wert von Responsive Design nicht auf der Bildschirmauflösung liegt, außer Kony gibt Ihnen dies bereits durch die Verwendung von Dp-Einheiten anstelle von Pixeln. So passt sich das gleiche mobile Formulardesign an die Auflösung jedes mobilen Geräts an. Die gleiche Tablet-Form passt sich an jede Tablet-Auflösung an und so weiter.

Für verschiedene Gerätetypen ist die Prämisse, dass Ihre Desktop- und mobilen Bildschirme höchstwahrscheinlich sehr unterschiedlich sind oder sogar gleich anfangen, sich aber im Laufe der Zeit unterschiedlich entwickeln.

Die Lösung besteht also darin, einfach das Formular aus dem Teilbaum "Mobil" zu kopieren (Rechtsklick> Kopieren) und unter dem Teilbaum "Desktop" einzufügen. Dann können Sie sie unabhängig voneinander bearbeiten.

Ich hoffe, das hilft.

enter image description here