ada PR untuk mendemonstrasikan bagaimana melakukannya di ionic v2 dengan ion-slides dan ion-segment, kode sampel ada di folder tes kode sumber:
https://github.com/driftyco/ionic/pull/4970

@3dd13 , terima kasih banyak, saya akan melihatnya! Saya melakukan pencarian dalam masalah tetapi saya tidak dapat menemukan komit ini!

Juga, saya harap ini berfungsi dengan baik, karena masalah biasa adalah tidak ada animasi tab saat mengganti tab

Baru saja merilis aplikasi Ionic 2 saya GitNinja kemarin untuk Android, dan mendapat tiga komentar dari pengguna yang ingin dapat menggeser antar tab. Inilah yang biasa dilakukan orang-orang di Android, jadi saya pikir fitur ini akan sangat bagus.

+1

+1

Akan lebih bagus (dan logis) jika tab itu sendiri juga dapat digesek:

Setidaknya transisi halaman antar tab diperlukan untuk Android (Windows Phone). Ini adalah perilaku standar aplikasi Android. Beralih tanpa transisi halaman sebenarnya terlihat sangat aneh - terutama karena perubahan tab di bilah tab dianimasikan dengan baik. Dukungan gesek tentu saja akan sempurna.

+1 Ini adalah ux asli inti di Android

+1 Fitur ini adalah permintaan yang paling sering saya terima dari pengguna saya

+1 Di sini fitur ini adalah permintaan yang paling sering juga

+1 (juga untuk iOS)

Saya terkejut ini tidak ada di v1. Saya kira itu karena UI lebih fokus pada iOS? (atau setidaknya saya mendapat kesan itu)

@dasilvacontin itu benar. Di Ionic 2 kami menjadikan desain material sebagai fokus bersama dengan desain ios (:

Aplikasi saya siap untuk produksi tetapi saya tidak dapat menayangkannya tanpa tab yang dapat digesek.

+1 Aplikasi saya juga...
:+1:

+1

Komentar +1 pertama saya di github

+1

+1

Juga di sini adalah persyaratan UX ... +1

Dari beta 3 dipindahkan ke beta 12. :(

@pantonis Sangat mengharapkan fitur ini juga..

Saya mengharapkan fitur ini dari beta.3
Fitur yang sangat dibutuhkan untuk aplikasi yang ditargetkan untuk android

Ini adalah fitur yang rumit untuk diimplementasikan dengan benar, kami masih perlu memperbaiki beberapa hal dan ion-slide. Tapi itu di antara prioritas kami!

Lihat juga:
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 menantikan ini

+1 Saya hanya menunggu dua hal untuk memigrasikan aplikasi saya untuk ionic 2: tab yang dapat digeser dan dukungan webworker.

+1

+1

+1 Harus ditambahkan ke Ionic 1 dan Ionic 2 secepatnya.

Hai semua! Saya berlangganan ini untuk mendapatkan pembaruan yang bermanfaat. Apakah Ionic memiliki kebijakan tentang +1 komentar? Saya cukup sering menerima email tentang ini, hanya untuk mengetahui bahwa seseorang berkomentar '+1', yang tampaknya tidak membangun.

Halo @kz kami tidak benar-benar memiliki kebijakan resmi tentang komentar +1, saya akan merekomendasikan mengubah pengaturan pemberitahuan github Anda jika memungkinkan. Selain itu, agar semua orang tahu bahwa kami berencana untuk mengimplementasikan fitur ini, dan seperti yang Anda lihat di sisi kanan github, fitur ini ditetapkan ke beta.12, yang berarti Anda dapat mengharapkan fitur ini dalam rilis tersebut saat ini. Saya juga hanya ingin bertanya kepada komunitas kami bahwa sebelum Anda memberi komentar +1, ingatlah bahwa tim di sini di ionic dan siapa pun yang berlangganan masalah ini sebagai @kz akan mendapatkan pemberitahuan saat Anda berkomentar, termasuk email dan yang terbaik jika komentar Anda menambahkan konten, ide, dll ke masalah ini. Terimakasih semuanya!

saya sedang menunggu ionic 2: tab yang dapat digeser

+1 Pasti ingin menggunakan ini.

+1 A harus memiliki fitur!!!!!

Mengapa dihapus dari tonggak sejarah beta 12? Pindah sepenuhnya dari beta 3 ke beta 12, dan sekarang bahkan tidak dalam beta 12?

:(

Ya, saya menantikan rilis beta.12. Kapan rilis beta.12?

Akan lebih bagus jika tabnya bisa digesek.

Halo semuanya! Karena kami semakin dekat dengan rilis RC kami, kami memutuskan untuk mengambil langkah mundur dan fokus pada bug yang menghentikan pertunjukan Di beta.12. Ini adalah bug yang benar-benar dapat merusak aplikasi, atau merusak sebagian besar fungsionalitas kerangka kerja. Ini tidak berarti bahwa kami tidak akan mengimplementasikan fitur baru seperti masalah ini, tetapi kami benar-benar ingin fokus untuk mendapatkan apa yang telah kami miliki dengan sangat stabil dan siap diproduksi. Juga beta.12 akan diperbarui ke angular 2 rc5 dan akhirnya harus menyertakan kompilasi sebelumnya!

@jgw96 berapa banyak kandidat rilis yang Anda rencanakan? Jika itu bukan rahasia :senyum:

Pertanyaan bagus! Semoga tidak terlalu banyak! 😃.

Saat ini kami hanya memiliki 1 rencana, tetapi mungkin ada lebih banyak. Anda selalu dapat melihat peta jalan kami di sini untuk melihat apa yang direncanakan untuk dilakukan. Terima kasih!

Sekedar catatan karena dengan berita ini masuknya +1 pos dan komentar akan membuat semua orang yang mendengarkan utas ini menjadi gila yang menunggu berita aktual tentang fitur ini. Anda bisa mendapatkan pembaruan status dengan menggunakan tombol berlangganan di sebelah kanan. Anda tidak perlu memposting kecuali Anda memiliki sesuatu yang layak diperhatikan, dan jika Anda perlu memberi +1, Anda dapat menggunakan emote +1 yang telah ditambahkan Github untuk mengurangi kemarahan, tetapi tetap mengizinkan pemberian suara. Saatnya untuk mematahkan budaya +1 ini yang kita semua bersalah karena berkembang biak .

Semua informasi yang Anda butuhkan untuk menilai dan memilih fitur yang akan datang: Tonggak sejarah dan Peta Jalan mereka, serta papan Trello untuk pemungutan suara.

Terima kasih @mtpultz ! Kami tidak memiliki kebijakan resmi tentang +1 tetapi kami meminta Anda mengingat bahwa setiap orang yang berlangganan masalah ini, serta tim di sini di Ionic mendapatkan email dan pemberitahuan ketika komentar baru diposting ke suatu masalah, jadi sangat dihargai jika komentar menambahkan konten, ide, saran, dll ke masalah, bukan hanya +1. Sekali lagi, ini bukan kebijakan resmi atau apa pun, hanya sesuatu untuk diingat.

• 1 untuk tab yang dapat digesek Kapan fitur ini akan dirilis?

Jadi, apakah itu bagian dari pedoman interaksi pengguna Windows, seperti yang saya ingat.
Mungkin fitur ini juga harus ditambahkan ke platform Windows secara default.

Menantikan fitur ini, berjuang untuk menjalankannya di aplikasi saya yang sangat kompleks...

Halo! Kami memindahkan permintaan fitur kami ke dokumen permintaan fitur baru. Saya telah memindahkan permintaan fitur ini ke dokumen dan karena itu saya akan menutup masalah ini untuk saat ini. Terima kasih telah menggunakan Ionic!

@jgw96 , hei, saya adalah poster asli dari masalah ini di sini!
Saya telah mencoba untuk menghindari spam karena saya telah melihat banyak pesan +1 atau "Saya juga membutuhkan ini".

Ngomong-ngomong, ada baiknya Anda memindahkan semua permintaan fitur dalam dokumen, tetapi, hanya sebagai pemikiran kecil (untuk membantu dalam proses ini berubah), mungkin ada baiknya menambahkan jumlah 'Suka' atau relevansi yang dimiliki setiap masalah, karena saat ini rasanya seperti daftar panjang masalah yang diurutkan pada saat diposting. Hingga saat ini, kami agak tahu bahwa Anda memiliki prioritas ini, tetapi ada masalah lain sehingga fitur ini dihentikan. Saya hanya mengatakannya karena masalah bukan hanya fitur tetapi juga metadata yang menyertainya (reaksi orang-orang, meskipun tidak mengatakan bahwa semuanya relevan).
Dan yah, sekarang melihat dokumen itu, saya akan mengatakan itu membuat siapa pun merasa sedikit bingung yang akan menjadi langkah Anda selanjutnya..

Jadi, untuk menghindari kehilangan metadata ini, mungkin (sebagai ide cepat, selain menulisnya di dokumen), bagaimana di masa depan, izinkan orang untuk memilih fitur, seperti yang kami lakukan di sini. Saya yakin ini akan sangat membantu Anda untuk memutuskan fitur mana yang akan diterapkan selanjutnya ;) Situs web kecil seperti ini, akan membutuhkan waktu 1-2 jam atau kurang untuk membuatnya, dan banyak sumber terbuka atau proyek serupa lainnya memiliki alat seperti ini ;)

Tapi bagaimanapun, terima kasih banyak atas kerja keras semua tim Ionic, dan senang melihat kerangka kerja hebat ini terlihat sangat mengagumkan, dan segera menjadi RC :D

Bersulang!

EDIT: Jika ada orang lain yang setuju, silakan menambahkan reaksi ke pos, tetapi bukan sebagai pesan, tetapi sebagai reaksi +1 yang tepat (lihat tombol di sudut kanan atas pesan? Ya, di sana :D)

@Sturgelose Terima kasih atas idenya! Kami sebenarnya sedang bereksperimen dengan zenhub sekarang (maaf jika ada kebingungan) jadi kami mungkin tidak menyimpan ide daftar fitur google doc. Karena itu saya membuka kembali masalah ini untuk saat ini.

Astaga.

Ini berarti http://ideas.ionic.io/ideas/top tidak digunakan?

Fitur ini adalah yang kedua pada prioritas komunitas, berdasarkan suara populer. Masalahnya, tidak ada kabar yang diberikan tentang itu, dan saya bertanya-tanya apakah situs itu ada gunanya, sekarang itu konfirmasi?

Bagaimanapun, selamat atas pekerjaan yang baik, terima kasih.

@victorivens05 ada beberapa kebingungan dengan situs itu, ini _not_ untuk Ionic Framework, ini untuk Ionic Cloud. Kita perlu memperbaikinya.

Terima kasih atas umpan balik semua orang, ini pasti ada dalam daftar tetapi kita harus mengeluarkan RC terlebih dahulu yang seharusnya segera terjadi.

Semoga ini akan menjadi tonggak RC1 ...

@NgYueHong Belum di RC0?

@infinnie Saya tidak melihat penyebutan itu di changelog dan masalah ini masih tetap terbuka.

Ini harus menjadi prioritas 1 lol ! +1
Saya harap ini tidak diimplementasikan menggunakan ion-slides .
Itu mengacaukan UX di ionic 1. saat pengguna mencoba menggulir lebih cepat seperti yang dilakukannya di aplikasi asli normal, tab akan berubah. Padahal itu tidak resmi.

Fast scrolling dan sliding tabs tidak berjalan beriringan ketika ion-slides digunakan.

Luangkan waktu Anda, tetapi akan lebih bagus jika slide tidak digunakan.

Semua tim ionik terbaik 👍

Saya telah memperbarui 4970 yang menggunakan segmen dan slide untuk bekerja dengan RC0.

Ini tersedia sebagai Intisari https://Gist.github.com/aarjithn/d282b019f6046f0de2f0ded623554313.

Satu-satunya masalah yang saya lihat dengan ini adalah tab itu sendiri tidak dapat digeser.

https://github.com/leoruhland/ion-slides-tabs terlihat rapi, alangkah baiknya jika ada yang bisa port ke ionic2.

Hai mencoba saran dan contoh Anda;
Dan menerapkannya; bekerja dengan baik untuk versi beta 2.
Seperti:

#

Yang saya cari adalah sedikit peningkatan "UI tinder":

• Bukan UI tab tetapi hanya ikon
• Di mana seseorang akan memiliki logo di tengah
• Memiliki kelas aktif untuk tab yang dipilih

Adakah pemikiran untuk memodifikasi contoh ke arah ini?

Tab yang dapat digeser akan bagus, tetapi menerapkannya dengan ion-slide tidak optimal, setidaknya tidak jika Anda ingin menyimpan, misalnya, tumpukan navigasi terpisah di salah satunya.

Setuju dengan @Alx101 .
Saran saya adalah menggunakan atribut pada tag tab/segmen. Seperti "ion-sweep=true".

Peningkatan ini akan luar biasa, saya menunggu ini, hari demi hari! :)

Terima kasih!

Apakah masih ada rencana untuk memasukkan fitur ini di ionic2? Tidak disebutkan dalam setiap Framework Meeting sejak 29-07-2016. Saya menunggu fitur ini sejak hari pertama...

Mungkin ini harus ditempatkan di masalah baru, mengingat yang ini ditutup dan mungkin telah mengalir ke "pipa" demi masalah terbuka?

Hai semuanya, masalah ini masih terbuka. Ada PR terbuka untuk ini di sini: https://github.com/driftyco/ionic/pull/7185. Namun, perlu ditinjau kembali. Tujuan terbaru adalah kami ingin komponen Segmen kami memiliki desain/fungsi yang sama dengan komponen Tab Desain Material , termasuk kemampuan untuk menggesek. Masih banyak yang harus dilakukan untuk mencapai ini. Meskipun kami ingin meluangkan waktu untuk hal ini, saat ini kami berfokus untuk mendapatkan beberapa perbaikan bug dan meningkatkan kerangka kerja yang ada. Saya akan menambahkan ini ke tonggak sejarah sehingga saya dapat mengingat untuk mengunjunginya kembali. Terima kasih atas kesabaran Anda, kami tahu ini adalah fitur yang sangat dicari dan kami pasti ingin mendapatkannya dalam kerangka kerja!

+1

+1 untuk segmen yang dapat digesek!

Adakah pembaruan pemikiran tentang cara mengubah ini agar terlihat seperti tab geser tinder?
Bisakah kita menghapus tab di atas atau menata ulang agar terlihat seperti UI tinder atau ada cara lain untuk melakukan ini?

Tab geser berfungsi dengan baik apa adanya pada dasarnya saya ingin menghapus indikator tab dan menggantinya dengan ikon.

Mengganti ini:

<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

Tanpa kehilangan "status" untuk menyorot atau menampilkan ikon tertentu.
Ada pikiran?

Juga apa praktik terbaik untuk memuat konten tab geser?
Apakah satu tempat seluruh aplikasi di dalam slidingpage.html ini atau akan lebih baik untuk memiliki halaman terpisah dan memuatnya di dalam tab berdasarkan nama halaman?

:(

bahkan tidak yakin mengapa ini disebut rc.x :)

@gbelmm hanya karena kami memindahkannya dari pencapaian bukan berarti kami tidak mengerjakannya atau tidak menganggapnya serius. Kami mencoba untuk mengeluarkan rilis paling banyak setiap dua minggu, itu berarti beberapa barang yang lebih sulit harus menunggu karena kami tidak ingin mengirimkan barang rusak kepada Anda semua (meskipun kami membuat kesalahan).

Kami berusaha untuk sangat transparan tetapi kami tidak pernah menjamin bahwa masalah atau fitur akan keluar pada waktu tertentu.

Itulah sifat rekayasa perangkat lunak!

@mlynch saya tahu masalah atau fitur itu sulit karena tidak ada perilaku default di iOS. Saya ingin fitur ini untuk aplikasi saya, tetapi saya tahu ini sulit, jadi luangkan waktu yang Anda butuhkan karena Anda pantas mendapatkannya haha, kalian sering membuat RC dengan baik.

@jgw96 Mengapa fitur ini sekarang dihapus dari pencapaian? :(

saya juga menunggu fitur ini :/

saya membuat contoh sederhana dari 2 swipedTabs, semoga membantu sampai saya menyelesaikan plugin lengkap.
Tautan Youtube

tautan github

Guys, mereka sedang mengerjakan RC, artinya mereka hanya fokus pada perbaikan bug pada fitur 2.0.0 saja. Jadi pertama-tama akan menjadi versi 2.0.0 final dan kemudian mungkin mereka akan memperkenalkan fitur-fitur baru di 2.1 atau 2.0.1 jadi bersabarlah. Aku menunggu ini juga jadi tunggu.

Itu saja :)

Saya hanya sedikit khawatir tentang arsitektur ionic 2 jika fitur berperingkat tinggi seperti itu tidak dapat diselesaikan dalam setahun.

Ok guys, OP dari masalah di sini. Ya, ini memakan waktu lama, tetapi kawan, kita harus menyadari bahwa Ionic 2 telah dibuat hampir dari awal pada tahun lalu, yang berarti tidak ada banyak waktu untuk menangani fitur-fitur besar seperti ini. Jadi, mendapatkan platform seperti ini dari versi beta hingga hampir dirilis dalam 1 tahun adalah pencapaian besar. Juga, jika kita membaca sedikit melalui semua komentar (dan menyingkirkan spam), Anda akan melihat bahwa fitur tersebut semakin tertunda karena ada prasyarat. Menyalin dari pos jauh di atas:

Ini adalah fitur yang rumit untuk diimplementasikan dengan benar, kami masih perlu memperbaiki beberapa hal dan ion-slide. Tapi itu di antara prioritas kami!

Lihat juga:

7075

7049

6726

5508

Dari semua masalah ini, semuanya telah ditutup tetapi yang terakhir, yang masih terbuka, masih membutuhkan pekerjaan.

Ya, saya setuju, fitur ini memiliki banyak permintaan dan saya yang pertama Tapi kita harus mengerti bahwa jika mereka memberi kita fitur yang diterapkan dengan buruk, kita akan terus mengeluh juga dan saya yakin mereka tidak mau memberikan pengalaman buruk ketika mereka tahu itu tidak akan berfungsi dengan baik karena masalah yang tercantum sebelumnya. Jadi, saya lebih suka menunggu sedikit lebih lama dan memiliki fitur yang diterapkan dengan benar daripada mencoba meretas kode. Plus, kita masih bisa menggunakan tampilan tab tanpa menggesek, yang tidak terlalu buruk.

Singkatnya, guys, mari kita bersabar dan percaya pada mereka. Bagaimanapun, saya akan mengambil kesempatan untuk mengucapkan selamat Natal dan liburan kepada Anda semua!

KOMENTAR TAMBAHAN:
Dan tolong, kita semua memiliki pemikiran yang sama tentang penundaan dan segalanya. Ingatlah bahwa pengiriman pesan di sini memberi tahu semua orang yang berlangganan. Kecuali sesuatu yang konstruktif, cobalah untuk menahan diri. Jika tidak, Anda selalu dapat menggunakan reaksi terhadap kiriman!! 👍

ini punya solusi?

@adamdbradley @brandyscarney @mlynch @jgw96

Luar biasa, versi 2.0 akhirnya dirilis. Sekarang mari kita integrasikan fitur Tab Swipeable yang telah lama ditunggu-tunggu ini dengan pembaruan berikutnya.

Jika Anda tidak ingin menunggu komponen resmi, Anda dapat menggunakan dua bilah geser untuk membuat komponen 'Tab Geser' Anda sendiri.
saya menggunakan dua slider (di dalam ion-navbar dan ion-content area) dan biarkan keduanya saling mengontrol.

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

Ini berfungsi cukup baik untuk aplikasi saya (rc6 atau final).

Saya tidak percaya 2.0 dideklarasikan tanpa fitur ini. Jika ini tidak diterapkan, sangat jelas bagi pengguna bahwa aplikasi tersebut tidak asli karena itu adalah sesuatu yang diharapkan untuk setiap aplikasi Android.

Hai semuanya,

Kami tahu ini adalah fitur penting untuk Anda semua. Kami sangat menyadari bahwa ini adalah sesuatu yang perlu kami tambahkan; itu ada di bagian atas daftar fitur kami. Tujuan kami adalah untuk merilis 2.0 final, mendapatkan beberapa perbaikan bug, dan kemudian mulai menambahkan fitur lagi. Percayalah, kami akan senang menghabiskan sebagian besar waktu kami untuk menambahkan fitur, tetapi itu tidak mungkin jika ada bug yang mencegah pengguna kami menggunakan aplikasi mereka. Ini tidak sesederhana menambahkan beberapa CSS ke beberapa tab. Ini akan membutuhkan pembaruan komponen segmen kami, memastikannya berinteraksi dengan gerakan lain dengan benar, menambahkan gaya tambahan, dan banyak lagi.

Menambahkan komentar ke masalah ini meminta pembaruan mengganggu kami. Saya akan mengunci masalah ini karena alasan ini. Kami akan memperbarui masalah ini ketika kami memiliki berita untuk dibagikan. Kami menghargai kesabaran Anda. 🙂.