เริ่มต้น | ตัวอย่าง | ปรับแต่ง | ติดตั้ง |
ติดตั้ง 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 เปลี่ยนแปลง - |
ใช้ตัวจัดการแพ็คเกจ Swift เพื่อติดตั้ง ค้นหาคำแนะนำที่นี่?