iPages

iPages

Implemente rapidamente visualizações de página deslizantes no iOS.

Comece | Exemplos | Personalizar | Instalar |

Comece

1. Instale iPages

2. Adicione iPages ao seu projeto

import SwiftUI
import iPages

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

3. Personalize suas iPages

Exemplos

Materiais de marketing?

Use iGraphicsView para demonstrar slides de marketing.

import SwiftUI
import iPages
import iGraphics

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

Aplicativo de compras?

Se desejar, você pode passar sua própria vinculação de seleção opcional para iPages. Oculte os pontos inferiores e adicione rolagem infinita para remover o contexto.

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 )
    }
} 

Personalizar?

iPages utiliza um construtor de visualizações finais de visualizações ordenadas. Você também pode, opcionalmente, passar sua própria vinculação de índice de página chamada selection: , para permitir que você crie seu próprio controle de página ou como quiser usá-lo. iPages oferece suporte a uma variedade de modificadores personalizados. Todas as personalizações são incorporadas aos nossos modificadores.

Exemplo : altere as cores dos pontos, ative a quebra infinita e oculte pontos para visualizações de página única com o seguinte bloco de código:

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

Use nossa lista exaustiva de entradas para personalizar suas visualizações.

	Modificador ou inicializador	Descrição
?‍♀️	.init(content:)	Inicializa a página? visualizar.
	.init(selection:content:)	Inicializa a página? visualizar com uma ligação de seleção.
⏺	.hideDots(_:)	Modifica se a visualização da página deve ou não incluir os pontos de controle de página padrão. (••••)
	.wraps(_:)	Modifica se a visualização da página deve ou não reiniciar no início? ao passar do final (e vice-versa)
1️⃣	.dotsHideForSinglePage(_:)	Modifica se os pontos da página ficam ocultos quando há apenas uma página. 1️⃣ ⤵️
?	.dotsTintColors(currentPage:otherPages:)	Modifica as cores da tonalidade ???? a ser usado para os pontos da página.
?	.dotsBackgroundStyle(_:)	Modifica o estilo de fundo ⚪️? dos pontos da página.
?	.dotsAllowContinuousInteraction(_:)	Modifica as configurações de interação contínua dos pontos.
↔️	.dotsAlignment(_:)	Modifica o alinhamento dos pontos da página . ? ?
↕️	.navigationOrientation(_:)	Modifica a orientação de navegação da visualização da página. ↔️ ↕️
?	.disableBounce(_:)	Desativa as configurações de rejeição da visualização de página. Isto é especialmente útil para visualizações de rolagem.
↔️	.interPageSpacing(_:)	Modifica o espaçamento entre as páginas. ↔️
?	.animated(_:)	Modifica se as páginas animam o slide se a vinculação selection for alterada. ?

Instalar

Use o gerenciador de pacotes Swift para instalar. Encontre instruções aqui?