Es gab eine PR, um zu demonstrieren, wie man das in ionic v2 mit ion-slides und ion-segment macht, der Beispielcode befindet sich im Quellcode-Testordner:
https://github.com/driftyco/ionic/pull/4970

@3dd13 , vielen Dank, ich werde es mir ansehen! Ich habe in den Ausgaben gesucht, aber ich konnte dieses Commit nicht finden!

Außerdem hoffe ich, dass es gut funktioniert, da das übliche Problem darin besteht, dass beim Wechseln der Registerkarten keine Registerkartenanimation angezeigt wird

Ich habe gestern meine Ionic 2-App GitNinja für Android veröffentlicht und drei Kommentare von Benutzern erhalten, die in der Lage sein wollten, zwischen Registerkarten zu wechseln. Das ist es, was die Leute von Android gewohnt sind, also denke ich, dass diese Funktion großartig wäre.

+1

+1

Toll (und logisch) wäre es, wenn die Tabs selbst auch wischbar wären:

Für Android (Windows Phone) werden mindestens Seitenübergänge zwischen Registerkarten benötigt. Dies ist das Standardverhalten einer Android-App. Das Umschalten ohne Seitenwechsel sieht eigentlich sehr seltsam aus - zumal der Tabwechsel in der Tableiste schön animiert ist. Wischunterstützung wäre natürlich perfekt.

+1 Dies ist ein natives Core-UX auf Android

+1 Diese Funktion ist die häufigste Anfrage, die ich von meinen Benutzern erhalte

+1 Auch hier ist diese Funktion die häufigste Anfrage

+1 (auch für iOS)

Ich bin überrascht, dass dies nicht in v1 war. Ich denke, es liegt daran, dass sich die Benutzeroberfläche mehr auf iOS konzentriert hat? (zumindest hatte ich diesen eindruck)

@dasilvacontin das ist richtig. In Ionic 2 machen wir das Materialdesign zusammen mit dem iOS-Design zu einem Schwerpunkt (:

Meine App ist bereit für die Produktion, aber ich kann sie ohne Swipe-Tabs nicht live schalten.

+1 Meine App auch...
:+1:

+1

Mein allererster +1-Kommentar auf GitHub 😄

+1

+1

Auch hier ist eine UX-Anforderung ... +1

Von Beta 3 wurde es auf Beta 12 verschoben. :(

@pantonis Erwarte diese Funktion auch wirklich.

Ich erwarte dieses Feature von beta.3
Eine dringend benötigte Funktion für Apps, die auf Android ausgerichtet sind

Es ist ein kompliziertes Feature, um es richtig zu implementieren, wir müssen noch ein paar Dinge und Ionen-Folien reparieren. Aber es liegt zwischen unseren Prioritäten!

Siehe auch:
https://github.com/driftyco/ionic/issues/7075
https://github.com/driftyco/ionic/issues/7049
https://github.com/driftyco/ionic/issues/6726
https://github.com/driftyco/ionic/issues/5508

+1 freut sich darauf

+1 Ich warte nur auf zwei Dinge, um meine App für Ionic 2 zu migrieren: Swippable Tabs und Webworker-Unterstützung.

+1

+1

+1 Sollte so schnell wie möglich zu Ionic 1 und Ionic 2 hinzugefügt werden.

Hallo zusammen! Ich habe dies abonniert, um nützliche Updates zu erhalten. Hat Ionic eine Richtlinie zu +1-Kommentaren? Ich bekomme ziemlich oft E-Mails dazu, nur um herauszufinden, dass jemand „+1“ kommentiert hat, was nicht konstruktiv erscheint.

Hallo @kz , wir haben nicht wirklich eine offizielle Richtlinie zu +1-Kommentaren. Ich würde empfehlen, wenn möglich, Ihre Github-Benachrichtigungseinstellungen zu ändern. Nur damit jeder weiß, dass wir die Implementierung dieser Funktion planen, und wie Sie auf der rechten Seite von Github sehen können, ist sie beta.12 zugewiesen, was bedeutet, dass Sie diese Funktion zu diesem Zeitpunkt in dieser Version erwarten können. Ich möchte unsere Community auch bitten, dass, bevor Sie ein +1 kommentieren, daran denken, dass das Team hier bei ionic und jeder, der diese Ausgabe als @kz abonniert hat, Benachrichtigungen erhält, wenn Sie kommentieren, einschließlich einer E-Mail, und das ist das Beste wenn Ihr Kommentar Inhalte, Ideen usw. zum Problem hinzufügt. Danke an alle!

Ich warte auf Ionic 2: Swippable Tabs

+1 Würde dies auf jeden Fall verwenden wollen.

+1 Ein Must-Have-Feature!!!!!

Warum wurde es aus dem Beta-12-Meilenstein entfernt? Den ganzen Weg von Beta 3 zu Beta 12 verschoben und jetzt nicht einmal in Beta 12?

:(

Ja, ich freue mich auf die Veröffentlichung von Beta.12. Wann ist die Beta.12-Veröffentlichung?

Es wäre toll, wenn die Tabs geswiped werden könnten.

Hallo, alle miteinander! Da wir unserer RC-Veröffentlichung sehr nahe kommen, haben wir uns entschieden, einen Schritt zurückzutreten und uns darauf zu konzentrieren, Bugs in Beta.12 zu stoppen. Dies sind Fehler, die entweder eine App vollständig beschädigen oder einen großen Teil der Funktionalität des Frameworks beschädigen können. Das bedeutet nicht, dass wir keine neuen Funktionen wie diese Ausgabe implementieren werden, aber wir wollen uns wirklich darauf konzentrieren, das, was wir bereits haben, superstabil und produktionsreif zu machen. Auch beta.12 wird auf Angle 2 rc5 aktualisiert und sollte endlich vorab kompilieren!

@jgw96 wie viele Veröffentlichungskandidaten planen Sie? Wenn es kein Geheimnis ist :smile:

Gute Frage! Hoffentlich nicht zu viele! 😃

Im Moment haben wir nur 1 geplant, aber es können mehr sein. Sie können sich hier jederzeit unsere Roadmap ansehen, um zu sehen, was wir vorhaben. Danke!

Nur eine Anmerkung, denn durch diese Nachricht wird der Zustrom von +1-Beiträgen und -Kommentaren jeden, der diesem Thread zuhört, in den Wahnsinn treiben, der auf aktuelle Neuigkeiten zu dieser Funktion wartet. Sie können Statusaktualisierungen erhalten, indem Sie die Schaltfläche "Abonnieren" auf der rechten Seite verwenden. Sie müssen nichts posten, es sei denn, Sie haben etwas Bemerkenswertes, und wenn Sie +1 geben müssen, können Sie einfach das +1-Emote verwenden, das Github hinzugefügt hat, um Ärger zu reduzieren, aber dennoch die Stimmabgabe zu ermöglichen. Es ist an der Zeit, diese +1-Kultur zu durchbrechen, deren Verbreitung wir uns alle schuldig gemacht haben .

Alle Informationen, die Sie benötigen, um kommende Funktionen zu beurteilen und abzustimmen: Meilensteine ​​und ihre Roadmap sowie ein Trello- Board für Up-Voting.

Danke @mtpultz ! Wir haben keine offizielle Richtlinie zu +1, aber wir bitten Sie, daran zu denken, dass jeder, der diese Ausgabe abonniert hat, sowie das Team hier bei Ionic E-Mails und Benachrichtigungen erhalten, wenn ein neuer Kommentar zu einer Ausgabe gepostet wird Es wird geschätzt, wenn der Kommentar dem Problem Inhalte, Ideen, Vorschläge usw. hinzufügt, anstatt nur +1 zu geben. Auch dies ist keine offizielle Richtlinie oder so etwas, nur etwas, an das man sich erinnern sollte.

• 1 für Swipe-Tabs. Wann wird diese Funktion veröffentlicht?

Soweit ich mich erinnere, ist es Teil der Windows-Benutzerinteraktionsrichtlinie.
Vielleicht sollte diese Funktion auch standardmäßig zur Windows-Plattform hinzugefügt werden.

Ich freue mich auf diese Funktion und habe darum gekämpft, sie in meiner sehr komplexen App auszuführen ...

Hallo! Wir verschieben unsere Feature-Requests in ein neues Feature-Request- Dokument . Ich habe diese Funktionsanfrage in das Dokument verschoben und aus diesem Grund werde ich dieses Problem vorerst schließen. Danke, dass du Ionic verwendest!

@jgw96 , hey, ich bin das Originalposter dieser Ausgabe hier!
Ich habe versucht, Spam zu vermeiden, da ich unzählige +1- oder „Ich brauche das auch“-Nachrichten gesehen habe.

Wie auch immer, es ist gut, dass Sie alle Feature-Anfragen in einem Dokument verschieben, aber nur als kleiner Gedanke (um bei dieser Prozessänderung zu helfen), könnte es vielleicht gut sein, dort im Dokument die Anzahl der 'Gefällt mir' hinzuzufügen oder Relevanz, die jede Ausgabe hat, da es sich im Moment nur wie eine lange Liste von Ausgaben anfühlt, die nach dem Zeitpunkt ihrer Veröffentlichung geordnet sind. Bis jetzt wussten wir irgendwie, dass Sie dies vorrangig hatten, aber es gab andere Probleme, sodass diese Funktion angehalten wurde. Ich sage das nur, weil es nicht nur um das Feature geht, sondern auch um die Metadaten (Reaktionen der Leute, ohne zu sagen, dass alle relevant sind).
Und nun, wenn ich dieses Dokument sehe, würde ich sagen, dass sich jeder ein bisschen verloren fühlt, was Ihr nächster Schritt sein wird.

Also, um zu vermeiden, dass diese Metadaten verloren gehen, vielleicht (als schnelle Idee, abgesehen davon, sie in das Dokument zu schreiben), wie wäre es in Zukunft, den Leuten zu erlauben, über die Funktionen abzustimmen, so wie wir es hier irgendwie getan haben. Ich bin sicher, es würde Ihnen wirklich helfen, zu entscheiden, welches Feature als nächstes implementiert werden soll ;) Die Erstellung einer kleinen Website wie dieser würde 1-2 Stunden oder weniger dauern, und viele andere Open-Source- oder ähnliche Projekte haben ein Tool so was ;)

Aber wie auch immer, vielen Dank für die harte Arbeit des gesamten Ionic-Teams und ich bin froh zu sehen, dass dieses großartige Framework so großartig aussieht und bald ein RC sein wird :D

Prost!

BEARBEITEN: Wenn jemand anderes zustimmt, können Sie dem Beitrag gerne eine Reaktion hinzufügen, aber nicht als Nachricht, sondern als richtige +1-Reaktion (siehe Schaltfläche in der oberen rechten Ecke der Nachricht? Ja, da :D)

@Sturgelose Danke für die Ideen! Wir experimentieren gerade mit zenhub (sorry für die Verwirrung), also behalten wir vielleicht nicht einmal die Idee der Google Doc-Funktionsliste bei. Aus diesem Grund eröffne ich dieses Thema vorerst wieder.

Hallo zusammen.

Dies bedeutet, dass http://ideas.ionic.io/ideas/top nicht verwendet wurde?

Diese Funktion hat die zweitgrößte Priorität der Community, basierend auf den Volksabstimmungen. Tatsache ist, dass darüber kein Wort verloren wurde, und ich fragte mich, ob die Seite von Nutzen war, jetzt ist das eine Bestätigung?

Trotzdem Glückwunsch zur guten Arbeit, danke.

@victorivens05 es gab einige Verwirrung mit dieser Seite, sie ist _nicht_ für Ionic Framework, sie ist für Ionic Cloud. Das müssen wir beheben.

Vielen Dank für das Feedback an alle, dies steht definitiv auf der Liste, aber wir müssen zuerst den RC herausbringen, was in Kürze geschehen sollte.

Ich hoffe, das wird im RC1-Meilenstein sein ...

@NgYueHong Noch nicht in RC0?

@infinnie Ich sehe keine Erwähnung im Änderungsprotokoll und dieses Problem bleibt noch offen.

Dies sollte auf Priorität 1 sein lol! +1
Ich hoffe, es wird nicht mit ion-slides implementiert.
Das hat UX in ionic 1 vermasselt. Während der Benutzer versucht, schneller zu scrollen, als er es in einer normalen nativen App tun würde, würde sich die Registerkarte ändern. Es war jedoch nicht offiziell.

Fast scrolling und sliding tabs gehen nicht Hand in Hand, wenn ion-slides verwendet werden.

Nehmen Sie sich Zeit, aber es wäre toll, wenn keine Folien verwendet werden.

Alles Gute ionisches Team 👍

Ich habe 4970 aktualisiert, das Segmente und Folien verwendet, um mit RC0 zu arbeiten.

Es ist als Gist verfügbar https://gist.github.com/aarjithn/d282b019f6046f0de2f0ded623554313.

Das einzige Problem, das ich dabei sehe, ist, dass die Registerkarten selbst nicht swipbar sind.

https://github.com/leoruhland/ion-slides-tabs sieht ordentlich aus, wäre nett, wenn es jemand auf ionic2 portieren könnte.

Hallo, habe deinen Vorschlag und dein Beispiel ausprobiert.
Und es umgesetzt; funktioniert gut für die Beta 2-Version.
Sieht aus wie:

#

Was ich suche, ist eine kleine Verbesserung der "Zunder-Benutzeroberfläche":

• Keine Registerkarten-Benutzeroberfläche, sondern nur Symbole
• Wo man ein Logo in der Mitte hätte
• Eine aktive Klasse für die ausgewählte Registerkarte haben

Irgendwelche Gedanken, um das Beispiel dahingehend zu modifizieren?

Wischbare Registerkarten wären großartig, aber die Implementierung mit Ion-Slides ist nicht optimal, zumindest nicht, wenn Sie beispielsweise einen separaten Navigationsstapel in einer von ihnen behalten möchten.

Stimmt mit @Alx101 überein .
Mein Vorschlag wäre, ein Attribut für das Tab/Segment-Tag zu verwenden. Wie "ion-sweep=true".

Diese Verbesserung wird fantastisch sein, ich warte Tag für Tag darauf! :)

Danke!

Gibt es noch Pläne, diese Funktion in ionic2 aufzunehmen? Seit 2016-07-29 in keinem Rahmentreffen mehr erwähnt. Auf diese Funktion warte ich seit dem ersten Tag...

Vielleicht sollte dies in einer neuen Ausgabe platziert werden, da diese geschlossen ist und wahrscheinlich zugunsten offener Ausgaben durch die „Rohre“ gesickert ist?

Hallo zusammen, dieses Thema ist noch offen. Dazu gibt es hier eine offene PR: https://github.com/driftyco/ionic/pull/7185. Es muss jedoch nachgeholt werden. Das neueste Ziel ist, dass unsere Segment-Komponente in Design/Funktionalität der Material Design Tabs -Komponente entspricht, einschließlich der Möglichkeit zum Wischen. Um dies zu erreichen, muss noch viel getan werden. Obwohl wir gerne etwas Zeit damit verbringen würden, konzentrieren wir uns derzeit darauf, einige Fehler zu beheben und das bestehende Framework zu verbessern. Ich werde dies jedoch zum Meilenstein hinzufügen, damit ich daran denken kann, es noch einmal zu besuchen. Vielen Dank für Ihre Geduld, wir wissen, dass dies ein sehr begehrtes Feature ist, und wir möchten es auf jeden Fall in das Framework aufnehmen!

+1

+1 für Swipe-Segmente!

Irgendwelche Gedanken-Updates darüber, wie man dies so ändert, dass es wie die Zunder-Schiebelaschen aussieht?
Könnten wir die Registerkarten oben entfernen oder sie so umgestalten, dass sie wie die Zunder-Benutzeroberfläche aussehen, oder gibt es eine andere Möglichkeit, dies zu tun?

Die verschiebbaren Registerkarten funktionieren einwandfrei, wie sie sind. Im Grunde würde ich die Registerkarten-Anzeigen entfernen und stattdessen durch ein Symbol ersetzen wollen.

Dies ersetzen:

<ion-toolbar>
    <ion-segment [(ngModel)]="selectedSegment" (ionChange)="onSegmentChanged($event)">
        <ion-segment-button value="first">
            Profiel
        </ion-segment-button>
        <ion-segment-button value="second">
            Voorstellen
        </ion-segment-button>
        <ion-segment-button value="third">
            Account
        </ion-segment-button>
    </ion-segment

Ohne den "Zustand" zu verlieren, um ein bestimmtes Symbol hervorzuheben oder anzuzeigen.
Irgendwelche Gedanken?

Was wäre auch die beste Vorgehensweise, um den Inhalt der Schieberegister zu laden?
Würde man die gesamte App in diese Slidingpage.html platzieren oder wäre es besser, separate Seiten zu haben und sie basierend auf dem Seitennamen in die Registerkarten zu laden?

:(

nicht einmal sicher, warum diese rc.x heißen :)

@gbelmm Nur weil wir es von Meilensteinen verschieben, heißt das nicht, dass wir nicht daran arbeiten oder es nicht ernst nehmen. Wir versuchen, Releases höchstens alle zwei Wochen herauszubringen, das bedeutet, dass einige härtere Sachen warten müssen, weil wir euch nicht alle kaputte Sachen schicken wollen (wir machen aber Fehler).

Wir versuchen, sehr transparent zu sein, aber wir geben niemals Garantien, dass Probleme oder Funktionen zu einem bestimmten Zeitpunkt erscheinen werden.

Das ist die Natur des Software Engineering!

@mlynch Ich weiß, dass dieses Problem oder diese Funktion schwierig ist, da es unter iOS kein Standardverhalten gibt. Ich möchte diese Funktion für meine App, aber ich weiß, dass dies schwierig ist. Nehmen Sie sich also die Zeit, die Sie alle brauchen, denn Sie haben es verdient, haha, Sie leisten so oft gute Arbeit beim Erstellen von RC.

@jgw96 Warum wurde diese Funktion jetzt aus dem Meilenstein entfernt? :(

Auf diese Funktion habe ich auch gewartet :/

Ich mache ein einfaches Beispiel von 2 swipedTabs, hoffe es wird helfen, bis ich das vollständige Plugin fertig habe.
Youtube-Link

github-Link

Leute, sie arbeiten an RCs, das bedeutet, dass sie sich nur auf die Fehlerbeseitigung der 2.0.0-Features konzentrieren. Also zuerst wird es eine finale Version 2.0.0 geben und dann werden sie vielleicht neue Funktionen in 2.1 oder 2.0.1 einführen, also sei geduldig. Ich warte auch darauf, also warte.

Das ist alles :)

Ich bin nur ein wenig besorgt über die ionische 2-Architektur, wenn ein so hoch bewertetes Feature nicht in einem Jahr gelöst werden kann.

Ok, Leute, OP des Problems hier. Ja, das dauert lange, aber Leute, wir müssen erkennen, dass Ionic 2 im letzten Jahr fast von Grund auf neu erstellt wurde, was bedeutet, dass nicht so viel Zeit bleibt, um große Features wie dieses zu bearbeiten. Es ist also eine große Leistung, eine Plattform wie diese in einem Jahr von der Beta-Version bis zur Veröffentlichung zu bringen. Wenn wir alle Kommentare ein wenig durchlesen (und den Spam loswerden), werden Sie sehen, dass sich das Feature verzögert, weil es Voraussetzungen gibt. Kopieren von einem Beitrag viel höher:

Es ist ein kompliziertes Feature, um es richtig zu implementieren, wir müssen noch ein paar Dinge und Ionen-Folien reparieren. Aber es liegt zwischen unseren Prioritäten!

Siehe auch:

7075

7049

6726

5508

Von all diesen Ausgaben wurden alle abgeschlossen, aber die letzte, die noch offen ist, muss noch bearbeitet werden.

Ja, ich stimme zu, diese Funktion hatte haufenweise Anfragen und ich war die erste 😏 Aber wir müssen verstehen, dass wir uns auch weiterhin beschweren werden, wenn sie uns eine schlecht implementierte Funktion zur Verfügung stellen, und ich bin sicher, dass sie das nicht wollen eine schlechte Erfahrung liefern, wenn sie wissen, dass es aufgrund der oben aufgeführten Probleme nicht gut funktionieren wird. Also warte ich lieber ein bisschen länger und habe eine richtig implementierte Funktion, als zu versuchen, den Code zu hacken. Außerdem können wir immer noch eine Registerkartenansicht verwenden, ohne zu wischen, was nicht so schlimm ist.

Zusammenfassend, Jungs und Mädels, lasst uns Geduld haben und ihnen vertrauen. Wie auch immer, ich nutze die Gelegenheit, um euch allen frohe Weihnachten und Feiertage zu wünschen!

ZUSÄTZLICHER KOMMENTAR:
Und bitte, wir haben alle die gleichen Gedanken über die Verzögerungen und alles. Denken Sie daran, dass die Nachrichtenübermittlung hier jeden Abonnenten benachrichtigt. Versuchen Sie, sich zurückzuhalten, es sei denn, es ist etwas Konstruktives. Ansonsten könnt ihr immer Reaktionen auf die Posts verwenden!! 👍

das hat irgendeine Lösung?

@adamdbradley @brandyscarney @mlynch @jgw96

Super, Version 2.0 ist endlich erschienen. Lassen Sie uns nun diese lang erwartete Swipeable Tab-Funktion in die nächsten Updates integrieren.

Wenn Sie nicht auf eine offizielle Komponente warten möchten, können Sie mit zwei Schiebereglern Ihre eigene 'Swipeable Tab'-Komponente erstellen.
Ich verwende zwei Schieberegler (innerhalb der Ionen-Navigationsleiste und des Ionen-Inhaltsbereichs) und lasse sie sich gegenseitig steuern.

@ViewChild('pageSlider') pageSlider: Slides;
@ViewChild('headerSlider') headerSlider: Slides;
...
this.headerSlider.control = this.pageSlider;
this.pageSlider.control = this.headerSlider;

Das funktioniert ganz gut für meine App (rc6 oder final).

Ich kann nicht glauben, dass 2.0 ohne diese Funktion deklariert wurde. Wenn dies nicht implementiert ist, ist es für die Benutzer wirklich offensichtlich, dass die App nicht nativ ist, da dies für jede Android-App erwartet wird.

Hallo alle miteinander,

Wir wissen, dass dies ein wichtiges Merkmal für Sie alle ist. Wir sind uns bewusst, dass es etwas ist, was wir hinzufügen müssen; es steht ganz oben auf unserer Funktionsliste. Unser Ziel war es, 2.0 final zu veröffentlichen, einige Fehlerkorrekturen einzuspielen und dann wieder mit dem Hinzufügen von Funktionen zu beginnen. Vertrauen Sie mir, wir würden gerne die meiste Zeit damit verbringen, Funktionen hinzuzufügen, aber das ist nicht möglich, wenn es Fehler gibt, die unsere Benutzer daran hindern, ihre Apps zu verwenden. Dies ist nicht so einfach wie das Hinzufügen von CSS zu einigen Registerkarten. Dazu müssen Sie unsere Segmentkomponente aktualisieren, sicherstellen, dass sie ordnungsgemäß mit anderen Gesten interagiert, zusätzliches Styling hinzufügen und vieles mehr.

Das Hinzufügen von Kommentaren zu dieser Ausgabe, in denen um Aktualisierungen gebeten wird, lenkt uns ab. Ich werde dieses Thema aus diesem Grund sperren. Wir werden die Ausgabe aktualisieren, wenn wir Neuigkeiten dazu haben. Wir wissen Ihre Geduld zu schätzen. 🙂