Descarga iPages - Descarga del código fuente iPages

iPages

Otro código fuente

ved Extraneous Dependencies

Descargar

iPáginas

Implemente rápidamente vistas de páginas deslizables en iOS.

Empezar | Ejemplos | Personalizar | Instalar |

Empezar

Instalar iPages
Añade iPages a tu proyecto

import SwiftUI
import iPages

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

Personaliza tus iPages

Ejemplos

¿Materiales de marketing?

Utilice iGraphicsView para realizar demostraciones de diapositivas de marketing.

import SwiftUI
import iPages
import iGraphics

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

¿Aplicación de compras?

Si lo desea, puede pasar su propio enlace de selección opcional a iPages. Oculte los puntos inferiores y agregue desplazamiento infinito para eliminar el 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 un generador de vistas finales de vistas ordenadas. Opcionalmente, también puede pasar su propio enlace de índice de página llamado selection: , para permitirle crear su propio control de página, o como quiera usarlo. iPages admite una variedad de modificadores personalizados. Todas las personalizaciones están integradas en nuestros modificadores.

Ejemplo : cambie los colores de los puntos, habilite el ajuste infinito y oculte puntos para vistas de una sola página con el siguiente bloque de código:

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

Utilice nuestra lista exhaustiva de entradas para personalizar sus vistas.

	Modificador o inicializador	Descripción
?‍♀️	`.init(content:)`	¿Inicializa la página? vista.
	`.init(selection:content:)`	¿Inicializa la página? vista con un enlace de selección.
⏺	`.hideDots(_:)`	Modifica si la vista de página debe incluir o no los puntos de control de página estándar. (••••)
	`.wraps(_:)`	¿Modifica si la vista de página debe reiniciarse o no desde el principio? al pasar el dedo por el final (y viceversa)
1️⃣	`.dotsHideForSinglePage(_:)`	Modifica si los puntos de la página están ocultos cuando solo hay una página. 1️⃣ ⤵️
?	`.dotsTintColors(currentPage:otherPages:)`	Modifica colores de tinte ???? que se utilizará para los puntos de la página.
?	`.dotsBackgroundStyle(_:)`	¿Modifica el estilo de fondo ⚪️? de los puntos de la página.
?	`.dotsAllowContinuousInteraction(_:)`	Modifica la configuración de interacción continua de los puntos.
↔️	`.dotsAlignment(_:)`	Modifica la alineación de los puntos de la página . ? ?
↕️	`.navigationOrientation(_:)`	Modifica la orientación de navegación de la vista de página. ↔️ ↕️
?	`.disableBounce(_:)`	Desactiva la configuración de rebote de la vista de página. Esto es especialmente útil para vistas de desplazamiento.
↔️	`.interPageSpacing(_:)`	Modifica el espacio entre las páginas. ↔️
?	`.animated(_:)`	Modifica si las páginas animan la diapositiva si cambia el enlace `selection` . ?