আপনার স্থানিক UI এর জন্য মেটেরিয়াল ডিজাইন বাস্তবায়ন করুন

প্রযোজ্য XR ডিভাইস
এই নির্দেশিকা আপনাকে এই ধরণের XR ডিভাইসের অভিজ্ঞতা তৈরি করতে সাহায্য করবে।
XR হেডসেট
তারযুক্ত XR চশমা

ম্যাটেরিয়াল ডিজাইন এমন উপাদান এবং লেআউট প্রদান করে যা XR-এর সাথে খাপ খাইয়ে নেয়। বিদ্যমান ম্যাটেরিয়াল 3 লাইব্রেরি ব্যবহার করে, স্থানিক UI আচরণের মাধ্যমে উপাদান এবং অভিযোজিত লেআউট উন্নত করা হয়।

আপনি EnableXrComponentOverrides র‍্যাপার যোগ করে আপনার বর্তমান M3 বাস্তবায়নের সাথে খাপ খাইয়ে নিতে পারেন। আপনার অ্যাপের নির্ভরতায় XR Compose Material3 লাইব্রেরি যোগ করুন।

আপনার বিদ্যমান অ্যাপটি অভিযোজিত করতে EnableXrComponentOverrides ব্যবহার করুন

EnableXrComponentOverrides র‍্যাপারের ভিতরে থাকা সমস্ত M3 Compose UI XR ডিভাইসের সাথে মানিয়ে নেবে। এই র‍্যাপারের মাধ্যমে আপনি এই আচরণ থেকে বাদ দিতে চান এমন যেকোনো উপাদান বেছে নিতে পারবেন।

আপনার অ্যাপটিকে XR-এর জন্য মেটেরিয়াল ডিজাইনের সাথে মানিয়ে নিতে EnableXrComponentOverrides র‍্যাপার যোগ করুন।

NavigationSuiteScaffold সহ যেকোনো Compose লেআউটের নেভিগেশন রেল স্বয়ংক্রিয়ভাবে XR Orbiter-এর সাথে খাপ খাইয়ে নেবে। আরও তথ্যের জন্য, Material Design নির্দেশিকা পড়ুন।

স্থানিক নয় এমন নেভিগেশন রেল

স্থানবিহীন নেভিগেশন রেল

স্থানিক (XR-অভিযোজিত) নেভিগেশন রেল

স্থানিক (XR-অভিযোজিত) নেভিগেশন রেল

NavigationSuiteScaffold সহ যেকোনো Compose লেআউটের নেভিগেশন বার স্বয়ংক্রিয়ভাবে XR অরবিটারের সাথে মানিয়ে নেবে। আরও তথ্যের জন্য, মেটেরিয়াল ডিজাইন নির্দেশিকা পড়ুন।

স্থানিক নয় এমন নেভিগেশন বার

স্থানবিহীন নেভিগেশন বার

স্থানিক (XR-অভিযোজিত) নেভিগেশন বার

স্থানিক (XR-অভিযোজিত) নেভিগেশন বার

সংলাপ

একটি BasicAlertDialog XR-এর সাথে খাপ খাইয়ে নেবে, কম্পোনেন্টে উচ্চতা যোগ করবে।

ডায়ালগ এবং অভিযোজিত নকশা নির্দেশিকা সম্পর্কে আরও জানুন।

অ-স্থানিকীকরণকৃত ডায়ালগ

স্থানবিহীন সংলাপ

স্থানিক (XR-অভিযোজিত) ডায়ালগ

স্থানিক (XR-অভিযোজিত) ডায়ালগ

শীর্ষ অ্যাপ বারগুলি

একটি TopAppBar স্বয়ংক্রিয়ভাবে XR অরবিটারের সাথে খাপ খাইয়ে নেবে।

শীর্ষ অ্যাপ বার এবং অভিযোজিত ডিজাইন নির্দেশিকা সম্পর্কে আরও জানুন।

স্থানবিহীন শীর্ষ অ্যাপ বার

স্থানবিহীন শীর্ষ অ্যাপ বার

স্থানিক (XR-অ্যাডাপ্টেড) শীর্ষ অ্যাপ বার

স্থানিক (XR-অভিযোজিত) শীর্ষ অ্যাপ বার

XR-এর জন্য তালিকা-বিস্তারিত বিন্যাস

XR-এর কম্পোজ ম্যাটেরিয়াল 3 অ্যাডাপ্টিভ লেআউটগুলিতে 1:1 ম্যাপিং থাকে যেখানে প্রতিটি প্যান তার নিজস্ব XR স্পেশিয়াল প্যানেলের ভিতরে স্থাপন করা হয়। ListDetailPaneScaffold এবং অ্যাডাপ্টিভ ডিজাইন নির্দেশিকা সম্পর্কে আরও জানুন।

স্থানবিহীন তালিকাবিবরণীস্ক্যাফোল্ড

স্থানবিহীন তালিকাবিস্তারিতপেনস্ক্যাফোল্ড

স্থানিক (XR-অভিযোজিত) তালিকাবিবরণীস্ক্যাফোল্ড

স্থানিক (XR-অভিযোজিত) তালিকাবিস্তারিতপেনস্ক্যাফোল্ড

XR এর জন্য সাপোর্ট প্যান লেআউট

কম্পোজ ম্যাটেরিয়াল ৩ XR-এর অ্যাডাপ্টিভ লেআউটগুলিতে ১:১ ম্যাপিং থাকে যেখানে প্রতিটি প্যান তার নিজস্ব XR স্পেশিয়াল প্যানেলের ভিতরে স্থাপন করা হয়। SupportingPaneScaffold এবং অ্যাডাপ্টিভ ডিজাইন নির্দেশিকা সম্পর্কে আরও জানুন।

স্থানবিহীন সহায়ক প্যানস্ক্যাফোল্ড

অ-স্থানিক সাপোর্টিং প্যানস্ক্যাফোল্ড

স্থানিক (XR-অভিযোজিত) সাপোর্টিং পেনস্ক্যাফোল্ড

স্থানিক (XR-অভিযোজিত) সাপোর্টিং পেনস্ক্যাফোল্ড

ফিগমার জন্য ম্যাটেরিয়াল 3 ডিজাইন কিট দিয়ে ডিজাইন শুরু করুন

মেটেরিয়াল ৩ ডিজাইন কিট থেকে উপাদানের কোলাজ

শুরু করতে ম্যাটেরিয়াল 3 ডিজাইন কিটটি ডাউনলোড করুন।

আরো দেখুন