Jetpack Compose Academy · पाठ

Padding, Size और fillMaxWidth

किसी Composable के भीतर और चारों ओर के स्थान को नियंत्रित कीजिए।

पाठ 1, कुल 4 में से13 चरण

Padding, Size और fillMaxWidth, CoddyKit पर Jetpack Compose Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Jetpack Compose Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Jetpack Compose Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

मॉडिफ़ायर से परिचय

मॉडिफ़ायर से आप किसी Composable का आकार, अंतर और सजावट बदलते हैं। आप एक-एक बदलाव करते हुए कॉल को इसमें क्रम से जोड़ते हैं। 🧩

इसे पास करें

लगभग हर Composable में modifier पैरामीटर होता है। उस एलिमेंट में बदलाव करने के लिए इसे पहली चीज़ के रूप में पास किया जाता है।

Text(
  text = "Hi",
  modifier = Modifier
)

कुछ padding जोड़ें

Composable के चारों ओर खाली जगह जोड़ने के लिए padding का उपयोग करें। यह बाकी सभी चीज़ों को दूर कर देता है और आपके एलिमेंट को पर्याप्त जगह देता है।

Text(
  "Hi",
  modifier = Modifier.padding(16.dp)
)

dp इकाई

आकार के लिए डीपी, यानी घनत्व-स्वतंत्र पिक्सेल, का उपयोग होता है। ये हर स्क्रीन पर समान दिखाई देते हैं, इसलिए 16.dp फ़ोन और टैबलेट पर एक जैसा रहता है।

हर तरफ अलग padding

आप हर तरफ अलग-अलग padding दे सकते हैं। horizontal और vertical पास करें, या start और top जैसी अलग-अलग दिशाओं के नाम दें।

Modifier.padding(
  horizontal = 16.dp,
  vertical = 8.dp
)

निश्चित आकार तय करें

Composable की सटीक चौड़ाई और ऊँचाई देने के लिए आकार का उपयोग करें। एक मान इसे वर्गाकार बनाता है, जबकि दो मान हर आयाम को अलग-अलग तय करते हैं।

Modifier.size(width = 120.dp, height = 48.dp)

केवल चौड़ाई या ऊँचाई

केवल एक आयाम चाहिए? अकेले width या height का उपयोग करें और दूसरी दिशा को अपनी सामग्री के अनुसार स्वाभाविक रूप से समेटने दें।

Modifier.height(56.dp)

पूरी width भरें

fillMaxWidth किसी Composable को फैलाकर उसके पैरेंट द्वारा दी गई सारी क्षैतिज जगह घेरने देता है। पूरी चौड़ाई वाले बटन और पंक्तियों के लिए यह उपयोगी है।

Modifier.fillMaxWidth()

एक अंश भरें

जगह के केवल एक हिस्से को भरने के लिए कोई अंश पास करें। fillMaxWidth(0.5f) उपलब्ध width का आधा भाग लेता है, पूरी जगह नहीं।

Modifier.fillMaxWidth(0.5f)

सब कुछ भरें

दोनों दिशाओं में एक साथ फैलाने के लिए fillMaxSize का उपयोग करें। यह width और height को साथ भरने का आसान तरीका है।

Modifier.fillMaxSize()

इन्हें क्रम से जोड़ें

असल शक्ति क्रम से जोड़ने में है: किसी एलिमेंट को ठीक अपनी इच्छा के अनुसार आकार देने के लिए padding, आकार और fill को एक ही सहज कॉल में जोड़ें।

Modifier
  .fillMaxWidth()
  .padding(16.dp)

त्वरित जाँच

कौन-सा मॉडिफ़ायर Composable को उसके पैरेंट द्वारा दी गई पूरी क्षैतिज जगह में फैलाता है?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

आपने किसी भी Composable में अंतर देने, आकार तय करने और उसे फैलाने का तरीका सीखा। padding जगह जोड़ता है, आकार सटीक सीमाएँ तय करता है और fillMaxWidth उपलब्ध जगह के अनुसार बढ़ता है। ✨

शुरुआत निःशुल्क

एआई शिक्षक के साथ Kotlin सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 30
पाठ: 120

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “Padding, Size और fillMaxWidth” पाठ निःशुल्क है?

हाँ—“Padding, Size और fillMaxWidth” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Jetpack Compose Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Jetpack Compose Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“Padding, Size और fillMaxWidth” में मैं क्या सीखूँगा?

किसी Composable के भीतर और चारों ओर के स्थान को नियंत्रित कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Jetpack Compose Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Jetpack Compose Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Jetpack Compose Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।

“Padding, Size और fillMaxWidth” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Jetpack Compose Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Jetpack Compose Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Jetpack Compose Academy पर वापस जाएँ