iPages 다운로드 - iPages 소스 코드 다운로드

iPages

기타 소스코드

ved Extraneous Dependencies

다운로드

iPage

iOS에서 스와이프 가능한 페이지 보기를 빠르게 구현하세요.

시작하기 | 예 | 사용자 정의 | 설치 |

시작하기

iPages 설치
프로젝트에 iPages 추가

import SwiftUI
import iPages

struct ContentView : View {
    var body : some View {
        iPages {
            Text ( " iPages ? " )
            Color . pink
        }
    }
}

iPages 사용자화하세요

예

마케팅 자료?

iGraphicsView 사용하여 마케팅 슬라이드를 시연해 보세요.

import SwiftUI
import iPages
import iGraphics

struct ContentView : View {
    var body : some View {
        iPages {
            iGraphicsView ( . first )
            iGraphicsView ( . second )
            iGraphicsView ( . third )
        }
    }
}

쇼핑 앱?

원하는 경우 iPages에 대한 선택적 선택 바인딩을 전달할 수 있습니다. 하단 점을 숨기고 무한 스크롤을 추가하여 컨텍스트를 제거하세요.

import SwiftUI
import iPages
import iGraphics

struct ContentView : View {
    @ State var currentPage : Int = 0

    var body : some View {
        iPages ( selection : $currentPage ) {
            iGraphicsBox ( . photo )
                . stack ( 3 )
            iGraphicsBox ( . card )
                . stack ( 2 )
        }
        . hideDots ( true )
        . wraps ( true )
    }
}

사용자 정의 ?

iPages 정렬된 뷰의 후행 뷰 빌더를 사용합니다. 또한 선택적으로 selection: 이라는 자체 페이지 인덱스 바인딩을 전달하여 자신만의 페이지 컨트롤을 만들거나 원하는 방식으로 사용할 수도 있습니다. iPages 다양한 사용자 정의 수정자를 지원합니다. 모든 사용자 정의는 수정자에 내장되어 있습니다.

예 : 다음 코드 블록을 사용하여 점 색상을 변경하고, 단일 페이지 보기에 대해 무한 줄 바꿈 및 점 숨기기를 활성화합니다.

 iPages ( selection : $currentPage ) {
    Text ( " ? " )
}
. dotsTintColors ( currentPage : Color , otherPages : Color )
. wraps ( true )
. dotsHideForSinglePage ( true )
. navigationOrientation ( . vertical )

우리의 철저한 입력 목록을 사용하여 보기를 맞춤화하세요.

	수정자 또는 초기화자	설명
?‍♀️	`.init(content:)`	페이지를 초기화합니까? 보다.
	`.init(selection:content:)`	페이지를 초기화합니까? 선택 바인딩으로 봅니다.
⏺	`.hideDots(_:)`	페이지 보기에 표준 페이지 제어점을 포함해야 하는지 여부를 수정합니다. (••••)
	`.wraps(_:)`	페이지 보기를 처음부터 다시 시작해야 하는지 여부를 수정합니다. 끝 부분을 스와이프할 때(또는 그 반대로)
1️⃣	`.dotsHideForSinglePage(_:)`	페이지가 하나만 있는 경우 페이지 도트를 숨길지 여부를 수정합니다. 1️⃣ ⤵️
?	`.dotsTintColors(currentPage:otherPages:)`	색조 색상을 수정합니다 ???? 페이지 도트에 사용됩니다.
?	`.dotsBackgroundStyle(_:)`	배경 스타일을 수정하시나요 ⚪️? 페이지 점의.
?	`.dotsAllowContinuousInteraction(_:)`	도트의 지속적인 상호 작용 설정을 수정합니다.
√️	`.dotsAlignment(_:)`	페이지 점의 정렬을 수정합니다. ? ?
↕️	`.navigationOrientation(_:)`	페이지 보기의 탐색 방향을 수정합니다. √️ ↕️
?	`.disableBounce(_:)`	페이지 보기의 반송 설정을 비활성화합니다. 이는 스크롤 뷰에 특히 유용합니다.
√️	`.interPageSpacing(_:)`	페이지 사이의 간격을 수정합니다. √️
?	`.animated(_:)`	`selection` 바인딩이 변경되면 페이지에서 슬라이드에 애니메이션을 적용할지 여부를 수정합니다. ?