এই ডকুমেন্টে
MotionLayout কীভাবে ব্যবহার করতে হয় তার উদাহরণ দেওয়া আছে।
প্রতিটি উদাহরণে মোশন দেখানোর জন্য একটি ভিডিও এবং মোশন সিন ও লেআউটের জন্য সংশ্লিষ্ট কোড অন্তর্ভুক্ত থাকে।
বেসিক মোশন
এই উদাহরণে একটি ভিউ আছে যা আপনি টাচ করে অনুভূমিকভাবে সরানোর জন্য টেনে আনতে পারেন।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
কাস্টম অ্যাট্রিবিউট - backgroundColor
এই উদাহরণটি প্রাথমিক মোশন উদাহরণের মতোই। সাধারণ মোশনের পাশাপাশি, ভিউ সরানোর সাথে সাথে ভিউয়ের ব্যাকগ্রাউন্ডের রঙও পরিবর্তিত হয়।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
ImageFilterView - image transition
এই উদাহরণে দেখানো হয়েছে কীভাবে কোনও
ImageFilterView-এর স্যাচুরেশন ভ্যালু ট্রানজিশন করতে হয়।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
কীফ্রেম পজিশন
এই উদাহরণে, মোশনের সময় ভিউয়ের Y পজিশন পরিবর্তন করতে <KeyFrameSet> ব্যবহার করা হয়।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
কীফ্রেম ইন্টারপোলেশন
এই উদাহরণটি কীফ্রেম পজিশন উদাহরণের উপর ভিত্তি করে তৈরি করা হয়েছে, ভিউ ট্রানজিশনে রোটেশন ও স্কেলিং যোগ করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
কীফ্রেম সাইকেল
এই উদাহরণে, ভিউতে তরঙ্গের মতো মোশন যোগ করতে <KeyCycle>টি এলিমেন্ট যোগ করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
CoordinatorLayout (১/২)
এই উদাহরণে, অ্যাপ বারে মোশন যোগ করতে আগে থেকে থাকা AppBarLayout-এ MotionLayout যোগ করা হয়েছে। এই উদাহরণটি
MotionLayout-এর ভূমিকা (পার্ট III)-এ আরও বর্ণনা করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
CoordinatorLayout (২/২)
এই উদাহরণে, অ্যাপ বারে মোশন যোগ করতে আগে থেকে থাকা AppBarLayout-এ MotionLayout যোগ করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
DrawerLayout (১/২)
এই উদাহরণে দেখানো হয়েছে কীভাবে DrawerLayout-এ মোশন যোগ করতে হয়। এই উদাহরণটি
MotionLayout-এর ভূমিকা (পার্ট III)-এ
আরও বর্ণনা করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
DrawerLayout (২/২)
এই উদাহরণে দেখানো হয়েছে কীভাবে DrawerLayout-এ মোশন যোগ করতে হয়।
- লেআউট XML দেখুন।
- মূল কন্টেন্টের জন্য
MotionSceneXML দেখুন। MotionSceneমেনুর জন্য XML দেখুন।
সাইড প্যানেল
এই উদাহরণে দেখানো হয়েছে, মূল কন্টেন্ট এরিয়া ডানদিকে টেনে নিয়ে যাওয়ার সময় কীভাবে সাইড প্যানেল দেখাতে হয়।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
প্যারালাক্স
এই উদাহরণে প্যারালাক্স ব্যাকগ্রাউন্ড দেখানো হয়েছে, যেখানে বিভিন্ন ব্যাকগ্রাউন্ড লেয়ার বিভিন্ন গতিতে চলে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
ViewPager
ViewPager ট্যাবের মধ্যে সোয়াইপ করার সময় আপনি কীভাবে মোশন যোগ করতে পারেন তা এই উদাহরণে দেখানো হয়েছে।
এই উদাহরণটি
MotionLayout-এর ভূমিকা (পার্ট III)-এ আরও বর্ণনা করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
ViewPager - Lottie
ViewPager ট্যাবের মধ্যে সোয়াইপ করার সময় আপনি কীভাবে মোশন যোগ করতে পারেন তা এই উদাহরণে দেখানো হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
জটিল মোশন (১/৩)
এই উদাহরণে জটিল মোশন দেখানোর জন্য আগের উদাহরণ থেকে এলিমেন্ট একত্রিত করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
জটিল মোশন (২/৩)
এই উদাহরণে জটিল মোশন দেখানোর জন্য আগের উদাহরণ থেকে এলিমেন্ট একত্রিত করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
জটিল মোশন (৩/৩)
এই উদাহরণে জটিল মোশন দেখানোর জন্য আগের উদাহরণ থেকে এলিমেন্ট একত্রিত করা হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
ফ্র্যাগমেন্ট ট্রানজিশন (১/২)
এই উদাহরণে দেখানো হয়েছে যে কীভাবে আপনি MotionLayout ব্যবহার করে ফ্র্যাগমেন্টের মধ্যে
ট্রানজিশন করতে পারবেন।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
ফ্র্যাগমেন্ট ট্রানজিশন (২/২)
এই উদাহরণে দেখানো হয়েছে যে কীভাবে আপনি MotionLayout ব্যবহার করে ফ্র্যাগমেন্টের মধ্যে
ট্রানজিশন করতে পারবেন।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
YouTube-এর মতো মোশন
এই উদাহরণে কম্প্যাক্ট ভিউ থেকে অতিরিক্ত কন্টেন্ট সহ ফুল-স্ক্রিন অভিজ্ঞতায় ট্রানজিশন দেখানো হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
KeyTrigger
এই উদাহরণে দেখানো হয়েছে যে ট্রানজিশন প্রগ্রেস থ্রেশহোল্ড অতিক্রম করলে কীভাবে ফ্লোটিং অ্যাকশন বোতাম দেখানো এবং লুকানো যায়।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।
একাধিক-রাজ্য
কোন মোশন প্রয়োগ করতে হবে তা নির্ধারণ করার জন্য কীভাবে স্টেট ব্যবহার করতে হয় তা এই উদাহরণে দেখানো হয়েছে।
- লেআউট XML দেখুন।
MotionSceneXML দেখুন।