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

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

আপনি EnableXrComponentOverrides র্যাপার যোগ করে আপনার বর্তমান M3 বাস্তবায়ন মানিয়ে নিতে পারেন। আপনার অ্যাপের নির্ভরতাগুলিতে XR রচনা উপাদান3 লাইব্রেরি যোগ করুন।

আপনার বিদ্যমান অ্যাপকে মানিয়ে নিতে EnableXrComponentOverrides ব্যবহার করুন

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

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

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

অ-স্থানীয় নেভিগেশন রেল

অ-স্থানীয় নেভিগেশন রেল

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

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

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

অ-স্থানিক নেভিগেশন বার

অ-স্থানিক নেভিগেশন বার

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

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

ডায়ালগ

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

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

অ-স্থানিক সংলাপ

অ-স্থানিক সংলাপ

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

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

শীর্ষ অ্যাপ বার

একটি TopAppBar স্বয়ংক্রিয়ভাবে XR অরবিটারে মানিয়ে নেবে।

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

অ-স্থানীয় শীর্ষ অ্যাপ বার

অ-স্থানীয় শীর্ষ অ্যাপ বার

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

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

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

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

নন-স্পেশিয়ালাইজড ListDetailPaneScaffold

নন-স্পেশিয়ালাইজড ListDetailPaneScaffold

স্থানিক (এক্সআর-অ্যাডাপ্টেড) লিস্টডেটেলপ্যানস্ক্যাফোল্ড

স্থানিক (এক্সআর-অ্যাডাপ্টেড) লিস্টডেটেলপ্যানস্ক্যাফোল্ড

XR-এর জন্য সমর্থন ফলক লেআউট

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

নন-স্পেশিয়ালাইজড সাপোর্টিং প্যানস্ক্যাফোল্ড

নন-স্পেশিয়ালাইজড সাপোর্টিং প্যানস্ক্যাফোল্ড

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

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

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

Collage of elements from the Material 3 Design Kit

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

এছাড়াও দেখুন