iPagesダウンロード - iPagesソースコードのダウンロード

iPages

その他のソースコード

ved Extraneous Dependencies

ダウンロード

iPages

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 つしかない場合にページのドットを非表示にするかどうかを変更します。 1️⃣ ⤵️
?	`.dotsTintColors(currentPage:otherPages:)`	色合いを変更します ????ページのドットに使用されます。
?	`.dotsBackgroundStyle(_:)`	背景スタイルを変更しますか?ページのドットの。
?	`.dotsAllowContinuousInteraction(_:)`	ドットの連続インタラクション設定を変更します。
↔️	`.dotsAlignment(_:)`	ページのドットの配置を変更します。 ? ?
↕️	`.navigationOrientation(_:)`	ページビューのナビゲーションの方向を変更します。 ↔️ ↕️
?	`.disableBounce(_:)`	ページビューのバウンス設定を無効にします。これはスクロールビューで特に便利です。
↔️	`.interPageSpacing(_:)`	ページ間の間隔を変更します。 ↔️
?	`.animated(_:)`	`selection`バインディングが変更された場合に、ページがスライドをアニメーション化するかどうかを変更します。 ?