Advertisement
  1. Code
  2. Android SDK
Code

দ্রুত নির্দেশনাঃ Android O তে অটোসাইজিং টেক্সট তৈরি

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Quick Tips: New UI Features in Android O.
Quick Tip: Working With Custom Fonts in Android O

Bengali (বাংলা) translation by Nazmul Shuvo (you can also view the original English article)

Android O এর প্রথম ডেভেলপার প্রিভিউ চলে এসেছে!

এই নির্দেশনার সিরিজে আমারা নতুন UI ফিচারগুলি এক্সপ্লোর করব যা আপনি আপকামিং Android O(reo?) এর রিলিজে প্রত্যাশা করতে পারেন।

এই প্রথম নির্দেশনায়, আমরা Android O এর টেক্সট অটোসাইজিং ফিচার সম্পর্কে কিছু হ্যান্ডস-অন অভিজ্ঞতা পেতে চলেছি, যা আপনাকে বর্তমান লেআউট অনুসারে সজ্জিত এবং স্বয়ংক্রিয়ভাবে সম্প্রসারণ করে এমন টেক্সট তৈরি করতে দিবে।

যেহেতু Envato Tuts+ এ Android O তে এটি আমাদের ফার্স্ট লুক, চলুন আমাদের ডেভেলপমেন্ট পরিবেশ  Android O এর জন্য প্রস্তুত কিনা তা নিশ্চিত করে শুরু করা যাক।

ডেভেলপার প্রিভিউ সেটআপ

এই মুহুর্তে, আপনি সর্বশেষ ক্যানারী বিল্ড Android স্টুডিও এর সাহায্যে Android O এর ডেভেলপার প্রিভিউ এক্সেস করতে পারবেন।

ক্যানারী বিল্ড Android স্টুডিও এর ব্লিডিং এডজ, এবং সাধারণত সপ্তাহিক ভিত্তিতে আপডেট হয়। এই বিল্ডগুলি পরীক্ষা করা হলেও, তারা আনুষ্ঠানিক Android স্টুডিও রিলিজের তুলনায় কম স্টেবল, এবং তারউপর প্রোডাকশন ডেভেলপমেন্ট এর জন্য রেকমেন্ডেড নয়।

সর্বশেষ ক্যানারী বিল্ড ডাউনলোড করতে এবং Android O পেতে, প্রথমে Android স্টুডিও লঞ্চ করুন এবং টুলবার থেকে Android Studio > Preferences… সিলেক্ট করুন। Appearance & Behavior > System Settings > Updates সিলেক্ট করুন এবং ড্রপডাউন মেনু থেকে Canary Channel সিলেক্ট করুন।

Switch to the Android Studio Canary Channel

তারপর, সহগামী Check Now বাটন ক্লিক করুন ক্যানারী চ্যানেল হতে সর্বশেষ সংস্করণটি ডাউনলোড করতে।

তারপর, আপনার IDE রিস্টার্ট করুন, এবং SDK ম্যানেজার খুলুন। নিশ্চিত হোন যে SDK ম্যানেজারের SDK Platforms ট্যাব সিলেক্টেড আছে, Android O Preview কম্পোনেন্ট সিলেক্ট করুন।

Open the Android SDK Manager and download the O Developer Preview

তারপর SDK Tools ট্যাব এ সুইচ করুন, এবং তারপর নিচে দেখানোগুলি নির্বাচন করুনঃ

  • Android SDK Build-Tools 26.0.0 (rc1 or higher)
  • Android SDK Platform-Tools 26.0.0 (rc1 or higher)
  • Android Emulator 26.0.0
  • এবং Support Repository

এই সব কম্পোনেন্ট ডাউনলোড করতে OK বাটন ক্লিক করুন।

ফাইনালি, একটি নতুন Android প্রজেক্ট তৈরি করুন Android O কে টার্গেট করে। সরলতার খাতিরে, প্রজেক্টের মিনিমাম SDK তে Android 7+ O Preview সেট করুন এবং Empty Activity সিলেক্ট করুন।

আপনার Gradle ফাইল কনফিগার করুন

একবার Android স্টুডিও আপনার প্রজেক্ট তৈরি করলে, এটির মডিউল-লেভেল build.gradle ফাইলটি খুলুন এবং buildToolsVersion ভার্সন এবং Support Library ভার্সন সর্বশেষ সংস্করণে পরিবর্তন করুনঃ

এই সিরিজের মধ্য দিয়ে এই সেম্পল অ্যাপ এ আমরা কিছু সংখ্যক Android O এর ফিচার যোগ করতে যাচ্ছি। যদি আপনি এই ফিচারগুলি কাজের মাধ্যমে এক্সপেরিয়েন্স করতে চান, তবে আপনার একটি AVD তৈরি করা প্রয়োজন হবে যা Android O সিস্টেম ইমেজ চালাবে। Android স্টুডিও'র AVD ম্যানেজার লঞ্চ করুন, Create Virtual Device… সিলেক্ট করুন এবং একটি AVD তৈরি করতে অনস্ক্রিন ইন্সট্রাকশন অনুসরণ করুন। আপনি আপনার পছন্দের সেটিংস ব্যবহার করতে পারেন, কিন্তু যখন Android স্টুডিও আপনাকে আপনার সিস্টেম ইমেজ সিলেক্ট করতে প্রম্পট করবে, নিশ্চিত হোন যে আপনি O সিলেক্ট করেছেন।

আরো ডায়নামিক টেক্সট তৈরি

নতুন UI বৈশিষ্ট্যগুলির একটি যা আমরা Android O তে প্রত্যাশা করছি, তা হলো টেক্সট অটোসাইজিং। কিছু নতুন এডিশনাল XML এট্রিবিউট দিয়ে, আপনি TextViews তৈরি করতে পারেন যা অটোমেটিক্যালি আপনার টেক্সট সাইজ বাড়াবে এবং কমাবে তাই এটি সবসময় TextView এর সীমার মধ্যে পুরোপুরি ফিট হবে। এই অটোমেটিক স্কেলিংটি  Android এর বিস্তৃত পরিসরের ভিন্ন ভিন্ন স্ক্রিন সাইজ এবং ঘনত্বের সাথে টেক্সট এর পাঠযোগ্যতা নিশ্চিত করতে পারে। অটো-রিসাইজিং আপনাকে আপনার লে-আউট এ অদ্ভুত ফাকা স্থানগুলি, অথবা TextView এ অনেক বেশি শব্দ ঠুসতে চেষ্ঠা করার কারনে আপনার বাক্যটির মাঝে কাট-অফ হয়ে যাওয়া এড়াতেও সাহায্য করে।

দুইটি উপায়ে আপনি টেক্সট অটোসাইজিং ইমপ্লিমেন্ট করতে পারেনঃ

  • গ্রানুলারিটি। এই প্রক্রিয়াটি আপনাকে মিনিমাম এবং ম্যাক্সিমাম টেক্সট সাইজ নির্ধারন করতে দেয়, সেই সাথে একটি গ্রানুলারিটি ভ্যালু, যার সাহায্যে আপনার টেক্সট সাইজ প্রতিটি 'ধাপে" বাড়তে এবং কমতে পারবে। TextView তারপর এই অনুক্রমিক মান দ্বারা অনুভূমিক এবং উল্লম্ব ভাবে আপনার টেক্সট স্কেল করবে, যতক্ষন না পর্যন্ত TextView পারফেক্টলি ফিট হবে।
  • প্রিসেট সাইজগুলি। এখানে আপনি আপনার টেক্সট এর সম্ভাব্য সকল সাইজ একটি array তে সংজ্ঞায়িত করবেন। Android O এই array থেকে TextView এর মাত্রার উপর ভিত্তি করে, সবচাইতে উপযোগী সাইজটি সিলেক্ট করবে।

আপনি যে মেথড ই পছন্দ করেন না কেন, আপনার TextView এ সবসময় আপনাকে android:autoSizeText="uniform" XML এট্রিবিউট ব্যবহার করতে হবে, তাই আপনার layout resource ফাইল খুলুন এবং এখনই এই এলিমেন্ট যোগ করুন।

গ্র্যানুলারিটি

গ্রানুলারিটি ব্যবহার করে অটোসাইজিং ইমপ্লিমেন্ট করতে, আপনার TextView এ নিচে দেখানো XML এট্রিবিউট যোগ করতে হবেঃ

  • autoSizeMinTextSize । যে মিনিমাম সাইজটি TextView ব্যবহার করতে পারবে।
  • autoSizeMaxTextSize । যে ম্যাক্সিমাম সাইজটি TextView ব্যবহার করতে পারবে।
  • autoSizeStepGranularity । ইনক্রিমেন্ট ভ্যালু। এটি ডিফল্টভাবে 1px

এখানে আমি একটি ভিউ তৈরি করতে যাচ্ছি যা টেক্সট কে 10sp থেকে 100sp এর মধ্যে রিসাইজ করতে পারে, 2sp করে ইনক্রিমেন্টের মাধ্যমেঃ

প্রিসেট সাইজগুলি

অন্য একটি অপশন হল সমর্থিত টেক্সট সাইজগুলির জন্য একটি array তৈরি করা। তারপর Android O এই লিস্টের মধ্য থেকে সবচাইতে উপযুক্ত ভ্যালুটি পছন্দ করবে, এটি প্রদর্শিত হবে টেক্সট এর পরিমাণের উপর ভিত্তি করে, TextView এর মাত্রা নির্ভর করে, এবং বর্তমান স্ক্রিন কনফিগারেশনের ভিত্তি করে।

যদি আপনার প্রজেক্টে ইতিমধ্যে একটি arrays.xml ফাইল না থাকে, তবে আপনি একটি তৈরি করতে পারেন আপনার প্রজেক্টের res/values ডিরেক্টরিতে রাইট-ক্লিক করে এবং New > Values Resource File সিলেক্ট করে। যে উইন্ডোটি প্রদর্শিত হবে, তার নাম দিন  arrays, এবং OK ক্লিক করুন।

আপনি তারপর আপনার res/values/arrays.xml ফাইলটি খুলতে পারেন এবং আপনার TextView এ যে সাইজগুলি ব্যবহার করতে চান তার সব সংজ্ঞায়িত করুন।

ফাইনালি, এই array টি রেফারেন্স autoSizePresetSizes এট্রিবিউট টি ব্যবহার করে, উদাহরণস্বরূপঃ

পরীক্ষা  করতে ভুলবেন না!

আপনি একবার একটি TextView এ অটোসাইজিং যোগ করে ফেললে, আপনার Android O AVD বুট করুন এবং একটি ইমুলেটেড Android O স্ক্রিনে আপনার TextView কিভাবে রেন্ডার হচ্ছে তা এক নজর দেখুন। অটোসাইজিং ঠিকমত কাজ করছে কিনা তা চেক করতে, আপনার TextView বিভিন্ন পরিমাণের টেক্সট প্রদর্শনের জন্য আপডেট করুন, এবং তারপর ফাইনাল রেন্ডার হওয়া ইমেজে এটির ইমপ্যাক্ট কি আছে তা অনস্ক্রিন দেখুন।

আপনি যদি অটোসাইজ ইমপ্লিমেন্ট করে থাকেন, তবে স্ক্রিন কনফিগারেশনের একটি রেঞ্জ জুড়ে আপনার টেক্সট ভিউ পরীক্ষা করা গুরুত্বপূর্ণ, ভিন্ন স্ক্রিনে আপনার টেক্সট এর পাঠযোগ্যতা নিশ্চিত করতে আপনার সর্বনিম্ন এবং সর্বোচ্চ টেক্সট সাইজ টোয়েক করার প্রয়োজন হতে পারে।

উপসংহার

এই দ্রুত নির্দেশনায় আমি দেখিয়েছি কিভাবে টেক্সট তৈরি করতে হয় যা স্বয়ংক্রিয়ভাবে আকার পরিবর্তন করে। পরবর্তী নির্দেশনায়, আমরা দেখবো কিভাবে Android O আপনার Android অ্যাপস এ কাস্টম ফন্টের ব্যবহারকে আরো সহজতর করতে চলেছে। এর মধ্যে, আমাদের আরো কিছু টিউটোরিয়াল দেখুন


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.