আমি ফ্লটারে স্প্ল্যাশ স্ক্রিন করার আসল উপায়ে আরও কিছুটা আলোকপাত করতে চাই।
আমি এখানে কিছুটা ট্রেস অনুসরণ করেছি এবং আমি দেখেছি যে জিনিসগুলি ঝাঁকুনির স্প্ল্যাশ স্ক্রিনটি সম্পর্কে এত খারাপ দেখাচ্ছে না।
সম্ভবত বেশিরভাগ ডেভস (আমার মতো) ভাবছেন যে ফ্লুটারে ডিফল্টরূপে স্প্ল্যাশ স্ক্রিন নেই এবং তাদের এটি সম্পর্কে কিছু করা দরকার। একটি স্প্ল্যাশ স্ক্রিন রয়েছে তবে এটি সাদা পটভূমিতে রয়েছে এবং কেউই বুঝতে পারবেন না যে ডিফল্টরূপে আইওএস এবং অ্যান্ড্রয়েডের জন্য ইতিমধ্যে একটি স্প্ল্যাশ স্ক্রিন রয়েছে।
বিকাশকারীকে কেবলমাত্র যা করতে হবে তা হল ব্র্যান্ডিং চিত্রটি সঠিক জায়গায় স্থাপন করা এবং স্প্ল্যাশ স্ক্রিন ঠিক ঠিক সেইভাবেই কাজ শুরু করবে।
এখানে আপনি কীভাবে ধাপে ধাপে এটি করতে পারেন তা এখানে:
অ্যান্ড্রয়েডে প্রথম (কারণ আমার প্রিয় প্ল্যাটফর্মটি :))
আপনার এলোমেলো প্রকল্পে "অ্যান্ড্রয়েড" ফোল্ডারটি সন্ধান করুন।
অ্যাপ্লিকেশনটিতে ব্রাউজ করুন -> এসআরসি -> প্রধান -> রেজোল্ড ফোল্ডার এবং আপনার ব্র্যান্ডিং চিত্রের সমস্ত রূপগুলি সংশ্লিষ্ট ফোল্ডারে রাখুন। উদাহরণ স্বরূপ:
- ঘনত্ব 1 সহ চিত্রটি মিপম্যাপ-এমডিপিআইতে রাখা দরকার,
- 1.5 ঘনত্বের চিত্রটি মিপম্যাপ-এইচডিপিআইতে রাখা দরকার,
- ঘনত্ব 2 সহ চিত্রটি মিপম্যাপ-এক্সডিপিআইতে রাখা দরকার,
- ঘনত্ব 3 সহ চিত্রটি মিপম্যাপ-এক্সএক্সডিপিআইতে রাখা দরকার,
- ঘনত্ব 4 সহ চিত্রটি মিপম্যাপ-এক্সএক্সএক্সডিপিআইতে রাখা দরকার,
অ্যান্ড্রয়েড ফোল্ডারে ডিফল্টরূপে অঙ্কনযোগ্য-এমডিপিআই, অঙ্কনযোগ্য-এইচডিপিআই ইত্যাদি নেই তবে আমরা চাইলে সেগুলি তৈরি করতে পারি। এই সত্যের কারণে চিত্রগুলি মিপম্যাপ ফোল্ডারে স্থাপন করা দরকার। এছাড়াও স্প্ল্যাশ স্ক্রিনের ডিফল্ট এক্সএমএল কোডটি (অ্যান্ড্রয়েডে) @ ড্রপযোগ্য রিসোর্সের পরিবর্তে @ মিপম্যাপ ব্যবহার করতে চলেছে (আপনি চাইলে এটি পরিবর্তন করতে পারেন)।
অ্যান্ড্রয়েডের সর্বশেষ পদক্ষেপটি হ'ল / লঞ্চ_ব্যাকগ্রাউন্ড.এক্সএমএল ফাইলের কয়েকটি এক্সএমএল কোডকে নিয়ন্ত্রণ করা। অ্যাপ্লিকেশনটিতে ব্রাউজ করুন -> src -> প্রধান -> পুনরায়-> অঙ্কনযোগ্য এবং ওপেন লঞ্চ_ব্যাকগ্রাউন্ড.এক্সএমএল। এই ফাইলটির অভ্যন্তরে, আপনি স্ল্যাশ পর্দার পটভূমি কেন সাদা তা দেখতে পাবেন। আমরা দ্বিতীয় ধাপে রেখেছি এমন ব্র্যান্ডিং চিত্রটি প্রয়োগ করতে, আপনার লঞ্চ_ব্যাকগ্রাউন্ড.এক্সএমএল ফাইলের কয়েকটি এক্সএমএল কোডকে আমাদের আপত্তিহীন করতে হবে। পরিবর্তনের পরে কোডটি দেখতে এমন হওয়া উচিত:
<!--<item android:drawable="@android:color/white" />-->
<item>
<bitmap
android:gravity="center"
android:src="@mipmap/your_image_name" />
</item>
দয়া করে মনোযোগ দিন যে আমরা সাদা ব্যাকগ্রাউন্ডের জন্য এক্সএমএল কোডটি মন্তব্য করি এবং মিপম্যাপ চিত্রটি সম্পর্কে কোডটি অসম্মানিত করি। যদি কেউ আগ্রহী হন তবে ফাইলের প্রবর্তন_ব্যাকগ্রাউন্ড.এক্সএমএল স্টাইল.এক্সএমএল ফাইলটিতে ব্যবহৃত হয়।
আইওএসে দ্বিতীয়:
আপনার ঝাঁকুনির প্রকল্পে "আইওএস" ফোল্ডারটি সন্ধান করুন।
রানার -> Assets.xcassets -> LaunchImage.imageset এ ব্রাউজ করুন। LaunchImage.png, LaunchImage@2x.png, ইত্যাদি থাকা উচিত Now এখন আপনাকে এই ব্র্যান্ডিং ইমেজ ভেরিয়েন্টের সাথে এই চিত্রগুলি প্রতিস্থাপন করতে হবে। উদাহরণ স্বরূপ:
- ঘনত্ব 1 সহ চিত্রটি LaunchImage.png ওভাররাইড করতে হবে,
- ঘনত্ব 2 সহ চিত্রটি LaunchImage@2x.png ওভাররাইড করতে হবে,
- ঘনত্ব 3 সহ চিত্রটি LaunchImage@3x.png ওভাররাইড করতে হবে,
- ঘনত্ব 4 সহ চিত্রটি LaunchImage@4x.png ওভাররাইড করতে হবে,
আমি যদি ভুল না হই তবে LaunchImage@4x.png ডিফল্টরূপে উপস্থিত না থাকলেও আপনি সহজেই এটি তৈরি করতে পারেন। যদি LaunchImage@4x.png উপস্থিত না থাকে, আপনাকে এটিকে Contents.json ফাইলটিতেও ঘোষণা করতে হবে, যা চিত্রগুলির মতো একই ডিরেক্টরিতে রয়েছে। পরিবর্তনের পরে আমার কনটেন্টস.জসন ফাইলটি দেখতে এমন দেখাচ্ছে:
{
"images" : [
{
"idiom" : "universal",
"filename" : "LaunchImage.png",
"scale" : "1x"
},
{
"idiom" : "universal",
"filename" : "LaunchImage@2x.png",
"scale" : "2x"
},
{
"idiom" : "universal",
"filename" : "LaunchImage@3x.png",
"scale" : "3x"
},
{
"idiom" : "universal",
"filename" : "LaunchImage@4x.png",
"scale" : "4x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}
এটি আপনার দরকার হবে, পরের বার আপনি যখন আপনার অ্যাপটি চালাবেন তখন অ্যান্ড্রয়েড বা আইওএসে আপনার যুক্ত হওয়া ব্র্যান্ডিং চিত্রের সাথে ডান স্প্ল্যাশ স্ক্রিন থাকা উচিত।
ধন্যবাদ
