ion-slides 및 ion-segment가 있는 ionic v2에서 이를 수행하는 방법을 보여주는 PR이 있었습니다. 샘플 코드는 소스 코드 테스트 폴더에 있습니다.
https://github.com/driftyco/ionic/pull/4970

@3dd13 감사합니다 잘보고갑니다! 문제에서 검색을 수행했지만 이 커밋을 찾을 수 없었습니다!

또한 일반적인 문제는 탭을 변경할 때 탭 애니메이션이 없다는 것이므로 잘 작동하기를 바랍니다.

어제 Android용 Ionic 2 앱 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용으로 내 앱을 마이그레이션하기 위해 두 가지만 기다리고 있습니다. 바로 스와이프 가능한 탭과 웹 작업자 지원입니다.

+1

+1

Ionic 1 및 Ionic 2에 최대한 빨리 +1을 추가해야 합니다.

모두 안녕! 유용한 업데이트를 받기 위해 구독했습니다. Ionic에는 +1 댓글에 대한 정책이 있습니까? 나는 이것에 대해 꽤 자주 이메일을 받고 있는데, 누군가가 '+1' 댓글을 달았다는 것을 알게 되었는데, 이것은 건설적이지 않은 것 같습니다.

@kz 님 , 안녕하세요. +1 댓글에 대한 공식 정책이 없습니다. 가능하면 github 알림 설정을 변경하는 것이 좋습니다. 또한 모두가 알 수 있도록 이 기능을 구현할 계획이며 github 오른쪽에서 볼 수 있듯이 beta.12에 할당되어 있습니다. 즉, 현재 해당 릴리스에서 이 기능을 기대할 수 있습니다. 또한 +1에 댓글을 달기 전에 여기 ionic 팀과 @kz 로 이 문제를 구독하는 모든 사람이 댓글을 다는 이메일을 포함하여 알림을 받게 된다는 점을 기억해 달라고 커뮤니티에 요청하고 싶습니다. 귀하의 의견이 문제에 내용, 아이디어 등을 추가하는 경우. 모두 감사합니다!

ionic 2: 스와이프할 수 있는 탭을 기다리고 있습니다.

+1 확실히 이것을 사용하고 싶습니다.

+1 필수 기능!!!!!

베타 12 마일스톤에서 제거된 이유는 무엇입니까? 베타 3에서 베타 12로 완전히 옮겨갔고 지금은 베타 12에도 있지 않습니까?

:(

예, beta.12 릴리스를 고대하고 있습니다. beta.12 릴리스는 언제입니까?

탭을 스와이프할 수 있다면 좋을 것입니다.

여러분, 안녕하세요! RC 릴리스에 매우 가까워지고 있기 때문에 한 걸음 물러나서 beta.12에서 버그를 중지하는 데 집중하기로 결정했습니다. 이들은 앱을 완전히 망가뜨리거나 프레임워크의 큰 기능을 망가뜨릴 수 있는 버그입니다. 이것은 우리가 이 문제와 같은 새로운 기능을 구현하지 않을 것이라는 의미는 아니지만, 우리는 이미 매우 안정적이고 제품을 준비하는 데 집중하고 싶습니다. 또한 beta.12는 angular 2 rc5로 업데이트되며 최종적으로 사전 컴파일을 포함해야 합니다!

@jgw96 얼마나 많은 릴리스 후보를 계획하고 있습니까? 비밀이 아니라면 :스마일:

좋은 질문! 너무 많지 않기를 바랍니다! 😃

현재로서는 1개만 계획되어 있지만 더 있을 수도 있습니다. 무엇을 계획하고 있었는지 보려면 여기 에서 로드맵을 항상 확인할 수 있습니다. 감사 해요!

이 뉴스로 인해 +1 게시물과 댓글이 유입되면서 이 기능에 대한 실제 뉴스를 기다리고 있는 이 스레드를 듣고 있는 모든 사람들을 미치게 만들 것입니다. 오른쪽에 있는 구독 버튼을 사용하여 상태 업데이트를 받을 수 있습니다. 주목할 만한 것이 없으면 게시할 필요가 없습니다. +1해야 하는 경우 Github에서 추가한 +1 이모티콘을 사용하여 분노를 줄이면서도 여전히 투표를 허용할 수 있습니다. 이제 우리 모두가 확산시키는 이 +1 문화를 깨야 할 때입니다 .

향후 기능을 판단하고 투표하는 데 필요한 모든 정보: 마일스톤 및 로드맵 , 투표용 Trello 보드.

@mtpultz 감사합니다! +1에 대한 공식 정책은 없지만 이 문제를 구독하는 모든 사람과 Ionic 팀은 문제에 새 댓글이 게시될 때 이메일과 알림을 받습니다. 댓글이 +1이 아닌 문제에 콘텐츠, 아이디어, 제안 등을 추가하면 감사합니다. 다시 말하지만 이것은 공식적인 정책이나 그 밖의 것이 아니며 기억해야 할 사항입니다.

• 스와이프할 수 있는 탭의 경우 1 이 기능은 언제 출시되나요?

제 기억에 Windows 사용자 상호 작용 지침의 일부이기도 합니다.
이 기능은 기본적으로 Windows 플랫폼에도 추가되어야 합니다.

이 기능을 기대하면서 내 매우 복잡한 앱에서 이 기능을 실행하기 위해 고군분투했습니다...

여보세요! 기능 요청을 새로운 기능 요청 문서 로 옮기고 있습니다. 이 기능 요청을 문서로 이동했으며 이 때문에 지금은 이 문제를 닫습니다. Ionic을 사용해 주셔서 감사합니다!

@jgw96 , 안녕하세요, 이번 호의 오리지널 포스터입니다!
나는 수많은 +1 또는 "이것도 필요합니다" 메시지를 보았기 때문에 스팸을 피하려고 노력했습니다.

어쨌든, 문서에서 모든 기능 요청을 옮기는 것은 좋지만, 작은 생각으로(이 프로세스 변경에 도움이 되도록) 문서에 '좋아요' 또는 각 문제의 관련성, 지금은 게시될 때 정렬된 문제의 긴 목록처럼 느껴집니다. 지금까지 우리는 당신이 이 기능을 우선적으로 가지고 있다는 것을 알고 있었지만 다른 문제가 있어서 이 기능이 중단되었습니다. 문제는 기능뿐만 아니라 관련 메타데이터이기도 하기 때문에 말씀드리는 것입니다(모든 사람이 관련성이 있다고 말하지는 않지만 사람들의 반응).
글쎄요, 이제 그 문서를 보면 누군가가 당신의 다음 단계가 무엇인지 약간 길을 잃는 느낌이 들게 한다고 말하고 싶습니다.

따라서 이 메타데이터의 손실을 방지하기 위해 (문서에 작성하는 것 외에 빠른 아이디어로) 앞으로는 여기에서 하는 것처럼 사람들이 기능에 대해 투표할 수 있도록 허용합니다. 다음으로 구현할 기능을 결정하는 데 정말 도움이 될 거라고 확신합니다. 이와 같이 ;)

하지만 어쨌든 모든 Ionic 팀의 노고에 감사드립니다. 이 멋진 프레임워크가 멋지게 보이고 곧 RC가 되는 것을 보게 되어 기쁩니다. :D

건배!

편집: 다른 사람이 동의하는 경우 게시물에 대한 반응을 자유롭게 추가하되 메시지가 아닌 적절한 +1 반응으로 추가하십시오(메시지의 오른쪽 상단 모서리에 있는 버튼 참조? 네, 있습니다 :D).

@Sturgelose 아이디어 주셔서 감사합니다! 우리는 실제로 지금 zenhub를 실험 중이므로(혼란을 드려 죄송합니다) Google 문서 기능 목록 아이디어를 유지하지 못할 수도 있습니다. 이 때문에 지금은 이 문제를 다시 엽니다.

안녕하세요 여러분.

이것은 http://ideas.ionic.io/ideas/top 이 사용되지 않았음을 의미합니다.

이 기능은 인기 투표를 기반으로 한 커뮤니티 우선 순위에서 두 번째입니다. 상황은 그것에 대해 아무 말도 없었고 사이트가 유용했는지 궁금했습니다. 이제 확인이 되었습니까?

아무튼 좋은 일 하신거 축하드립니다.

@victorivens05 해당 사이트에 약간의 혼란이 있었습니다. Ionic Framework용이 아니라 Ionic Cloud용입니다. 우리는 그것을 고칠 필요가 있습니다.

모두에게 피드백을 주셔서 감사합니다. 이것은 분명히 목록에 있지만 곧 RC를 먼저 가져와야 합니다.

이것이 RC1 마일스톤에 있기를 바랍니다...

@NgYueHong 아직 RC0에 있지 않습니까?

@infinnie 변경 로그에 이에 대한 언급이 없으며 이 문제는 여전히 열려 있습니다.

이것은 우선 순위 1에 있어야합니다 lol! +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 버전에서 잘 작동합니다.
다음과 같이 보입니다.

#

내가 찾고 있는 것은 약간의 "tinder UI"를 향상시키는 것입니다.

• 탭 UI가 아니라 아이콘만 있음
• 중앙에 로고가 있는 곳
• 선택한 탭에 대해 활성 클래스가 있음

이에 대한 예제를 수정할 생각이 있습니까?

스와이프할 수 있는 탭이 있으면 좋겠지만 이온 슬라이드로 탭을 구현하는 것은 최적이 아닙니다. 적어도 예를 들어 탭 중 하나에 별도의 탐색 스택을 유지하려는 경우에는 적합하지 않습니다.

@Alx101 에 동의했습니다.
내 제안은 탭/세그먼트 태그에 속성을 사용하는 것입니다. "ion-sweep=true"처럼.

이 개선은 환상적일 것입니다. 저는 이것을 매일 기다리고 있습니다! :)

감사 해요!

이 기능을 ionic2에 포함할 계획이 아직 있습니까? 2016-07-29 이후 프레임워크 회의 에서 언급되지 않았습니다. 나는 첫날부터이 기능을 기다리고 있습니다 ...

이 문제가 닫혀 있고 미해결 문제에 찬성하여 "파이프"가 흘러내리는 것을 볼 때 아마도 이것은 새 문제에 배치되어야 합니까?

여러분, 이 문제는 아직 열려 있습니다. 여기에 대한 공개 PR이 있습니다: https://github.com/driftyco/ionic/pull/7185. 그러나 다시 검토할 필요가 있습니다. 최신 목표는 Segment 구성 요소가 스와이프 기능을 포함하여 Material Design Tabs 구성 요소와 디자인/기능 면에서 동일하게 하는 것입니다. 이를 달성하기 위해서는 아직 많은 작업이 필요합니다. 이에 대해 시간을 할애하고 싶지만 현재 일부 버그 수정 사항을 적용하고 기존 프레임워크를 개선하는 데 집중하고 있습니다. 내가 그것을 다시 방문하는 것을 기억할 수 있도록 나는 이것을 이정표에 추가할 것입니다. 기다려 주셔서 감사합니다. 이것은 매우 많이 찾는 기능이며 프레임워크에 포함되기를 원합니다!

+1

스와이프할 수 있는 세그먼트의 경우 +1!

이것을 틴더 슬라이딩 탭처럼 보이도록 변경하는 방법에 대한 업데이트가 있습니까?
상단의 탭을 제거하거나 틴더 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

"상태"를 잃지 않고 특정 아이콘을 강조 표시하거나 표시합니다.
이견있는 사람?

또한 슬라이딩 탭의 내용을 로드하는 가장 좋은 방법은 무엇입니까?
전체 앱을 이 슬라이딩 페이지.html 안에 배치할 것인가 아니면 별도의 페이지를 갖고 페이지 이름을 기반으로 탭 내부에 로드하는 것이 더 나을까요?

:(

왜 이것을 rc.x라고 하는지 잘 모르겠습니다. :)

@gbelmm 이정표에서 옮기고 있다고 해서 작업하지 않거나 심각하게 받아들이지 않는다는 의미는 아닙니다. 우리는 기껏해야 2주에 한 번씩 릴리스를 내놓으려고 노력합니다. 즉, 깨진 물건을 여러분 모두에게 배송하고 싶지 않기 때문에 더 어려운 것은 기다려야 합니다(우리는 실수를 하지만).

우리는 매우 투명하게 하려고 노력하고 있지만 문제나 기능이 특정 시간에 나온다는 보장은 하지 않습니다.

이것이 소프트웨어 엔지니어링의 본질입니다!

@mlynch iOS에는 기본 동작이 없기 때문에 문제나 기능이 어렵다는 것을 알고 있습니다. 내 앱에 이 기능을 사용하고 싶지만 이것이 어렵다는 것을 알고 있으므로 시간을 들이셔야 합니다. 그럴 자격이 있으세요.

@jgw96 이 기능이 이제 이정표에서 제거된 이유는 무엇입니까? :(

나도 이 기능을 기다리고 있었다 :/

나는 2개의 swipedTabs의 간단한 예를 만들고, 내가 전체 플러그인을 완성할 때까지 도움이 되기를 바랍니다.
유튜브 링크

깃허브 링크

얘들아, 그들은 RC에서 작업하고 있습니다. 즉, 2.0.0 기능의 버그 수정에만 중점을 둡니다. 따라서 첫 번째는 최종 2.0.0 버전이 될 것이며 2.1 또는 2.0.1에서 새로운 기능을 도입할 것이므로 인내심을 가지십시오. 이것도 기다리고 있으니 기다려주세요.

그게 다야 :)

그런 높은 평가를 받은 기능이 1년 안에 해결될 수 없다면 나는 ionic 2 아키텍처에 대해 약간 걱정하고 있습니다.

좋아, 얘들아, 여기 문제의 OP. 네, 오랜 시간이 걸리겠지만 여러분, Ionic 2는 작년에 거의 처음부터 만들어졌다는 것을 깨달아야 합니다. 즉, 이와 같은 큰 기능을 처리할 시간이 많지 않다는 것을 의미합니다. 따라서 이와 같은 플랫폼을 베타에서 거의 출시까지 1년 만에 얻는 것은 엄청난 성과입니다. 또한 모든 댓글을 조금 읽어보고 스팸을 제거하면 전제 조건이 있기 때문에 기능이 지연되고 있음을 알 수 있습니다. 게시물에서 훨씬 더 높은 곳에서 복사:

제대로 구현하려면 복잡한 기능이며 몇 가지 사항과 이온 슬라이드를 수정해야 합니다. 그러나 그것은 우리의 우선 순위 사이에 있습니다!

또한보십시오:

7075

7049

6726

5508

이 모든 문제 중에서 모두 닫혔지만 아직 열려 있는 마지막 문제는 여전히 작업이 필요합니다.

예, 동의합니다. 이 기능에 많은 요청이 있었고 제가 첫 번째 기능이었습니다 😏 하지만 그들이 우리에게 잘못 구현된 기능을 제공한다면 우리도 계속 불평할 것이고 그들이 원하지 않는다는 것을 이해해야 합니다. 이전에 나열된 문제로 인해 제대로 작동하지 않을 것임을 알면 나쁜 경험을 제공합니다. 따라서 코드를 해킹하는 것보다 조금 더 기다렸다가 제대로 구현된 기능을 갖고 싶습니다. 또한 스와이프하지 않고도 탭 보기를 사용할 수 있는데, 이는 그리 나쁘지 않습니다.

요컨대, 남자와 여자, 인내와 신뢰를 가지자. 어쨌든, 나는 당신에게 즐거운 크리스마스와 휴일을 기원하는 기회를 가질 것입니다!

추가 의견:
그리고 제발, 우리 모두는 지연과 모든 것에 대해 같은 생각을 하고 있습니다. 여기 메시지는 구독하는 모든 사람에게 알리는 것임을 기억하십시오. 건설적인 것이 아니라면 자제하려고 노력하십시오. 그렇지 않으면 항상 게시물에 대한 반응을 사용할 수 있습니다!! 👍

이것은 어떤 해결책이 있습니까?

@adamdbradley @brandyscarney @mlynch @jgw96

굉장합니다, 버전 2.0이 마침내 출시되었습니다. 이제 다음 업데이트에서 오랫동안 기다려온 스와이프할 수 있는 탭 기능을 통합해 보겠습니다.

공식 구성 요소를 기다리고 싶지 않다면 두 개의 슬라이더를 사용하여 자신만의 '스와이프할 수 있는 탭' 구성 요소를 만들 수 있습니다.
나는 두 개의 슬라이더(이온 탐색 모음 및 이온 함량 영역 내부)를 사용하고 있으며 서로를 제어하도록 합니다.

@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를 추가하는 것처럼 간단하지 않습니다. 이를 위해서는 세그먼트 구성 요소를 업데이트하고, 다른 제스처와 제대로 상호 작용하는지 확인하고, 스타일을 추가하는 등의 작업이 필요합니다.

업데이트를 요청하는 이 문제에 댓글을 추가하는 것은 우리의 주의를 산만하게 합니다. 이러한 이유로 이 문제를 잠그겠습니다. 공유할 소식이 있으면 해당 문제를 업데이트하겠습니다. 양해해 주셔서 감사합니다. 🙂