এই নথিতে MotionLayout ব্যবহার করার উদাহরণ রয়েছে। প্রতিটি উদাহরণে মোশন দৃশ্য এবং লেআউটের জন্য সংশ্লিষ্ট কোড সহ গতি প্রদর্শনকারী একটি ভিডিও অন্তর্ভুক্ত রয়েছে।
মৌলিক গতি
এই উদাহরণে একটি একক দৃশ্য রয়েছে যা আপনি অনুভূমিকভাবে সরানোর জন্য স্পর্শ এবং টেনে আনতে পারেন।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
কাস্টম বৈশিষ্ট্য - ব্যাকগ্রাউন্ড কালার
এই উদাহরণটি মৌলিক গতি উদাহরণের অনুরূপ। মৌলিক গতি ছাড়াও, ভিউ চলার সাথে সাথে ভিউয়ের পটভূমির রঙ পরিবর্তিত হয়।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ইমেজ ফিল্টারভিউ - ইমেজ ট্রানজিশন
এই উদাহরণটি দেখায় কিভাবে একটি ImageFilterView এর স্যাচুরেশন মান পরিবর্তন করতে হয়।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
কীফ্রেমের অবস্থান
এই উদাহরণটি গতির সময় দৃশ্যের Y অবস্থান পরিবর্তন করতে <KeyFrameSet> ব্যবহার করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
কীফ্রেম ইন্টারপোলেশন
এই উদাহরণটি কীফ্রেম অবস্থানের উদাহরণে তৈরি করে, ভিউ ট্রানজিশনে ঘূর্ণন এবং স্কেলিং যোগ করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
কীফ্রেম চক্র
এই উদাহরণটি ভিউতে তরঙ্গের মত গতি যোগ করতে <KeyCycle> উপাদান যোগ করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
সমন্বয়কারী লেআউট (1/2)
এই উদাহরণটি অ্যাপ বারে গতি যোগ করতে একটি বিদ্যমান AppBarLayout এ একটি MotionLayout যোগ করে। এই উদাহরণটি আরও বর্ণনা করা হয়েছে MotionLayout এর ভূমিকায় (পার্ট III) ।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
সমন্বয়কারী লেআউট (2/2)
এই উদাহরণটি অ্যাপ বারে গতি যোগ করতে একটি বিদ্যমান AppBarLayout এ একটি MotionLayout যোগ করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ড্রয়ার লেআউট (1/2)
এই উদাহরণটি দেখায় কিভাবে একটি DrawerLayout গতি যোগ করতে হয়। এই উদাহরণটি আরও বর্ণনা করা হয়েছে MotionLayout এর ভূমিকায় (পার্ট III) ।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ড্রয়ার লেআউট (2/2)
এই উদাহরণটি দেখায় কিভাবে একটি DrawerLayout গতি যোগ করতে হয়।
- XML লেআউট দেখুন।
- মূল বিষয়বস্তুর জন্য
MotionSceneXML দেখুন। - মেনুর জন্য
MotionSceneXML দেখুন।
সাইড প্যানেল
এই উদাহরণটি দেখায় কিভাবে একটি পার্শ্ব প্যানেল প্রদর্শন করতে হয় যখন প্রধান বিষয়বস্তু এলাকাটি ডানদিকে টেনে আনে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
প্যারালাক্স
এই উদাহরণটি একটি প্যারালাক্স ব্যাকগ্রাউন্ড প্রদর্শন করে, যেখানে বিভিন্ন পটভূমির স্তর বিভিন্ন গতিতে চলে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ভিউপেজার
এই উদাহরণটি দেখায় কিভাবে আপনি ViewPager ট্যাবের মধ্যে সোয়াইপ করার সময় গতি যোগ করতে পারেন। এই উদাহরণটি আরও বর্ণনা করা হয়েছে MotionLayout এর ভূমিকায় (পার্ট III) ।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ভিউপেজার - লটি
এই উদাহরণটি দেখায় কিভাবে আপনি ViewPager ট্যাবের মধ্যে সোয়াইপ করার সময় গতি যোগ করতে পারেন।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
জটিল গতি (1/3)
এই উদাহরণটি জটিল গতি প্রদর্শনের জন্য পূর্ববর্তী উদাহরণগুলির উপাদানগুলিকে একত্রিত করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
জটিল গতি (2/3)
এই উদাহরণটি জটিল গতি প্রদর্শনের জন্য পূর্ববর্তী উদাহরণগুলির উপাদানগুলিকে একত্রিত করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
জটিল গতি (3/3)
এই উদাহরণটি জটিল গতি প্রদর্শনের জন্য পূর্ববর্তী উদাহরণগুলির উপাদানগুলিকে একত্রিত করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ফ্র্যাগমেন্ট ট্রানজিশন (1/2)
এই উদাহরণটি দেখায় কিভাবে আপনি MotionLayout ব্যবহার করে টুকরোগুলির মধ্যে স্থানান্তর করতে পারেন।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ফ্র্যাগমেন্ট ট্রানজিশন (2/2)
এই উদাহরণটি দেখায় কিভাবে আপনি MotionLayout ব্যবহার করে টুকরোগুলির মধ্যে স্থানান্তর করতে পারেন।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
ইউটিউবের মত গতি
এই উদাহরণটি একটি কমপ্যাক্ট ভিউ এবং অতিরিক্ত সামগ্রী সহ একটি পূর্ণ-স্ক্রীন অভিজ্ঞতার মধ্যে রূপান্তর প্রদর্শন করে৷
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
কী ট্রিগার
এই উদাহরণটি দেখায় কিভাবে একটি ফ্লোটিং অ্যাকশন বোতাম দেখাতে এবং লুকাতে হয় যখন ট্রানজিশন একটি অগ্রগতি থ্রেশহোল্ড অতিক্রম করে।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।
বহু-রাষ্ট্র
কোন গতি প্রয়োগ করতে হবে তা নির্ধারণ করতে এই উদাহরণটি কীভাবে রাজ্য ব্যবহার করতে হয় তা দেখায়।
- XML লেআউট দেখুন।
-
MotionSceneএক্সএমএল দেখুন।