স্তর 2: প্রতিক্রিয়াশীল এবং অপ্টিমাইজ করা
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
অ্যাপ্লিকেশানগুলি যেগুলি প্রতিক্রিয়াশীল লেআউট নিয়োগ করে এবং স্বয়ংক্রিয়ভাবে বিভিন্ন স্ক্রীন আকারের সাথে খাপ খাইয়ে নেয় ব্যবহারকারীদের অতিরিক্ত মূল্য দেয় এবং আরও উত্পাদনশীল, আকর্ষক ব্যবহারকারীর অভিজ্ঞতা প্রদান করে।
প্রতিক্রিয়াশীল লেআউটগুলি একটি সর্বোত্তম ব্যবহারকারীর অভিজ্ঞতার জন্য গতিশীলভাবে বিন্যাস এবং অবস্থান উপাদান যেমন বোতাম, পাঠ্য ক্ষেত্র এবং ডায়ালগ। প্রতিক্রিয়াশীল ডিজাইনের অনুশীলনগুলি ব্যবহার করে স্বয়ংক্রিয়ভাবে আপনার অ্যাপের ব্যবহারকারীদের বড় স্ক্রিনে অতিরিক্ত মান অফার করুন। এটি এক নজরে আরও পাঠ্য দৃশ্যমান হোক, স্ক্রিনে আরও অ্যাকশন হোক বা বড়, আরও অ্যাক্সেসযোগ্য ট্যাপ লক্ষ্য হোক, প্রতিক্রিয়াশীল অনুশীলনগুলি বড় স্ক্রীনের ব্যবহারকারীদের জন্য একটি উন্নত অভিজ্ঞতা প্রদান করে৷
প্রতিক্রিয়াশীল নকশা মাধ্যমে মান যোগ করুন
check_circle
করবেন
- M3 কম্পোজ কম্পোনেন্ট লাইব্রেরি ব্যবহার করুন যাতে অন্তর্নির্মিত প্রতিক্রিয়াশীল এবং অভিযোজিত আচরণ রয়েছে।
- প্রতিক্রিয়াশীল লেআউটগুলি ব্যবহার করুন, যা স্বয়ংক্রিয়ভাবে এবং মসৃণভাবে স্ক্রিনের আকার জুড়ে উপলব্ধ স্থান পূরণ করতে সামঞ্জস্য করে।
cancel
করবেন না
- অতিরিক্ত স্থান পূরণ করতে UI উপাদানগুলিকে প্রসারিত করুন - পাঠ্য ক্ষেত্র, বোতাম, ডায়ালগ সহ।
- ফন্টের আকার বাড়ান, যদি না সেগুলি প্রাথমিকভাবে গ্রাফিক উদ্দেশ্যে পরিবেশন করে।
উদাহরণ
নিম্নলিখিত চিত্রগুলি প্রতিক্রিয়াশীল এবং অপ্টিমাইজ করা অ্যাপগুলির উদাহরণ দেখায়৷
এই পৃষ্ঠার কন্টেন্ট ও কোডের নমুনাগুলি Content License-এ বর্ণিত লাইসেন্সের অধীনস্থ। Java এবং OpenJDK হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2025-07-29 UTC-তে শেষবার আপডেট করা হয়েছে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2025-07-29 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[],null,["# Tier 2: Responsive and optimized\n\nApps that employ responsive layouts and automatically adapt to different screen\nsizes offer additional value to users and provide more productive, engaging user\nexperiences.\n\nResponsive layouts dynamically format and position elements such as buttons,\ntext fields, and dialogs for an optimal user experience. Automatically offer\nusers of your app additional value on larger screens by utilizing responsive\ndesign practices. Whether it's more text visible at a glance, more actions on\nscreen, or larger, more accessible tap targets, responsive practices provide an\nenhanced experience for users of larger screens.\n\nAdd value through responsive design\n-----------------------------------\n\ncheck_circle\n\n### Do\n\n- Use the M3 Compose component library which has built-in responsive and adaptive behavior.\n- Utilize responsive layouts, which automatically and smoothly adjust to fill the available space across screen sizes. \ncancel\n\n### Don't\n\n- Stretch UI elements---including text fields, buttons, dialogs---to fill extra space.\n- Increase the sizes of fonts, unless they're serving a primarily graphic purpose.\n\nExamples\n--------\n\nThe following images show examples of apps that are responsive and optimized.\n\n\n### Edge-hugging buttons\n\n\u003cbr /\u003e\n\n\n### List of cards\n\n\u003cbr /\u003e\n\n\n### List of switchers and buttons\n\n\u003cbr /\u003e\n\n\n### Tile with image cards\n\n\u003cbr /\u003e\n\n\n### List of cards with images\n\n\u003cbr /\u003e\n\n\n### Tile with graph\n\n\u003cbr /\u003e"]]
