কম্পোজের সাথে ডেভেলপ করার সেরা অভিজ্ঞতার জন্য, অ্যান্ড্রয়েড স্টুডিও ডাউনলোড এবং ইনস্টল করুন। এতে অনেক স্মার্ট এডিটর বৈশিষ্ট্য রয়েছে, যেমন নতুন প্রজেক্ট টেমপ্লেট এবং আপনার কম্পোজ UI এবং অ্যানিমেশনের তাৎক্ষণিক প্রিভিউ দেখার ক্ষমতা।
একটি নতুন কম্পোজ অ্যাপ প্রজেক্ট তৈরি করতে, বিদ্যমান অ্যাপ প্রজেক্টের জন্য কম্পোজ সেট আপ করতে, অথবা কম্পোজে লেখা একটি নমুনা অ্যাপ আমদানি করতে এই নির্দেশাবলী অনুসরণ করুন।
কম্পোজ সাপোর্ট সহ একটি নতুন অ্যাপ তৈরি করুন
যদি আপনি এমন একটি নতুন প্রকল্প শুরু করতে চান যেখানে ডিফল্টভাবে কম্পোজ সমর্থন থাকে, তাহলে অ্যান্ড্রয়েড স্টুডিওতে আপনাকে শুরু করতে সাহায্য করার জন্য বিভিন্ন প্রকল্প টেমপ্লেট অন্তর্ভুক্ত থাকে। সঠিকভাবে কম্পোজ সেটআপ সহ একটি নতুন প্রকল্প তৈরি করতে, নিম্নলিখিত পদ্ধতি অনুসরণ করুন:
- যদি আপনি "Welcome to Android Studio" উইন্ডোতে থাকেন, তাহলে Start a new Android Studio project এ ক্লিক করুন। যদি আপনার ইতিমধ্যেই একটি Android Studio project খোলা থাকে, তাহলে মেনু বার থেকে File > New > New Project নির্বাচন করুন।
- Select a Project Template উইন্ডোতে, Empty Activity নির্বাচন করুন এবং Next এ ক্লিক করুন।
- আপনার প্রকল্প কনফিগার করুন উইন্ডোতে, নিম্নলিখিতগুলি করুন:
- নাম, প্যাকেজের নাম এবং সংরক্ষণের অবস্থান আপনার স্বাভাবিকভাবে সেট করুন। মনে রাখবেন, ভাষা ড্রপডাউন মেনুতে, কোটলিনই একমাত্র উপলব্ধ বিকল্প কারণ জেটপ্যাক কম্পোজ শুধুমাত্র কোটলিনে লেখা ক্লাসগুলির সাথে কাজ করে।
- ন্যূনতম API স্তরের ড্রপডাউন মেনুতে, API স্তর 21 বা তার বেশি নির্বাচন করুন।
- Finish এ ক্লিক করুন।
এখন আপনি Jetpack Compose ব্যবহার করে একটি অ্যাপ তৈরি করতে প্রস্তুত। শুরু করতে এবং টুলকিটটি দিয়ে আপনি কী করতে পারেন তা জানতে, Jetpack Compose টিউটোরিয়ালটি ব্যবহার করে দেখুন।
একটি বিদ্যমান অ্যাপের জন্য কম্পোজ সেট আপ করুন
প্রথমে, কম্পোজ কম্পাইলার গ্রেডল প্লাগইন ব্যবহার করে কম্পোজ কম্পাইলার কনফিগার করুন।
তারপর, আপনার অ্যাপের build.gradle ফাইলে নিম্নলিখিত সংজ্ঞাটি যোগ করুন:
খাঁজকাটা
android {
buildFeatures {
compose true
}
}
কোটলিন
android {
buildFeatures {
compose = true
}
}
Android BuildFeatures ব্লকের ভিতরে compose ফ্ল্যাগটিকে true তে সেট করলে Android Studio-তে Compose কার্যকারিতা সক্ষম হয়।
অবশেষে, নিম্নলিখিত ব্লক থেকে আপনার নির্ভরতায় Compose BOM এবং আপনার প্রয়োজনীয় Compose লাইব্রেরি নির্ভরতার উপসেট যোগ করুন:
খাঁজকাটা
dependencies {
def composeBom = platform('androidx.compose:compose-bom:2025.10.01')
implementation composeBom
androidTestImplementation composeBom
// Choose one of the following:
// Material Design 3
implementation 'androidx.compose.material3:material3'
// or skip Material Design and build directly on top of foundational components
implementation 'androidx.compose.foundation:foundation'
// or only import the main APIs for the underlying toolkit systems,
// such as input and measurement/layout
implementation 'androidx.compose.ui:ui'
// Android Studio Preview support
implementation 'androidx.compose.ui:ui-tooling-preview'
debugImplementation 'androidx.compose.ui:ui-tooling'
// UI Tests
androidTestImplementation 'androidx.compose.ui:ui-test-junit4'
debugImplementation 'androidx.compose.ui:ui-test-manifest'
// Optional - Add window size utils
implementation 'androidx.compose.material3.adaptive:adaptive'
// Optional - Integration with activities
implementation 'androidx.activity:activity-compose:1.11.0'
// Optional - Integration with ViewModels
implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:2.8.5'
// Optional - Integration with LiveData
implementation 'androidx.compose.runtime:runtime-livedata'
// Optional - Integration with RxJava
implementation 'androidx.compose.runtime:runtime-rxjava2'
}
কোটলিন
dependencies {
val composeBom = platform("androidx.compose:compose-bom:2025.10.01")
implementation(composeBom)
androidTestImplementation(composeBom)
// Choose one of the following:
// Material Design 3
implementation("androidx.compose.material3:material3")
// or skip Material Design and build directly on top of foundational components
implementation("androidx.compose.foundation:foundation")
// or only import the main APIs for the underlying toolkit systems,
// such as input and measurement/layout
implementation("androidx.compose.ui:ui")
// Android Studio Preview support
implementation("androidx.compose.ui:ui-tooling-preview")
debugImplementation("androidx.compose.ui:ui-tooling")
// UI Tests
androidTestImplementation("androidx.compose.ui:ui-test-junit4")
debugImplementation("androidx.compose.ui:ui-test-manifest")
// Optional - Add window size utils
implementation("androidx.compose.material3.adaptive:adaptive")
// Optional - Integration with activities
implementation("androidx.activity:activity-compose:1.11.0")
// Optional - Integration with ViewModels
implementation("androidx.lifecycle:lifecycle-viewmodel-compose:2.8.5")
// Optional - Integration with LiveData
implementation("androidx.compose.runtime:runtime-livedata")
// Optional - Integration with RxJava
implementation("androidx.compose.runtime:runtime-rxjava2")
}
জেটপ্যাক কম্পোজ নমুনা অ্যাপ ব্যবহার করে দেখুন
জেটপ্যাক কম্পোজের ক্ষমতা নিয়ে পরীক্ষা-নিরীক্ষা করার দ্রুততম উপায় হল GitHub-এ হোস্ট করা জেটপ্যাক কম্পোজ নমুনা অ্যাপগুলি ব্যবহার করে দেখা। অ্যান্ড্রয়েড স্টুডিও থেকে একটি নমুনা অ্যাপ প্রকল্প আমদানি করতে, নিম্নলিখিত পদ্ধতি অনুসরণ করুন:
- যদি আপনি "Welcome to Android Studio" উইন্ডোতে থাকেন, তাহলে Import an Android code sample নির্বাচন করুন। যদি আপনার ইতিমধ্যেই একটি Android Studio প্রকল্প খোলা থাকে, তাহলে মেনু বার থেকে File > New > Import Sample নির্বাচন করুন।
- ব্রাউজ স্যাম্পলস উইজার্ডের উপরের দিকের সার্চ বারে, "compose" টাইপ করুন।
- অনুসন্ধান ফলাফল থেকে জেটপ্যাক কম্পোজ নমুনা অ্যাপগুলির মধ্যে একটি নির্বাচন করুন এবং পরবর্তী ক্লিক করুন।
- হয় অ্যাপ্লিকেশনের নাম এবং প্রকল্পের অবস্থান পরিবর্তন করুন অথবা ডিফল্ট মানগুলি রাখুন।
- Finish এ ক্লিক করুন।
অ্যান্ড্রয়েড স্টুডিও আপনার নির্দিষ্ট পাথে নমুনা অ্যাপটি ডাউনলোড করে এবং প্রকল্পটি খোলে। এরপর আপনি প্রতিটি উদাহরণে MainActivity.kt পরিদর্শন করে Jetpack Compose API গুলি দেখতে পারেন যেমন ক্রসফেইড অ্যানিমেশন, কাস্টম উপাদান, টাইপোগ্রাফি ব্যবহার এবং ইন-IDE প্রিভিউতে হালকা এবং গাঢ় রঙ প্রদর্শন করা।
Wear OS-এর জন্য Jetpack Compose ব্যবহার করতে, Wear OS-এ Jetpack Compose সেট আপ করুন দেখুন।
{% অক্ষরে অক্ষরে %}আপনার জন্য প্রস্তাবিত
- দ্রষ্টব্য: জাভাস্ক্রিপ্ট বন্ধ থাকলে লিঙ্ক টেক্সট প্রদর্শিত হয়।
- কম্পোজ দিয়ে নেভিগেট করা
- আপনার কম্পোজ লেআউট পরীক্ষা করা হচ্ছে
- ফোকাসে প্রতিক্রিয়া জানান