स्विफ्ट यूआई में लिस्ट स्टाइल
आईओएस के लिए , डिफ़ॉल्ट सूची शैली ( .automatic
) है .insetGrouped
।
सूची .automatic
शैली का अर्थ है कि हमने शैली पसंद को SwiftUI के हाथ में छोड़ दिया है । SwiftUI उसे चुनेगा जो संदर्भ के लिए उपयुक्त हो।
यह प्लेटफ़ॉर्म के आधार पर भिन्न हो सकता है, उदाहरण के लिए, iPhone, iPad, Mac, या यहाँ तक कि वह स्थान जहाँ सूची दृश्य का उपयोग किया जाता है।
आईओएस लिस्ट स्टाइल्स
SwiftUI कई शैलियों का समर्थन करता है जो प्लेटफ़ॉर्म के आधार पर भिन्न होती हैं।
इस लेख में, हम केवल iOS पर ध्यान केंद्रित करेंगे। हमारे पास छह विकल्प हैं ।
- ।स्वचालित
- .insetGrouped
- समूहीकृत
- .इनसेट
- ।मैदान
- साइडबार
SwiftUI कई शैलियों का समर्थन करता है जो प्लेटफ़ॉर्म के आधार पर भिन्न होती हैं।
इस लेख में, हम केवल iOS पर ध्यान केंद्रित करेंगे। हमारे पास छह विकल्प हैं ।
- ।स्वचालित
- .insetGrouped
- समूहीकृत
- .इनसेट
- ।मैदान
- साइडबार
NavigationStack {
List {
Section {
Text("First")
Text("Second")
Text("Third")
} header: {
Text("First Section Header")
} footer: {
Text("Eos est eos consequatur nemo autem in qui rerum cumque consequatur natus corrupti quaerat et libero tempora.")
}
Section {
Text("One")
Text("Two")
Text("Three")
} header: {
Text("Second Section Header")
} footer: {
Text("Tempora distinctio excepturi quasi distinctio est voluptates voluptate et dolor iste nisi voluptatem labore ipsum blanditiis sed sit suscipit est.")
}
Section {
Text("1")
Text("2")
Text("3")
} header: {
Text("Third Section Header")
} footer: {
Text("Ea consequatur velit sequi voluptatibus officia maiores ducimus consequatur rerum enim omnis totam et voluptates eius consectetur rerum dolorem quis omnis ut ut.")
}
}
.navigationTitle("List Style")
// This is the only difference.
.listStyle(.insetGrouped)
}
जैसा कि पहले उल्लेख किया गया है, SwiftUI स्वचालित ( ) या iOS पर सेट करते समय इनसेट समूहीकृत शैली का उपयोग करेगा।.automatic
DefaultListStyle
List {
// ...
}
// Leave blank or .listStyle(.automatic) yield the same result in iOS.
.listStyle(.automatic)
.insetGrouped
इनसेट ग्रुपेड या का उदाहरण InsetGroupedListStyle
।
List {
// ...
}
.listStyle(.insetGrouped)
.grouped
समूहीकृत या का उदाहरण GroupedListStyle
।
List {
// ...
}
.listStyle(.grouped)
.inset
इनसेट या का उदाहरण InsetListStyle
।
List {
// ...
}
.listStyle(.inset)
.plain
सादा या का उदाहरण PlainListStyle
।
List {
// ...
}
.listStyle(.plain)
साइडबार शैली ( .sidebar
या ) एक विशेष प्रकार्यSidebarListStyle
के साथ आती है । macOS और iOS पर, साइडबार सूची शैली अनुभाग शीर्षलेखों में प्रकटीकरण संकेतक प्रदर्शित करती है जो उपयोगकर्ता को अनुभागों को संक्षिप्त और विस्तृत करने की अनुमति देती है ।
List {
// ...
}
.listStyle(.sidebar)