स्विफ्ट यूआई में लिस्ट स्टाइल

May 08 2023
आईओएस के लिए, डिफ़ॉल्ट सूची शैली (.स्वचालित) है।

आईओएस के लिए , डिफ़ॉल्ट सूची शैली ( .automatic) है .insetGrouped

सूची .automaticशैली का अर्थ है कि हमने शैली पसंद को SwiftUI के हाथ में छोड़ दिया है । SwiftUI उसे चुनेगा जो संदर्भ के लिए उपयुक्त हो।

यह प्लेटफ़ॉर्म के आधार पर भिन्न हो सकता है, उदाहरण के लिए, iPhone, iPad, Mac, या यहाँ तक कि वह स्थान जहाँ सूची दृश्य का उपयोग किया जाता है।

आईओएस लिस्ट स्टाइल्स

SwiftUI कई शैलियों का समर्थन करता है जो प्लेटफ़ॉर्म के आधार पर भिन्न होती हैं।

इस लेख में, हम केवल iOS पर ध्यान केंद्रित करेंगे। हमारे पास छह विकल्प हैं ।

  1. ।स्वचालित
  2. .insetGrouped
  3. समूहीकृत
  4. .इनसेट
  5. ।मैदान
  6. साइडबार

SwiftUI कई शैलियों का समर्थन करता है जो प्लेटफ़ॉर्म के आधार पर भिन्न होती हैं।

इस लेख में, हम केवल iOS पर ध्यान केंद्रित करेंगे। हमारे पास छह विकल्प हैं ।

  1. ।स्वचालित
  2. .insetGrouped
  3. समूहीकृत
  4. .इनसेट
  5. ।मैदान
  6. साइडबार

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 पर सेट करते समय इनसेट समूहीकृत शैली का उपयोग करेगा।.automaticDefaultListStyle

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)