イオンスライドとイオンセグメントを使用したイオンv2でこれを行う方法を示すPRがあり、サンプルコードはソースコードテストフォルダーにあります。
https://github.com/driftyco/ionic/pull/4970

@ 3dd13 、どうもありがとう、見てみよう！ 問題を検索していましたが、このコミットを見つけることができませんでした。

また、通常の問題はタブを変更するときにタブアニメーションがないことなので、うまくいくことを願っています

昨日Android用のIonic2アプリGitNinjaをリリースし、タブ間をスワイプできるようにしたいユーザーから3つのコメントを受け取りました。 これはAndroidで人々が慣れていることなので、この機能は素晴らしいと思います。

+1

+1

タブ自体もスワイプ可能であれば、それは素晴らしい（そして論理的）でしょう：

Android（Windows Phone）では、少なくともタブ間のページ遷移が必要です。 これはAndroidアプリの標準的な動作です。 ページ遷移なしで切り替えることは、実際には非常に奇妙に見えます。特に、タブバーのタブの変更がうまくアニメーション化されているためです。 もちろん、スワイプサポートは完璧です。

+1これはAndroidのコアネイティブUXです

+1この機能は、ユーザーから最も頻繁に受け取るリクエストです

+1ここでも、この機能は最も頻繁なリクエストです

+1（iOSの場合も）

これがv1になかったことに驚いています。 UIがiOSに重点を置いているからだと思いますか？ （または少なくとも私はその印象を受けました）

正しい@dasilvacontin 。 Ionic 2では、iOSデザインとともにマテリアルデザインに焦点を当てています（：

私のアプリは本番環境の準備ができていますが、スワイプ可能なタブがないとライブにできません。

+1私のアプリも...
：+1：

+1

githubに関する私の最初の+1コメント😄

+1

+1

また、ここにUX要件があります... +1

ベータ3からベータ12に移行しました。:(

@pantonis本当にこの機能も期待しています。

beta.3からこの機能を期待しています
Android向けのアプリに必要な機能

適切に実装するのは複雑な機能ですが、まだいくつかの問題とイオンスライドを修正する必要があります。 しかし、それは私たちの優先事項の中間です！

参照：
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

+1 ionic 2：スワイプ可能なタブとwebworkerサポートのためにアプリを移行するのを待っているのは2つだけです。

+1

+1

+1はできるだけ早くIonic1とIonic2に追加する必要があります。

やあみんな！ 私はこれを購読して、役立つアップデートを入手しています。 Ionicには+1コメントに関するポリシーがありますか？ 私はこれについてかなり頻繁にメールを受け取っていますが、誰かが「+1」とコメントしていることがわかりましたが、これは建設的ではないようです。

こんにちは@kz +1コメントに関する公式のポリシーは実際にはありません。可能であればgithub通知設定を変更することをお勧めします。 また、この機能の実装を計画していることを誰もが知っているので、githubの右側にあるように、beta.12に割り当てられています。つまり、現時点でそのリリースでこの機能を期待できます。 また、+ 1にコメントする前に、ここionicのチームと、この問題を@kzとしてサブスクライブしている人は、コメントしたときにメールを含む通知を受け取ることを忘れないでください。コメントがコンテンツやアイデアなどを問題に追加している場合。 みんな、ありがとう！

イオン2を待っています：スワイプ可能なタブ

+1間違いなくこれを使用したいと思います。

+1Aには機能が必要です!!!!!

ベータ12マイルストーンから削除されるのはなぜですか？ ベータ3からベータ12に移行しましたが、ベータ12でも移行していませんか？

:(

はい、beta.12のリリースを楽しみにしています。 beta.12のリリースはいつですか？

タブをスワイプできれば素晴らしいと思います。

こんにちは、みんな！ RCリリースに非常に近づいているので、一歩下がって、beta.12のショーストップバグに焦点を当てることにしました。 これらは、アプリを完全に破壊するか、フレームワークの機能の大部分を破壊する可能性のあるバグです。 これは、この問題のような新機能を実装しないという意味ではありませんが、すでに非常に安定しており、製品を準備できるようにすることに集中したいと考えています。 また、beta.12はAngular 2 rc5に更新され、最終的に事前コンパイルを含める必要があります。

@ jgw96計画しているリリース候補はいくつですか？ それが秘密でないなら：smile：

良い質問！ うまくいけば、多すぎないでください！ 😃

現時点では1つしか計画していませんが、さらに増える可能性があります。 ここでロードマップをいつでもチェックして、何を計画していたかを確認できます。 ありがとう！

このニュースまでに+1の投稿とコメントが殺到すると、この機能に関する実際のニュースを待っているこのスレッドを聞いているすべての人が夢中になります。 右側のサブスクライブボタンを使用して、ステータスの更新を取得できます。 何かメモに値するものがない限り、投稿する必要はありません。+1する必要がある場合は、Githubが追加した+1エモートを使用して怒りを減らし、投票を許可することができます。 私たち全員が増殖の罪を犯しているこの+1文化を打ち破る時が来ました。

今後の機能について判断し、投票するために必要なすべての情報：マイルストーンとそのロードマップ、および賛成投票用のTrelloボード。

ありがとう@mtpultz ！ +1に関する公式のポリシーはありませんが、この問題を購読しているすべての人と、ここIonicのチームは、問題に新しいコメントが投稿されたときにメールと通知を受け取ることを覚えておいてください。コメントが単なる+1ではなく、コンテンツ、アイデア、提案などを問題に追加する場合はありがたいです。 繰り返しになりますが、これは公式のポリシーなどではなく、覚えておくべきことです。

• スワイプ可能なタブの場合は1この機能はいつリリースされますか？

私が覚えているように、それはWindowsユーザーインタラクションガイドラインの一部です。
たぶん、この機能はデフォルトでWindowsプラットフォームにも追加する必要があります。

この機能を楽しみにして、私の非常に複雑なアプリで実行するために戦っています...

こんにちは！ 機能リクエストを新しい機能リクエストドキュメントに移動しています。 この機能リクエストをドキュメントに移動しました。このため、この問題は今のところクローズします。 Ionicをご利用いただきありがとうございます。

@ jgw96 、ねえ、私はここでこの問題の元のポスターです！
大量の+1または「これも必要です」というメッセージが表示されるので、スパムを回避しようとしています。

とにかく、ドキュメント内のすべての機能リクエストを移動するのは良いことですが、（このプロセスの変更を支援するための）ちょっとした考えとして、ドキュメントに「いいね」または各号の関連性は、今のところ、投稿された時点で並べられた号の長いリストのように感じられます。 これまで、これが優先されることはわかっていましたが、他の問題があったため、この機能は停止されました。 問題は機能だけでなく、それに伴うメタデータ（すべてが関連しているとは言えませんが、人々の反応）であるため、私はただそう言っています。
そして、さて、今その文書を見て、私はそれがあなたの次のステップになるだろうことに誰もが少し迷子になっていると感じさせると思います。

したがって、このメタデータが失われるのを防ぐために、おそらく（簡単なアイデアとして、ドキュメントに書き込むことは別として）、将来的には、ここで行っていたように、人々が機能に投票できるようにします。 実装する次の機能を決定するのに本当に役立つと確信しています;）このような小さなWebサイトは、作成に1〜2時間以内で完了し、他の多くのオープンソースまたは同様のプロジェクトにはツールがありますこのような ;）

しかしとにかく、すべてのIonicチームのハードワークに感謝し、この素晴らしいフレームワークがとても素晴らしく見え、すぐにRCになるのを見てうれしいです：D

乾杯！

編集：他の誰かが同意する場合は、投稿にリアクションを追加してください。ただし、メッセージとしてではなく、適切な+1リアクションとして追加してください（メッセージの右上隅にあるボタンを参照してください。そうです：D）

@Sturgeloseアイデアをありがとう！ 現在、実際にzenhubを実験しているため（混乱して申し訳ありません）、Googleドキュメントの機能リストのアイデアを維持することすらできない可能性があります。 このため、今のところこの問題を再開します。

みなさん、こんにちは。

これは、 http：//ideas.ionic.io/ideas/topが使用されていないことを意味しますか？

この機能は、人気投票に基づくコミュニティの優先順位の2番目です。 物事は、それについて何も言われていませんでした、そして私はそのサイトが何か役に立ったかどうか疑問に思いました、今それは確認ですか？

とにかく、お疲れ様でした。ありがとうございます。

@ victorivens05そのサイトとの混乱がありました。これは、Ionic Frameworkの場合ではなく、IonicCloudの場合です。 それを修正する必要があります。

皆さんからのフィードバックに感謝します。これは間違いなくリストに載っていますが、まもなく行われるはずのRCを最初に出す必要があります。

これがRC1マイルストーンになることを願っています...

@NgYueHongまだRC0にありませんか？

@infinnie変更ログにそれについての言及はありませんが、この問題は未解決のままです。

これは優先度1である必要があります笑！ +1
ion-slidesを使用して実装されていないことを願っています。
これは、ionic 1でUXを台無しにしました。ユーザーが通常のネイティブアプリの場合と同じように高速にスクロールしようとすると、タブが変更されます。 しかし、それは公式ではありませんでした。

$＃ ion-slidesが使用されている場合、 Fast scrollingとsliding tabsは連動しません。

時間をかけてくださいが、スライドを使わない方がいいと思います。

すべての最高のイオンチーム👍

RC0で動作するようにセグメントとスライドを使用する4970を更新しました。

これは、要点https://gist.github.com/aarjithn/d282b019f6046f0de2f0ded623554313として入手できます。

これで私が目にする唯一の問題は、タブ自体がスワイプできないことです。

https://github.com/leoruhland/ion-slides-tabsはきれいに見えますが、誰かがionic2に移植できればいいと思います。

こんにちは、あなたの提案と例を試してみました。
そしてそれを実装しました。 ベータ2バージョンでは正常に動作します。
次のようになります：

＃

私が探しているのは、少し「TheTinderUI」を強化することです。

• タブUIではなくアイコンのみ
• 中央にロゴがある場所
• 選択したタブのアクティブなクラスがあります

これに向けて例を変更するための考えはありますか？

スワイプ可能なタブは素晴らしいですが、イオンスライドを使用してタブを実装することは最適ではありません。少なくとも、たとえば、タブの1つに個別のナビゲーションスタックを保持したい場合はそうではありません。

@Alx101に同意しました。
私の提案は、タブ/セグメントタグの属性を使用することです。 「ion-sweep=true」のように。

この改善は素晴らしいでしょう、私はこれを毎日待っています！ :)

ありがとう！

この機能をionic2に含める計画はまだありますか？ 2016年7月29日以降、フレームワーク会議では言及されていません。 初日からこの機能を待っています...

おそらく、これは新しい問題に配置する必要があります。これは閉じられており、おそらく未解決の問題を支持して「パイプ」をだましているのでしょうか。

みなさん、この問題はまだ開いています。 これについては、 https：//github.com/driftyco/ionic/pull/7185にオープンPRがあります。 ただし、再検討する必要があります。 最新の目標は、スワイプ機能を含め、セグメントコンポーネントのデザイン/機能をマテリアルデザインタブコンポーネントと同等にすることです。 これを達成するためには、まだ多くのことを行う必要があります。 これに少し時間をかけたいと思いますが、現在、いくつかのバグ修正を取得し、既存のフレームワークを改善することに焦点を当てています。 これをマイルストーンに追加しますので、忘れずに再訪できます。 ご理解のほどよろしくお願いいたします。これは非常に求められている機能であり、フレームワークに確実に取り入れたいと考えています。

+1

スワイプ可能なセグメントの場合は+1！

火口のスライドタブのように見えるようにこれを変更する方法について何か考えが更新されていますか？
上部のタブを削除するか、Tinder UIのように見えるようにスタイルを変更できますか、それともこれを行う別の方法がありますか？

スライド式タブはそのままで問題なく動作します。基本的には、タブインジケーターを削除して、代わりにアイコンに置き換えたいと思います。

これを置き換える：

<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

「状態」を失うことなく、特定のアイコンを強調表示または表示します。
何かご意見は？

また、スライディングタブのコンテンツをロードするためのベストプラクティスは何でしょうか？
アプリ全体をこのslidingpage.html内に配置するのでしょうか、それともページ名に基づいて個別のページをタブ内にロードする方がよいのでしょうか。

:(

なぜこれらがrc.xと呼ばれるのかわからない:)

@gbelmmをマイルストーンから移動しているからといって、それに取り組んでいない、または真剣に受け止めていないという意味ではありません。 私たちはせいぜい2週間ごとにリリースを出すようにしています。つまり、壊れたものをすべての人に出荷したくないので、難しいものは待たなければなりません（ただし、間違いを犯します）。

私たちは非常に透明性を保つよう努めていますが、問題や機能が特定の時間に発生することを保証することは決してありません。

それがソフトウェアエンジニアリングの本質です！

@mlynch iOSにはデフォルトの動作がないため、問題や機能が難しいことはわかっています。 私は自分のアプリにこの機能が欲しいのですが、これは難しいことを知っているので、必要な時間をとってください。

@ jgw96この機能がマイルストーンから削除されたのはなぜですか？ :(

私もこの機能を待っていました：/

2つのswipedTabsの簡単な例を作成します。完全なプラグインが完成するまで、それが役立つことを願っています。
Youtubeリンク

githubリンク

みんな、彼らはRCに取り組んでいます、それは彼らが2.0.0機能だけのバグ修正にのみ焦点を合わせていることを意味します。 したがって、最初は最終的な2.0.0バージョンになり、次に2.1または2.0.1で新機能が導入される可能性があります。しばらくお待ちください。 私もこれを待っているので待ってください。

それで全部です ：）

このような高評価の機能を1年以内に解決できない場合、私はionic2アーキテクチャについて少し心配しています。

さて、みんな、ここの問題のOP。 はい、これには長い時間がかかりますが、皆さん、昨年はIonic 2がほぼゼロから作成されたことを認識しなければなりません。つまり、このような大きな機能を処理する時間はあまりありません。 したがって、このようなプラットフォームをベータ版から1年でほぼリリースすることは、大きな成果です。 また、すべてのコメントを少し読んだ場合（そしてスパムを取り除く場合）、前提条件があるために機能が遅れていることがわかります。 はるか上の投稿からのコピー：

適切に実装するのは複雑な機能ですが、まだいくつかの問題とイオンスライドを修正する必要があります。 しかし、それは私たちの優先事項の中間です！

参照：

7075

7049

6726

5508

このすべての問題のうち、すべてが閉じられましたが、まだ開いている最後の問題はまだ作業が必要です。

はい、同意します。この機能には大量のリクエストがあり、私は最初のリクエストです😏しかし、それらが不適切に実装された機能を提供してくれた場合、私たちも不平を言い続けることを理解する必要があります。前述の問題が原因でうまく機能しないことがわかっている場合は、悪いエクスペリエンスを提供します。 したがって、コードをハックしようとするよりも、もう少し待って、適切に実装された機能を使用したいと思います。 さらに、スワイプせずにタブ付きビューを使用することもできますが、それほど悪くはありません。

要するに、男とギャルは、彼らに忍耐と信頼を持ちましょう。 とにかく、私はあなたにすべてのメリークリスマスと休日を願う機会を利用します！

追加コメント：
そしてお願いします、私たちは皆、遅れとすべてについて同じ考えを持っています。 ここでのメッセージは、購読しているすべての人に通知することを忘れないでください。 建設的なものでない限り、自分を抑えてみてください。 そうでなければ、あなたはいつでも投稿への反応を使うことができます!! 👍

これは解決策がありますか？

@adamdbradley @brandyscarney @mlynch @ jgw96

素晴らしい、バージョン2.0がついにリリースされました。 それでは、この待望のスワイプ可能タブ機能を次のアップデートで統合しましょう。

公式コンポーネントを待ちたくない場合は、2つのスライダーを使用して、独自の「スワイプ可能なタブ」コンポーネントを作成できます。
私は2つのスライダー（イオンナビゲーションバーとイオンコンテンツ領域内）を使用して、それらを互いに制御させています。

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

これは私のアプリ（rc6またはfinal）には非常に適しています。

この機能なしで2.0が宣言されたなんて信じられません。 これが実装されていない場合、すべてのAndroidアプリに期待されるものであるため、アプリがネイティブではないことはユーザーにとって非常に明白です。

こんにちは、みなさん、

これが皆さんにとって重要な機能であることを私たちは知っています。 私たちはそれが私たちが追加する必要があるものであることをよく知っています。 それは私たちの機能リストの一番上にあります。 私たちの目標は、2.0ファイナルをリリースし、いくつかのバグ修正を取得してから、機能の追加を再開することでした。 私を信じてください。私たちはほとんどの時間を機能の追加に費やしたいと思っていますが、ユーザーがアプリを使用できないバグがある場合、それは不可能です。 これは、いくつかのタブにいくつかのCSSを追加するほど簡単ではありません。 これには、セグメントコンポーネントの更新、他のジェスチャとの適切な相互作用の確認、スタイルの追加などが必要になります。

この問題に更新を求めるコメントを追加すると、気が散ります。 このため、この問題をロックします。 共有するニュースがありましたら、問題を更新します。 ご理解のほどよろしくお願いいたします。 🙂