রচনার সাথে বিকাশের সর্বোত্তম অভিজ্ঞতার জন্য, Android Studio ডাউনলোড এবং ইনস্টল করুন। এতে অনেক স্মার্ট এডিটর বৈশিষ্ট্য রয়েছে, যেমন নতুন প্রকল্প টেমপ্লেট এবং অবিলম্বে আপনার রচনা UI এবং অ্যানিমেশনগুলির পূর্বরূপ দেখার ক্ষমতা।
একটি নতুন কম্পোজ অ্যাপ প্রোজেক্ট তৈরি করতে এই নির্দেশাবলী অনুসরণ করুন, একটি বিদ্যমান অ্যাপ প্রোজেক্টের জন্য কম্পোজ সেট আপ করুন, অথবা কম্পোজে লেখা একটি নমুনা অ্যাপ আমদানি করুন।
রচনার জন্য সমর্থন সহ একটি নতুন অ্যাপ তৈরি করুন৷
আপনি যদি একটি নতুন প্রকল্প শুরু করতে চান যাতে ডিফল্টরূপে রচনার জন্য সমর্থন অন্তর্ভুক্ত থাকে, তাহলে আপনাকে শুরু করতে সহায়তা করার জন্য Android স্টুডিও বিভিন্ন প্রকল্প টেমপ্লেট অন্তর্ভুক্ত করে। সঠিকভাবে কম্পোজ সেটআপ আছে এমন একটি নতুন প্রকল্প তৈরি করতে, নিম্নরূপ এগিয়ে যান:
- আপনি যদি অ্যান্ড্রয়েড স্টুডিওতে স্বাগতম উইন্ডোতে থাকেন, তাহলে একটি নতুন অ্যান্ড্রয়েড স্টুডিও প্রকল্প শুরু করুন ক্লিক করুন। আপনার যদি ইতিমধ্যেই একটি অ্যান্ড্রয়েড স্টুডিও প্রকল্প খোলা থাকে তবে মেনু বার থেকে ফাইল > নতুন > নতুন প্রকল্প নির্বাচন করুন।
- একটি প্রকল্প টেমপ্লেট নির্বাচন করুন উইন্ডোতে, খালি কার্যকলাপ নির্বাচন করুন এবং পরবর্তী ক্লিক করুন।
- আপনার প্রকল্প উইন্ডো কনফিগার করুন , নিম্নলিখিত করুন:
- নাম, প্যাকেজের নাম এবং সেভ লোকেশন সেট করুন যেভাবে আপনি সাধারণত করবেন। মনে রাখবেন, ভাষা ড্রপডাউন মেনুতে, কোটলিন একমাত্র উপলব্ধ বিকল্প কারণ জেটপ্যাক কম্পোজ শুধুমাত্র কোটলিনে লেখা ক্লাসের সাথে কাজ করে।
- ন্যূনতম API স্তরের ড্রপডাউন মেনুতে, API স্তর 21 বা উচ্চতর নির্বাচন করুন৷
- শেষ ক্লিক করুন.
এখন আপনি জেটপ্যাক কম্পোজ ব্যবহার করে একটি অ্যাপ তৈরি করা শুরু করতে প্রস্তুত৷ আপনাকে শুরু করতে সাহায্য করতে এবং টুলকিট দিয়ে আপনি কী করতে পারেন সে সম্পর্কে জানতে, জেটপ্যাক কম্পোজ টিউটোরিয়ালটি চেষ্টা করুন।
একটি বিদ্যমান অ্যাপের জন্য রচনা সেট আপ করুন৷
প্রথমে কম্পোজ কম্পাইলার গ্রেডল প্লাগইন ব্যবহার করে কম্পোজ কম্পাইলার কনফিগার করুন।
তারপর, আপনার অ্যাপের build.gradle
ফাইলে নিম্নলিখিত সংজ্ঞা যোগ করুন:
গ্রোভি
android {
buildFeatures {
compose true
}
}
কোটলিন
android {
buildFeatures {
compose = true
}
}
অ্যান্ড্রয়েড BuildFeatures
ব্লকের মধ্যে compose
ফ্ল্যাগটিকে true
হিসাবে সেট করা Android স্টুডিওতে রচনা কার্যকারিতা সক্ষম করে।
অবশেষে, নিম্নোক্ত ব্লক থেকে আপনার নির্ভরতাগুলির জন্য আপনার প্রয়োজনীয় কম্পোজ BOM এবং কম্পোজ লাইব্রেরি নির্ভরতার উপসেট যোগ করুন:
গ্রোভি
dependencies {
def composeBom = platform('androidx.compose:compose-bom:2024.06.00')
implementation composeBom
androidTestImplementation composeBom
// Choose one of the following:
// Material Design 3
implementation 'androidx.compose.material3:material3'
// or Material Design 2
implementation 'androidx.compose.material:material'
// 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 - Included automatically by material, only add when you need
// the icons but not the material library (e.g. when using Material3 or a
// custom design system based on Foundation)
implementation 'androidx.compose.material:material-icons-core'
// Optional - Add full set of material icons
implementation 'androidx.compose.material:material-icons-extended'
// Optional - Add window size utils
implementation 'androidx.compose.material3.adaptive:adaptive'
// Optional - Integration with activities
implementation 'androidx.activity:activity-compose:1.9.0'
// Optional - Integration with ViewModels
implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:2.6.1'
// 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:2024.06.00")
implementation(composeBom)
androidTestImplementation(composeBom)
// Choose one of the following:
// Material Design 3
implementation("androidx.compose.material3:material3")
// or Material Design 2
implementation("androidx.compose.material:material")
// 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 - Included automatically by material, only add when you need
// the icons but not the material library (e.g. when using Material3 or a
// custom design system based on Foundation)
implementation("androidx.compose.material:material-icons-core")
// Optional - Add full set of material icons
implementation("androidx.compose.material:material-icons-extended")
// Optional - Add window size utils
implementation("androidx.compose.material3.adaptive:adaptive")
// Optional - Integration with activities
implementation("androidx.activity:activity-compose:1.9.0")
// Optional - Integration with ViewModels
implementation("androidx.lifecycle:lifecycle-viewmodel-compose:2.6.1")
// Optional - Integration with LiveData
implementation("androidx.compose.runtime:runtime-livedata")
// Optional - Integration with RxJava
implementation("androidx.compose.runtime:runtime-rxjava2")
}
জেটপ্যাক কম্পোজ নমুনা অ্যাপ ব্যবহার করে দেখুন
জেটপ্যাক কম্পোজের ক্ষমতা নিয়ে পরীক্ষা করার দ্রুততম উপায় হল GitHub-এ হোস্ট করা জেটপ্যাক কম্পোজ নমুনা অ্যাপগুলি চেষ্টা করা। অ্যান্ড্রয়েড স্টুডিও থেকে একটি নমুনা অ্যাপ্লিকেশন প্রকল্প আমদানি করতে, নিম্নরূপ এগিয়ে যান:
- আপনি যদি Android স্টুডিওতে স্বাগতম উইন্ডোতে থাকেন, তাহলে একটি Android কোড নমুনা আমদানি করুন নির্বাচন করুন। আপনার যদি ইতিমধ্যে একটি অ্যান্ড্রয়েড স্টুডিও প্রকল্প খোলা থাকে তবে মেনু বার থেকে ফাইল > নতুন > আমদানি নমুনা নির্বাচন করুন।
- ব্রাউজ নমুনা উইজার্ডের শীর্ষের কাছে অনুসন্ধান বারে, "কম্পোজ" টাইপ করুন।
- অনুসন্ধান ফলাফল থেকে জেটপ্যাক রচনার নমুনা অ্যাপ্লিকেশনগুলির মধ্যে একটি নির্বাচন করুন এবং পরবর্তীতে ক্লিক করুন।
- হয় অ্যাপ্লিকেশনের নাম এবং প্রকল্পের অবস্থান পরিবর্তন করুন বা ডিফল্ট মান রাখুন।
- শেষ ক্লিক করুন.
অ্যান্ড্রয়েড স্টুডিও আপনার নির্দিষ্ট করা পথে নমুনা অ্যাপ ডাউনলোড করে এবং প্রোজেক্টটি খোলে। তারপরে আপনি প্রতিটি উদাহরণে MainActivity.kt
পরিদর্শন করতে পারেন জেটপ্যাক কম্পোজ API যেমন ক্রসফেড অ্যানিমেশন, কাস্টম উপাদান, টাইপোগ্রাফি ব্যবহার করে, এবং ইন-আইডিই প্রিভিউতে হালকা এবং গাঢ় রঙগুলি প্রদর্শন করতে।
Wear OS-এর জন্য Jetpack Compose ব্যবহার করতে, Wear OS-এ Jetpack Compose সেট আপ দেখুন।
{% শব্দার্থে %}আপনার জন্য প্রস্তাবিত
- দ্রষ্টব্য: জাভাস্ক্রিপ্ট বন্ধ থাকলে লিঙ্ক টেক্সট প্রদর্শিত হয়
- কম্পোজ দিয়ে নেভিগেট করা
- আপনার রচনা বিন্যাস পরীক্ষা করা হচ্ছে
- ফোকাস প্রতিক্রিয়া