সুচিপত্র:

অ্যান্ড্রয়েড অ্যাপ পার্ট 1: স্প্ল্যাশ স্ক্রিন ফ্র্যাগমেন্টস/কোটলিন ব্যবহার করে: 5 টি ধাপ
অ্যান্ড্রয়েড অ্যাপ পার্ট 1: স্প্ল্যাশ স্ক্রিন ফ্র্যাগমেন্টস/কোটলিন ব্যবহার করে: 5 টি ধাপ

ভিডিও: অ্যান্ড্রয়েড অ্যাপ পার্ট 1: স্প্ল্যাশ স্ক্রিন ফ্র্যাগমেন্টস/কোটলিন ব্যবহার করে: 5 টি ধাপ

ভিডিও: অ্যান্ড্রয়েড অ্যাপ পার্ট 1: স্প্ল্যাশ স্ক্রিন ফ্র্যাগমেন্টস/কোটলিন ব্যবহার করে: 5 টি ধাপ
ভিডিও: How to Add Splash Screen in App || Convert Website Into Android App Part 5 || Android Studio 2024, জুলাই
Anonim
Image
Image
ফ্র্যাগমেন্ট ম্যানেজার এবং 3 টি স্ক্রিন
ফ্র্যাগমেন্ট ম্যানেজার এবং 3 টি স্ক্রিন

আবারো স্বাগতম, সম্ভবত COVID19 এর কারণে আপনার বাড়িতে কিছু "ফ্রি" সময় আছে এবং আপনি অতীতে যে বিষয়গুলি শিখতে চেয়েছিলেন তা পরীক্ষা করতে ফিরে যেতে পারেন।

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

কোটলিনে প্রোগ্রামিং অবশ্যই কোডিংয়ের প্রচেষ্টা হ্রাস করে এবং বেশ অল্প সময়ে ফলাফল অর্জনে সহায়তা করে। এটা সত্যিই মহান!

এই টিউটোরিয়াল সিরিজে, আমি ব্যাখ্যা করব কিভাবে টেনিস স্কোর ট্র্যাকার তৈরি করা যায়। এই অ্যাপটি ব্যবহার করা যাবে যখন আপনি বন্ধুদের এবং/অথবা পরিবারের সাথে খেলবেন (আপনি আপনার সন্তানকে ট্যাবলেট দিতে পারেন এবং তাকে/তাকে ব্যস্ত রাখতে পারেন:))। এই অ্যাপটি নিম্নলিখিত কোটলিন কাউন্টার উদাহরণের উপর ভিত্তি করে তৈরি।

টিউটোরিয়ালে নিম্নলিখিত অংশ রয়েছে:

পার্ট 1: টুকরা ব্যবহার করে স্প্ল্যাশ স্ক্রিন (আমরা এখন এখানে)

পার্ট 2: ম্যাচ কনফিগারেশন - বৈশিষ্ট্য

পার্ট 3: ম্যাচ স্কোর ট্র্যাকার

মূল ধারণা হল অ্যাপটিকে different টি ভিন্ন ভিন্ন স্ক্রিনে বিভক্ত করা, তাদের প্রত্যেকটি পরেরটি কল করবে, একবার সম্পন্ন হলে বা যখন ব্যবহারকারী সংশ্লিষ্ট বোতাম টিপবে।

এই প্রথম অংশে, আমি ব্যাখ্যা করবো কিভাবে একটি ইন্ট্রো স্ক্রিন তৈরি করতে হয় -> উপরের ভিডিওটি দেখুন।

সরবরাহ

এই অংশে ব্যবহৃত অ্যান্ড্রয়েড বৈশিষ্ট্য:

  • টুকরা
  • অ্যানিমেশন
  • কম্পন
  • মিডিয়া প্লেয়ার
  • শ্রোতা

প্রয়োজনীয় সরঞ্জাম:

  • অ্যান্ড্রয়েড স্টুডিও
  • কোটলিন 1.3.61
  • API স্তর 28

প্রয়োজনীয় সম্পদ

একটি বীপ সাউন্ড ফাইল

ধাপ 1: ব্যবহারকারীর অভিজ্ঞতা ডিজাইন

আসুন আমাদের ইন্ট্রো স্ক্রিনের বৈশিষ্ট্যগুলি ব্যাখ্যা করি।

  1. আমরা সাদা রঙের একটি পূর্ণ পর্দা চাই
  2. আমরা পর্দা সবসময় ল্যান্ডস্কেপ মোডে রাখতে চাই
  3. আমরা আমাদের লোগো-টেক্সট রঙ ধূসর চাই
  4. আমরা আমাদের বলের রং সবুজ রঙে চাই
  5. আমরা চাই আমাদের লোগো-টেক্সট বিবর্ণ হয়ে যাক
  6. আমরা একটি টেনিস বল পর্দায় চলতে চাই (বাউন্সিং বল)
  7. আমরা যখনই একটি পৃষ্ঠকে স্পর্শ করি তখন আমরা একটি শব্দ বাজাতে চাই
  8. আমরা একটি ফোন কম্পন ট্রিগার করতে চাই যখন একটি শব্দ বাজানো হয়
  9. আমরা ইন্ট্রো সময়কাল 4s এর চেয়ে কম হতে চাই।

ধাপ 2: ফ্র্যাগমেন্ট ম্যানেজার এবং 3 টি স্ক্রিন

ফ্র্যাগমেন্ট ম্যানেজার এবং 3 টি স্ক্রিন
ফ্র্যাগমেন্ট ম্যানেজার এবং 3 টি স্ক্রিন

আসুন আমাদের অ্যাপের মূল ধারণাটি স্মরণ করি, আমরা 3 টি স্ক্রিন (ইন্ট্রো, প্রোপার্টি এবং ম্যাচ স্কোর) চাই। এর জন্য আমরা ফ্র্যাগমেন্টস ব্যবহার করতে যাচ্ছি। সুতরাং আমাদের প্রতিটি পর্দার জন্য তাদের মধ্যে 3 টি প্রয়োজন। প্রথম কোড স্নিপেট পড়ুন।

দ্বিতীয়টিতে, আমরা খুঁজে পেতে পারি কিভাবে আমরা আমাদের প্রথম খণ্ডকে কল করি। স্প্ল্যাশ টুকরা আমাদের পরিচিতির জন্য ব্যবহার করা হয়।

ধাপ 3: অ্যাপ এবং ইন্ট্রো স্ক্রিন লেআউট

অ্যাপ এবং ইন্ট্রো স্ক্রিন লেআউট
অ্যাপ এবং ইন্ট্রো স্ক্রিন লেআউট
অ্যাপ এবং ইন্ট্রো স্ক্রিন লেআউট
অ্যাপ এবং ইন্ট্রো স্ক্রিন লেআউট
অ্যাপ এবং ইন্ট্রো স্ক্রিন লেআউট
অ্যাপ এবং ইন্ট্রো স্ক্রিন লেআউট
  • স্ক্রিনের অবস্থান ঠিক করতে এবং ফোনের কোন ঘূর্ণন উপেক্ষা করার জন্য, আমাদের AndroidManifest.xml এ নিম্নলিখিত কোড পিকচার 1 যোগ করতে হবে।
  • সমস্ত স্ক্রিন থেকে অ্যাকশন বার অপসারণ করার জন্য, আমাদের styles.xml এ নিচের কোড পিকচার 2 যোগ করতে হবে
  • সমস্ত স্ক্রিনে পূর্ণ পর্দা ঠেলে দেওয়ার জন্য, আমাদের ছবি 3 -এর মতো 2 টি ভিন্ন পদ্ধতিতে কিছু পতাকা সেট করতে হবে। Oncreate () এবং onWindowFocusChanged।

ধাপ 4: লোগো এবং বল সিলেস সংজ্ঞায়িত করা

লোগো এবং বল সিলেসের সংজ্ঞা
লোগো এবং বল সিলেসের সংজ্ঞা
লোগো এবং বল সিলেসের সংজ্ঞা
লোগো এবং বল সিলেসের সংজ্ঞা
  • আমরা আমাদের লেখার আগে ধূসর হিসাবে সংজ্ঞায়িত করেছি, এটি styles.xml ফাইলের অধীনে করা হয়েছে। ছবি 1 দেখুন।
  • আমরা ভালভাবে সংজ্ঞায়িত করেছি যে বলটি সবুজ টোনে হওয়া উচিত এর জন্য, আমরা অঙ্কনযোগ্য ফোল্ডারের অধীনে ball.xml তৈরি করি। ছবি 2 চেক করুন

ধাপ 5: অ্যানিমেশন বর্ণনা

আমি এখানে অ্যানিমেশনের যুক্তি এবং ক্রম ব্যাখ্যা করব। আমি মনে করি এখানে কোড স্নিপেট যুক্ত করার কোন মানে হয় না, আপনি নিজে কোডটি দিয়ে যান।

অ্যানিমেশনের ধারণাটি নিম্নরূপ:

  • টুকরো তৈরির পরে, পাঠ্যের লোগো তৈরি করে শুরু করা হয়
  • একবার টেক্সট লোগো অ্যানিমেশন সম্পন্ন হলে, টেনিস বল প্রথম প্যারাবোলিক মুভ আহ্বান করা হয়
  • একবার প্রথম প্যারাবোলিক মুভমেন্ট সম্পন্ন হলে, একটি শব্দ বাজানো হয় এবং ফোনটি স্পন্দিত হয়.. এবং পরবর্তী প্যারাবোলিক মুভমেন্ট আহ্বান করা হয়
  • শেষ প্যারাবোলিক মুভমেন্ট শেষ হয়ে গেলে এবং সাউন্ড/ভাইব্রেশন এক্সিকিউট হয়ে গেলে আমরা আমাদের দ্বিতীয় স্ক্রিনে কল করতে পয়েন্টে পৌঁছাই।

মন্তব্য: আমি অ্যানিমেশনের জন্য একটি বিমূর্ত ক্লাস তৈরি করিনি, কারণ আমি কোডটি সমতল রাখতে চেয়েছিলাম … অন্তত আমার জন্য অনুসরণ করা সহজ:)

আমি পরের দিনগুলোতে সিরিজের দ্বিতীয় পর্বটি পোস্ট করব, যদি আপনি এই অংশটি পছন্দ করেন আমাকে অনুসরণ করুন এবং যদি না হয়, আমি আপনার মতামত পেয়ে খুশি হব।

প্রস্তাবিত: