How To Create Transparent Status Bar? কিভাবে Transparent Status Bar বানাবেন? Kodular, Casagbic, Niotron. #TransparentStatusBar100


আসসালামু আলাইকুম-

সকলকে স্বাগতম জানাই আমার এই জনতার কথা ওয়েবসাইটটিতে। আপনারা জানেন আমি আপনাদের সামনে প্রতিনিয়ত নিয়ে আসি নিত্যনতুন সিস্টেম, ট্রিকস এবং অন্যান্য ডেভেলপমেন্ট বিষয়ক পোস্ট। আজ আমি আপনাদের সামনে নিয়ে এসেছি নতুন একটি পোস্ট। এই পোস্টে আমি আপনাদের শেখাবো কিভাবে আপনি যেকোনো App Builder এ যেকোনো অ্যাপের Status Bar সম্পূর্ণ Transparent করবেন।

Status Bar কি?

আপনার অ্যান্ড্রোয়েড ফোনের একদম উপরের যে অংশে সময়, নেটওয়ার্ক,ব্যাটারি চার্জ ইত্যাদি দেখতে পান সেই অংশটির নামই হলো Status Bar


Navigation Bar কি?

আপনি আপনার ফোনের নিচে যে তিনটি বাটন ব্যবহার করে আপনার ফোন নিয়ন্ত্রণ করে থাকেন তাকেই Navigation Bar বলা হয়।

Transparent আবার কি? খায় না মাথায় দেয়?

না এটি খাওয়া বা মাথায় দেওয়া যায় না। এটি একটি সিস্টেম। এটির মাধ্যমে আপনি আপনার অ্যাপটিকে ইউজারদের ফোনের পুরো স্ক্রীন ব্যবহার করতে পারবেন। Transparent Status Bar কেমন দেখতে তার একটি নমুনা নিচে দেওয়া হলো-



এর সুবিধা কি?

সুবিধার কথা বলতে গেলে আপনি যদি আপনার অ্যাপটির Status Bar & Navigation Bar Transparent করেন তাহলে ইউজারদের ফোনের Navigation Bar & Status Bar আর কালো দেখাবে না। এটি আপনার ফোনের Content অনুযায়ী দেখাবে। এটি দেখতে অনেক সুন্দর লাগবে আর ইউজাররাও আপনার অ্যাপের প্রতি আকৃষ্ট হবে। এছাড়াও আপনার ইউজারের ফোনের Full Screen কাজে লাগাতে হলে আপনার অবশ্যই এই সিস্টেমটি কাজে লাগবে।


এই সিস্টেম করতে কি কি লাগবে?

১. সর্বপ্রথম আপনাকে যেকোনো একটি বিল্ডারে একটি প্রজেক্ট তৈরি করতে হবে।
২. তারপর আপনাকে Taifun Tools নামক একটি Extension আছে সেটি আপনাকে আপনার প্রজেক্টে Import করতে হবে এবং তারপর প্রজেক্টে Drag & Drop করতে হবে।
৩. তারপর একটি Clock Component আপনার প্রজেক্টে Drag & Drop করতে হবে এবং এর Time Interval থাকবে 1000 এর পরিবর্তে আপনাকে 1 দিতে হবে।
৪. আপনি একটু লক্ষ্য রাখবেন যেন Time Always Fires & Time Enabled অন থাকে।




তারপর অ্যাপে আপনার মনমতো কাজ করুন।

আমি অ্যাপে শুরু একটি Background Image ব্যবহার করেছি এবং বাকি সব আপনাদের বলা নিয়মেই সম্পন্ন করেছি।
এরপর আপনাকে Blocks এর কাজ করতে হবে। নিচে Blocks এর Image দেওয়া হলো আশা করি বুঝতে পারবেন।

Blocks-

১. Blocks এ গিয়ে আপনি যে Clock Component আপনার প্রজেক্টে Drag & Drop করেছিলেন সেই Component থেকে When Clock. Time Block টি নিতে হবে।
২. Set Clock. Time Enabled To- True করবেন
৩. Screen হতে Navigation Bar Color আপনাকে Make A Color Block ব্যবহার করে সেট করতে হবে।
৪. একই প্রক্রিয়ায় Status Bar Colour Set করতে হবে।
৩. Taifun Tools Extension হতে Hide Content Block টি সেট করতে হবে। 


Colour কোড তৈরির Block নিম্নে দেখানো হলো-
Make A Color: List
                                  255
                                  255
                                  255
                                  0

আপনার সম্পূর্ণ কাজ সম্পন্ন হয়েছে। এইটুকুই কাজ করেই আপনি আপনার অ্যাপে Transparent System করতে পারবেন। এরপরই অ্যাপ্লিকেশন Build করে দেখতে পারেন। আশা রাখি আপনার অ্যাপের Status Bar & Navigation Bar Transparent হয়ে যাবে।

Taifun Tools Extension-

আপনাকে এই কাজটি করতে হলে অবশ্যই Taifun Tools Extension ব্যবহার করতে হবে আর এই Extension আপনি যদি গুগলের সার্চ করেন তাহলে আপনি পেয়ে যাবেন এবং সেখানে আপনারা কিভাবে Extension টি ব্যবহার করবেন তাও দেখানো হয়েছে। আপনারা সহজেই সেই Extension পেয়ে যাবেন এবং সেটি ব্যবহার করতে শিখে যাবেন। এছাড়াও আপনি যদি Extension টির ব্যবহার না জানেন তাহলেও এই কাজটি করতে পারবেন সমস্যা নেই।

শেষকথা

আমি অনেক কষ্ট করে দীর্ঘদিন ধরে এই সিস্টেমটি জানার প্রচেষ্টা করেছি। দীর্ঘ ছয় মাসের প্রচেষ্টায় আমি এই সফলতা পেয়েছি। আশা করি আপনাদের অনেক ভালো লাগবে।

*

একটি মন্তব্য পোস্ট করুন (0)
নবীনতর পূর্বতন