Responsive Titel passen sich automatisch an die Ansicht Größen von Geräten der Benutzer. Integrierte Funktionen ermöglichen es Ihnen, Titel zu erstellen, die auf verschiedene Geräte und Geräte Orientierungen automatisch anzupassen. Diese ansprechenden Design-Merkmale beseitigen, die auf mehrere Titel zu halten oder komplexe Verzweigung zu implementieren.
Um die ansprechenden Features zu ermöglichen und mit einem ansprechenden Titel, klicken Sie auf Start New Responsive Titel von den Begleit - Fenstern oder klicken Sie auf Create New Titel aus dem Datei - Menü und wählen Sie Responsive Titel . Um einen vorhandenen Titel zu aktivieren, klicken Sie auf Titel - Optionen auf der Design - Band und ermöglicht die Responsive Titel aktivieren Kontrollkästchen. Weitere Einzelheiten finden Sie einen Titel als reaktionsbenenne .
Wenn Sie Ihren Titel für Responsive Design aktiviert ist, wird ein Gerät Auswahlleiste auf Ihren Anzeigebereich hinzugefügt. Das Gerät Auswahlleiste enthält fünf Grafiken, die Ansichten beliebt bei den heutigen Geräten darstellt.
Von links nach rechts sind die Geräteansichten:
![]() |
Telefon Portrait-Ansicht |
![]() |
Tablet Portrait-Ansicht |
![]() |
Desktop-Ansicht |
![]() |
Tablet Landschaftsansicht |
![]() |
Telefon Landschaftsansicht |
Die Ansichtsleiste können Sie schnell zwischen den Ansichten wechseln, um zu überprüfen, wie Sie Ihren Text und Objekte in jeder Ansicht angezeigt werden. Wenn Sie Objekte auf den Titel hinzufügen, werden die Objekte optimal skaliert und für jedes Gerät Ansicht bewegt. Klicken Sie auf ein Gerät Grafik innerhalb der Auswahlleiste zu sehen, wie Sie Ihre Inhalte auf jedem Gerät suchen.
Die Pfeile neben den Geräte Grafiken in der Geräteauswahlleiste angezeigt repräsentieren den Fluss der Vererbung der Entwicklung Änderungen, die Sie in der aktuellen Geräteansicht machen. Die Pfeile zeigen die Richtung der responsiven Vererbungsströmung vom Desktop auf die Tablette beginnen und dann an das Telefon. Darüber hinaus ist die Farbe des Pfeils Vertreter des Geräts, auf dem eine Überschreibung in einer bestimmten Gerät Ansicht gemacht wurde (grün, wenn die Überschreibung getan wurde / von der Tablette Ansicht oder Orange geerbt, wenn die Überschreibung am Telefon durchgeführt wurde). Zum Beispiel kann die Eigenschaften für die Objekte im Telefon Portrait-Ansicht angezeigt werden aus den aktuellen Einstellungen der Eigenschaften der Objekte in der Tablet-Portrait-Ansicht geerbt.
Eine Änderung, die Sie in der nicht-Deskop Geräteansicht machen, ist eine Überschreibung auf die ansprechende Vererbungseinstellung von der Hauptvorrichtung betrachtet. Um zu sehen, wie Überschreibungen auf einem Objekt im Arbeitsbereich angezeigt werden, fügen Sie ein Objekt, wie ein Bild oder einen Textblock, ändern sich auf eine Vorrichtung Ansicht und das Objekt verschieben. Beachten Sie auch, dass die Farbe der Adornern um das Objekt und die Farbe des Etiketts der Immobilie in dem Bandbereich auch ändern, wenn Sie das Objekt verschieben. Die Farbe zeigt an, dass die Vorrichtung, in der eine Überschreibung auf dem Objekt platziert wurde. Ändern Sie die Gerätesicht wieder und merken, wie die Überschreibung in der Ansicht platziert wird.
Wenn Sie nicht zu Anpassungen (überschreibt) für eine bestimmte Ansicht machen möchten, oder Sie sind noch nicht bereit , diese Anpassungen zur Verfügung Bewertern oder Lernenden zu machen, können Sie die Ansicht deaktivieren. Dazu verwenden die Schalter an der Geräteauswahlleiste für die entsprechende Ansicht. Aktivieren Sie den Schalter ( ) zu bearbeiten und die Ansicht zu veröffentlichen. Deaktivieren Sie den Schalter (
) , um vorübergehend Bearbeitung oder Veröffentlichung der Ansicht zu verhindern. Wenn eine Telefonansicht deaktiviert wird , wenn der Titel veröffentlicht wird, wird das Gerät anstelle der Ansicht Mutter Tablet anzuzeigen. Wenn die Tablette Ansicht deaktiviert ist, wird es die Desktop - Ansicht angezeigt werden . Um zum Beispiel der Telefonlandschaftsansicht deaktivieren und mit Tablet - Landschaft am Telefon im Landscape - Modus, deaktivieren Sie den entsprechenden Schalter angezeigt veröffentlichen wie folgt:
Sie können eine Ansicht so oft wie gewünscht, während Sie den Titel entwickeln aktivieren oder deaktivieren. Sie werden nicht Anpassungen verlieren, wenn Sie eine Ansicht deaktivieren. Achten Sie darauf, die Ansicht wird in geeigneter Weise aktiviert oder deaktiviert, wenn Sie den Titel zu veröffentlichen.
Wenn Sie nicht mögen , wie eine Überschreibung angezeigt wird, können Sie schnell die Überschreibung rückgängig zu machen und das Objekt auf seine ursprüngliche Eigenschaft Einstellung zurückgesetzt. Sie können die Überschreibung in der aktuellen Ansicht oder in allen Ansichten zurückgesetzt. Eine Überschreibung auf einem Objekt zurückzusetzen, klicken Sie auf Zurücksetzen in den Überschreibungen auf den Gruppeneigenschaften Bänder ( Eigenschaften , Stil , Position und Größe ) für das Objekt oder die rechten Maustaste auf dem Objekt und wählen Sie Reset - Überschreibungen . Um eine Überschreibung für eine belegbare Gerät zurücksetzen, Kapitel, Abschnitt oder Seite mit der rechten Maustaste darauf und wählen Sie Reset - Überschreibung . Weitere Informationen finden Sie Zurücksetzen Überschreibungen auf ein Objekt in einem ansprechenden Titel ,Zurücksetzen Überschreibungen auf einem Kapitel, Abschnitt oder Seite in einem ansprechenden Titel und Zurücksetzen Überschreibungen auf einer frei belegbaren Einheit in einem ansprechenden Titel .
Off-Page-Objektplatzierung
Für ansprechende Titel Designs , die verschiedene Objekte haben müssen , anstatt andere auf den verschiedenen Geräten angezeigt werden , können Sie die Objekte auf und abseits der Seite tauschen. Zum Beispiel können Sie Image1 auf dem Desktop und Tablet erscheinen, will aber Image2 am Telefon erscheinen. Während der Laufmodus werden nur Objekte auf der Seite angezeigt werden, was bedeutet , wenn Sie eine Seite für ein bestimmtes Gerät Objekte aus ziehen, werden sie nicht während des Run - Modus und Vorschau - Modus angezeigt werden und auch während der Veröffentlichung. So in diesem Szenario würden Sie positionieren Image1 auf der Seite und legen Image2 von der Seite für Desktop und Tablet - Ansichten. In dem Telefon Ansichten, würden Sie ziehen Image2 auf der Seite und ziehen Image1 aus.
![]() |
|
Schnell bewegen und Objekte auf allen Geräten Ansichten Ändern der Größe
Sie können schnell Objekte über alle Geräte verschieben und skalieren , ohne jede Ansicht zu ändern. Dies ermöglicht es Ihnen , um ein Objekt in eine gewünschten Position / Größe zwang zu bewegen , unabhängig von seiner Erbschaft Zustand. Während der Bewegung oder eine oder mehrere ausgewählte Objekte Ändern der Größe, ziehen Sie bei gedrückter Umschalttaste und Strg . Die Objekte auf allen Geräten werden entsprechend geändert. Weitere Informationen über das Verschieben von Objekten mit Strg + Umschalt ziehen und die Regeln , die angewendet werden, finden Sie verschieben und Objekte Ändern der Größe .
Als Antwort Objekte Skalierung
Standardmäßig sind die meisten Objekte für jede Vorrichtung Ansicht nach dem Einsetzen einer berechneten skalierten Formel. Dies beinhaltet das Objekt unter rechteckige Informationen und die aktuellen Geräten der Benutzer wird bei Schaltgeräten werden die Objekte Größe und Position auf der Grundlage der Breite der beiden Vorrichtungen proportional skaliert die Konstanten unter Verwendung der unten.:
Geräteansicht | Breite | Höhe |
Telefon Portrait | 480 | 763 |
Telefon-Landschaft | 785 | 450 |
Tablet Portrait | 785 | 1000 |
Tablet Landschaft | 1009 | 662 |
Desktop | 1009 | 662 |
![]() |
In nicht-Deskop Ansicht, Menüs und Formularobjekte werden nicht skaliert. Darüber hinaus gibt es keine Skalierung für, wenn die Anzeige für Audio ist ein Controller oder ein Lautsprechersymbol und für Inhaltsverzeichnisse, wenn die Dropdown-Liste. |
Seitenhöhe Wachstumsregeln
Für Objekte, die innerhalb der Desktop-Seite Höhe passen, die Seitenhöhe von anderen Ansichten (insbesondere Tablet Landschaft und Telefon Landschaft) wachsen, so dass diese Objekte auf der Seite bleiben. (Dies gilt auch von TabletLandscape zu Telefon Landschaft.) Dies gilt für Objekte, die vollständig auf der Seite sowie teilweise an / aus der Seite sind. Wenn ein Objekt vollständig von der Seite ist, dann wird die Seite nicht für die anderen Geräte wachsen.
Wenn die Breite eines Textblockes auf Desktop-Ansicht ist, so dass es verengt werden muss - und der Textblock vertikal gewachsen - auf anderen Ansichten, wird die Seitenhöhe in den anderen Ansichten auch wachsen, um den Textblock aufzunehmen.
Responsive Regeln für Objekte und Text
Hier ist, was zu erwarten, wenn mit diesen Elementen in ansprechenden Titeln zu entwickeln:
Kapitel, Abschnitte, Seiten, und AUs |
|
Text |
|
Tasten | Tasten nicht skalieren. |
Bilder |
|
Shapes |
|
Charakter Poses | Charakter Posen sind Bilder und verwenden daher die gleichen reaktionsSkalierungsRegeln. |
Animationen |
|
Audio |
|
Video |
|
Youtube Videos |
|
Fragen, Tests und Umfragen |
|
Menüs | Das Menü Objekt wird wie andere textbasierte Objekte behandelt. Die Größe wird in Nicht-Desktop - Ansichten nicht skaliert. Sie können Text in Nicht-Desktop - Ansichten (auf der Skala Eigenschaften Band und Heim Band). Sie können den Text (Text Zunahme / Abnahme) in allen Ansichten erhöhen (auf Eigenschaften Band und Heim Band). |
Inhaltsverzeichnisse | Inhaltsverzeichnis Objekte werden wie andere textbasierte Objekte behandelt. Die Größe des Objekts wird nicht automatisch geändert. Text - Skalierung ist auf nicht-Desktop - Ansichten (auf der Eigenschaften Band und Heim Band). Sie können den Text (Text Zunahme / Abnahme) in allen Ansichten erhöhen (auf Eigenschaften Band und Heim Band). |
Fortschrittsbalken |
|
Formularobjekte |
|
HTML - Erweiterungen , RSS - Feeds und Web - Windows - | Der Behälter für diese Objekte werden von Position und Größe ähnlich Bilder skaliert. |
Intelligente Textobjekte | Dazu gehört Datum / Uhrzeit, Seitentitel, Seitenzahl und Paniermehl. Sie sind die gleich wie ein Textblock gehandhabt , wenn die Ansprechsystem Größe und Position zu bestimmen. Sie können den Text (Text Zunahme / Abnahme) in allen Ansichten erhöhen (auf Eigenschaften Band und Heim Band). Sie können den Text (Text Zunahme / Abnahme) in allen Ansichten erhöhen (auf Eigenschaften Band und Heim Band). |
Charts | Charts sind Bilder und verwenden daher die gleichen reaktionsSkalierungsRegeln. |
Die Gleichungen | Die Gleichungen sind Bilder und daher die gleichen reaktionsSkalierungsRegeln. |
Aktionen, Trigger und Variablen |
|
Seitenlayouts |
Sie können Seitenlayouts auf der Hinzufügen und Verwalten von Eigenschaften Band für die Seite. Seitenlayouts für jede Gerätesicht für eine optimale Abstand neu zugeordnet, während nach wie vor unter Berücksichtigung der Mehrheit der Themen. (Einige Themen haben ungewöhnlich breiten Rand, Kopf- oder Fußzeile Grafik. In den Fällen, die das Layout leicht überlappen.) Wenn Sie eine Seite mit einem Layout erstellen und dann entscheiden, das Layout für die Seite zu ändern. solange es keine Objekte hinzugefügt (das heißt, enthält leeren Layout-Container) wird das vorhandene Layout entfernt und mit dem neuen Layout ersetzt. Beachten Sie, dass, wenn Objekte vorhanden sind, werden sie nicht auf das neue Layout angelegt. Das neu gewählte Layout wird auf der Seite angewandt. |
Transitions | Übergänge sind nicht außer Kraft gesetzt werden. |
![]() |
Weitere Informationen finden Sie auf diese RCD bezogenen Beiträge in unserer Trivantis Community: |
© de Copyright Trivantis 2019