Dynamic Type और Scaled Fonts
layout बिगाड़े बिना बड़े text का समर्थन कीजिए।
Dynamic Type और Scaled Fonts, CoddyKit पर SwiftUI Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह SwiftUI Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
Dynamic Type क्या है
Dynamic Type उपयोगकर्ताओं को पूरे सिस्टम में अपनी पसंद का टेक्स्ट आकार चुनने देता है। आपके ऐप को इसका सम्मान करना चाहिए, किसी एक स्थिर आकार को थोपना नहीं। 🔤
टेक्स्ट शैलियों का उपयोग करें
स्थिर पॉइंट आकारों के बजाय .title या .body जैसी अर्थपूर्ण टेक्स्ट शैलियाँ चुनें। ये उपयोगकर्ता की सेटिंग के अनुसार अपने-आप बढ़ती-घटती हैं।
Text("Welcome")
.font(.title)
Text("Details here")
.font(.body)स्थिर आकार क्यों नहीं
हार्ड-कोड किया गया .font(.system(size: 17)) उपयोगकर्ता की पसंद को अनदेखा करके छोटा ही रहता है। टेक्स्ट शैलियाँ अनुकूलित होती हैं; स्थिर संख्याएँ नहीं।
Text("Stuck small")
.font(.system(size: 17))कस्टम फ़ॉन्ट को स्केल करना
क्या आपके पास ब्रांड फ़ॉन्ट है? .font(.custom:size:relativeTo:) का उपयोग करें, ताकि वह चुनी गई टेक्स्ट शैली के साथ बढ़ता-घटता रहे।
Text("Brand")
.font(.custom("Avenir", size: 17, relativeTo: .body))ScaledMetric रैपर
क्या स्पेसिंग या छवि का आकार टेक्स्ट के साथ बढ़ना चाहिए? @ScaledMetric किसी भी संख्या को Dynamic Type के साथ स्केल करता है।
@ScaledMetric var iconSize = 24
Image(systemName: "star").frame(width: iconSize)टेक्स्ट को रैप होने दें
बड़े टेक्स्ट को जगह चाहिए। महत्वपूर्ण लेबल पर lineLimit(1) से बचें, वरना लंबे शब्द एलिप्सिस के साथ कट जाएँगे।
Text(longTitle)
.lineLimit(2)अधिक सघन फ़िट की अनुमति दें
जब जगह वास्तव में कम हो, तो minimumScaleFactor टेक्स्ट को काटने से पहले थोड़ा छोटा होने देता है और उसे पढ़ने योग्य बनाए रखता है।
Text(price)
.minimumScaleFactor(0.7)बड़े आकारों का प्रीव्यू करें
सबसे बड़ी सेटिंग का अनुकरण करने और लेआउट की समस्याएँ जल्दी पकड़ने के लिए प्रीव्यू में dynamicTypeSize का उपयोग करें।
#Preview {
ContentView()
.dynamicTypeSize(.accessibility3)
}ज़रूरत हो तो सीमा तय करें
आप dynamicTypeSize(...) से टेक्स्ट के स्केल होने की सीमा तय कर सकते हैं, लेकिन यह सीमा कम ही रखें, ताकि अधिक बड़े आकार की आवश्यकता वाले उपयोगकर्ता वंचित न हों।
VStack { }
.dynamicTypeSize(...DynamicTypeSize.accessibility1)स्थिर फ़्रेम के बजाय स्टैक
कठोर ऊँचाइयों के बजाय लचीले स्टैक को प्राथमिकता दें। स्थिर फ़्रेम बड़े टेक्स्ट को काट सकता है, जबकि स्टैक उसके अनुसार बढ़ता है।
दोनों सिरों पर जाँच करें
अपने ऐप को सबसे छोटे और सबसे बड़े Dynamic Type आकारों पर जाँचें। यदि दोनों में पढ़ना आसान है, तो बीच के अधिकांश आकारों में भी आसान रहेगा।
त्वरित जाँच
आप चाहते हैं कि कस्टम ब्रांड फ़ॉन्ट उपयोगकर्ता के टेक्स्ट आकार के साथ बढ़े। आप क्या उपयोग करेंगे?
पुनरावलोकन
आपने टेक्स्ट को अनुकूलित बनाना सीखा: अर्थपूर्ण टेक्स्ट शैलियाँ चुनें, कस्टम फ़ॉन्ट और मेट्रिक्स को स्केल करें, टेक्स्ट को रैप होने दें और सबसे बड़े आकार पर जाँच करें। 👍
एआई शिक्षक के साथ Swift सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 30
- पाठ
- 120
अक्सर पूछे जाने वाले प्रश्न
क्या “Dynamic Type और Scaled Fonts” पाठ निःशुल्क है?
हाँ—“Dynamic Type और Scaled Fonts” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और SwiftUI Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। SwiftUI Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“Dynamic Type और Scaled Fonts” में मैं क्या सीखूँगा?
layout बिगाड़े बिना बड़े text का समर्थन कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ SwiftUI Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या SwiftUI Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर SwiftUI Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।
“Dynamic Type और Scaled Fonts” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस SwiftUI Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर SwiftUI Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- VoiceOver और Accessibility Labels
- Dynamic Type और Scaled Fonts
- Strings और String Catalogs का localization
- Light और Dark Mode के अनुसार ढलना