কিভাবে Xcode এ সুইফ্ট ব্যবহার করে ক্যালকুলেটর তৈরি করবেন: 9 টি ধাপ

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 08:02

এই দ্রুত টিউটোরিয়ালে, আমি আপনাকে দেখাবো কিভাবে এক্সকোডে সুইফট ব্যবহার করে একটি সাধারণ ক্যালকুলেটর তৈরি করতে হয়। এই অ্যাপটি আইওএস -এর মূল ক্যালকুলেটর অ্যাপের প্রায় অভিন্ন দেখতে তৈরি করা হয়েছে। আপনি ধাপে ধাপে নির্দেশাবলী অনুসরণ করতে পারেন এবং আমার সাথে ক্যালকুলেটর তৈরি করতে পারেন, অথবা আপনি কেবল শেষ ধাপে গিয়ে কোডটি আপনার ভিউ কন্ট্রোলারে কপি এবং পেস্ট করতে পারেন। যাইহোক, যদি আপনি এটি করেন তবে স্টোরিবোর্ডে আপনার সমস্ত উপাদানগুলিকে আপনার ভিউ কন্ট্রোলারের সাথে সংযুক্ত করতে ভুলবেন না।

ধাপ 1: প্রকল্প তৈরি করা

আমাদের ক্যালকুলেটর তৈরির প্রথম ধাপটি আসলে এক্সকোডে প্রকল্পটি তৈরি করা। আপনি "একটি নতুন এক্সকোড প্রকল্প তৈরি করুন" এ ক্লিক করে এটি করতে পারেন এবং আপনি যা চান তা নামকরণ করতে পারেন। আমি আমার নাম দিলাম "ক্যালকুলেটর।" পরবর্তী ধাপ হল অ্যাপ টাইপের জন্য "সিঙ্গেল ভিউ অ্যাপ্লিকেশন" নির্বাচন করা। অন্যান্য সমস্ত তথ্য ডিফল্ট মান হিসাবে রাখুন।

ধাপ 2: স্টোরিবোর্ড লেআউট

আমাদের ক্যালকুলেটর তৈরির ধাপ 2 এর জন্য আপনাকে স্টোরিবোর্ডে একটি মৌলিক বিন্যাস ডিজাইন করতে হবে। আপনি এটি শুরু করার আগে, আমি আপনার সিমুলেটর ডিভাইসটি আইফোন 7 প্লাসে পরিবর্তন করার পরামর্শ দিই। স্টোরিবোর্ডে একটি বোতাম টেনে নিয়ে শুরু করুন এবং এর মাত্রা 89 x 89 এ পরিবর্তন করুন। অ্যাট্রিবিউটস ইন্সপেক্টরের পারদ এবং তার ফন্টের রঙ টাংস্টেনে পরিবর্তন করুন। পরবর্তীতে, হেলভেটিকা লাইট 30 এ ফন্টটি সামঞ্জস্য করুন। যতক্ষণ না আপনার মোট 20 টি থাকে ততক্ষণ বোতামটি কপি এবং পেস্ট করা চালিয়ে যান। এই বোতামগুলির বিন্যাস সামঞ্জস্য করুন যাতে আপনার পাঁচটি সারি এবং চারটি কলাম থাকে।

ধাপ 3: স্টোরিবোর্ড ডিজাইন এবং নান্দনিকতা

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

ধাপ 4: উপাদানগুলিকে সংযুক্ত করা এবং সংহত করা

অ্যাট্রিবিউটস ইন্সপেক্টর খুলুন এবং প্রতিটি একক নম্বর বোতামের জন্য ট্যাগ পরিবর্তন করুন। ট্যাগটি প্রকৃত সংখ্যাসূচক মানের চেয়ে 1 বেশি হওয়া উচিত। উদাহরণস্বরূপ, #0 বোতামে 1 এর একটি ট্যাগ মান থাকতে হবে, #1 বোতামে 2 এর একটি ট্যাগ মান থাকতে হবে, #2 বোতামে 3 এর একটি ট্যাগ মান থাকতে হবে, ইত্যাদি। পরবর্তী, কন্ট্রোল টিপুন, #0 বোতামে ক্লিক করুন এবং ভিউ কন্ট্রোলারে টেনে আনুন। একটি পপআপ স্ক্রিনে উপস্থিত হওয়া উচিত। কানেকশনকে 'অ্যাকশনে', 'টাইপকে' UIButton ',' ইভেন্টটিকে 'টাচ আপ ইনসাইড', 'আর্গুমেন্টসকে' প্রেরক 'এবং এর নাম' নাম্বার' -এ পরিবর্তন করুন। আপনি নামটি যা চান তা পরিবর্তন করতে পারেন কিন্তু এর অর্থ হল প্রোগ্রামে ফাংশনটি কল করার সময় আপনাকে আবার নাম পরিবর্তন করতে হবে। পরবর্তীতে, প্রতিটি সংখ্যার বোতামটি আমাদের তৈরি করা ফাংশনে নিয়ন্ত্রণ, ক্লিক এবং টেনে আনুন। এখন, প্রোগ্রামে লেবেলটি নিয়ন্ত্রণ করুন, ক্লিক করুন এবং টেনে আনুন, কিন্তু ফাংশনে নয়। এর মানে হল যে আপনি কেবল একটি পৃথক পরিবর্তনশীল হিসাবে ফাংশনে লেবেলটি নিয়ে আসেন। মনে রাখবেন, যদি আপনি কখনও কোড সম্পর্কে বিভ্রান্ত হন, তবে আমি এই নির্দেশের শেষ ধাপে ব্যবহার করার জন্য আমার সমস্ত কোড রেখেছি।

ধাপ 5: ভেরিয়েবল স্থাপন

আমাদের নম্বর বোতামগুলি কার্যকরী করার জন্য, আমাদের তাদের 'সংখ্যা' ফাংশনে লেবেলের সাথে তাদের মান সংযুক্ত করতে হবে। আপনি প্রথমে একটি ভেরিয়েবল 'numberOnScreen' তৈরি করে এটি করতে পারেন এবং এটিকে টাইপ করুন ডাবল এবং 0 এর সমান: var numberOnScreen: Double = 0; এবং ভুলে যাবেন না, যদি এখানে কোডটি একটু অস্পষ্ট হয়, আমি আপনাকে আপনার পছন্দ অনুসারে ব্যবহারের জন্য শেষ ধাপে সম্পূর্ণ কোডটি রেখে দিয়েছি। এরপরে, আরেকটি পরিবর্তনশীল 'পারফর্মিংম্যাথ' টাইপ বুল প্রতিষ্ঠা করুন এবং এটি মিথ্যা করুন: var performanceMath = false; এছাড়াও, ডাবল টাইপের 'previousNumber' নামে আরেকটি ভেরিয়েবল তৈরি করুন এবং এটি 0: var previousNumber: Double = 0 এর সমান সেট করুন; সর্বশেষ পরিবর্তনশীল যা আপনাকে তৈরি করতে হবে তা হল 'অপারেশন' ভেরিয়েবল। এটি 0 এর সমান সেট করুন: var অপারেশন = 0;

ধাপ 6: সংখ্যা বোতাম ফাংশন

আপনি যথাযথ ভেরিয়েবল স্থাপন করার পরে, আপনি এই কোডটি আপনার 'নম্বর' ফাংশনে কপি এবং পেস্ট করতে এগিয়ে যেতে পারেন:

পারফর্মিং ম্যাথ == সত্য {

label.text = স্ট্রিং (sender.tag-1)

numberOnScreen = ডাবল (label.text!)!

পারফর্মিং ম্যাথ = মিথ্যা

}

অন্য {

label.text = label.text! + স্ট্রিং (sender.tag-1)

numberOnScreen = ডাবল (label.text!)!

}

মূলত, কোডের এই টুকরাটি লেবেলে নির্দিষ্ট সংখ্যা প্রদর্শন করে যখন উপযুক্ত বোতামটি চাপানো হয়। যাইহোক, আমাদের এখনও অন্যান্য সমস্ত বোতাম ব্যবহার করতে এবং ক্যালকুলেটরকে কার্যকরী করতে সক্ষম হতে হবে। আমরা পরবর্তী কয়েক ধাপে এটি করব।

ধাপ 7: অপারেশন বোতাম সংহত করা

অ্যাট্রিবিউটস ইন্সপেক্টর খুলুন এবং সমস্ত বিবিধ বোতামের জন্য ট্যাগ পরিবর্তন করুন। ক্লিয়ার বোতামে 11 টি ট্যাগ থাকতে হবে, ডিভিশন বোতামে 12 টি ট্যাগ থাকতে হবে, গুণ বাটনে 13 টি ট্যাগ থাকতে হবে, বিয়োগ বোতামে 14 টি ট্যাগ থাকতে হবে, অ্যাডিশন বাটনে 15 টি ট্যাগ থাকতে হবে, এবং সমান বোতামে 16 টি ট্যাগ থাকা উচিত। পরবর্তী, কন্ট্রোল টিপুন, ক্লিয়ার বোতামে ক্লিক করুন এবং ভিউ কন্ট্রোলারে টেনে আনুন। একটি পপআপ স্ক্রিনে উপস্থিত হওয়া উচিত। কানেকশনকে 'অ্যাকশনে', 'টাইপকে' UIButton ',' ইভেন্টটিকে 'টাচ আপ ইনসাইড', 'প্রেরক' -এর আর্গুমেন্ট এবং এর নাম' বোতাম' -এ পরিবর্তন করুন। আপনি নামটি যা চান তা পরিবর্তন করতে পারেন কিন্তু এর অর্থ হল প্রোগ্রামে ফাংশনটি কল করার সময় আপনাকে আবার নাম পরিবর্তন করতে হবে। এরপরে, প্রতিটি বিবিধ বোতামকে আমরা যে ফাংশনে তৈরি করেছি তাতে নিয়ন্ত্রণ, ক্লিক এবং টেনে আনুন।

ধাপ 8: বিবিধ বাটন ফাংশন

আপনি সমস্ত ট্যাগযুক্ত বিবিধ বোতামগুলিকে তাদের যথাযথ ফাংশনে সংযুক্ত করার পরে, আপনি 'বোতাম' ফাংশনে কোডটি toোকানো শুরু করতে পারেন:

previousNumber = ডাবল (label.text!)!

যদি sender.tag == 12 {// ভাগ হয়

label.text = "/";

}

যদি sender.tag == 13 {// গুণ করুন

label.text = "x";

}

যদি sender.tag == 14 {// বিয়োগ

label.text = "-";

}

যদি sender.tag == 15 {// যোগ করুন

label.text = "+";

}

অপারেশন = sender.tag

পারফর্মিং ম্যাথ = সত্য;

}

অন্যথায় যদি sender.tag == 16 {

যদি অপারেশন == 12 {// বিভাজন

label.text = স্ট্রিং (আগের নাম্বার / নাম্বারস্ক্রিন)

}

অন্যথায় যদি অপারেশন == 13 {// গুণিত হয়

label.text = স্ট্রিং (আগের সংখ্যা * numberOnScreen)

}

অন্যথায় যদি অপারেশন == 14 {// বিয়োগ

label.text = স্ট্রিং (আগের সংখ্যা - numberOnScreen)

}

অন্যথায় যদি অপারেশন == 15 {// যোগ করুন

label.text = স্ট্রিং (পূর্ববর্তী সংখ্যা + সংখ্যা অনস্ক্রিন)

}

}

অন্যথায় যদি sender.tag == 11 {

label.text = ""

পূর্ববর্তী সংখ্যা = 0;

numberOnScreen = 0;

অপারেশন = 0;

}

মূলত, কোডের এই অংশটি বিবিধ বোতামগুলির মধ্যে একটি প্রদর্শন করে যখন এটি চাপা হয় এবং চূড়ান্ত উত্তর গণনা করতে এগিয়ে যায় এবং এটি লেবেলে প্রদর্শন করে।

ধাপ 9: সম্পূর্ণ কোড

যদি আপনি আমার সাথে ধাপে ধাপে ক্যালকুলেটর তৈরি করতে না চান, তাহলে আপনি কেবল আপনার স্টোরিবোর্ডে উপাদানগুলি যোগ করতে পারেন এবং আপনার ভিউ কন্ট্রোলারে সম্পূর্ণ কোডটি কপি এবং পেস্ট করতে পারেন। এখানে কোড:

UIKit আমদানি করুন

ক্লাস ভিউ কন্ট্রোলার: UIViewController {

var numberOnScreen: ডাবল = 0;

var পূর্ববর্তী সংখ্যা: ডাবল = 0;

var performanceMath = মিথ্যা;

var অপারেশন = 0;

BAIBAction func সংখ্যা (_ প্রেরক: UIButton) {

পারফর্মিং ম্যাথ == সত্য {

label.text = স্ট্রিং (sender.tag-1)

numberOnScreen = ডাবল (label.text!)!

পারফর্মিং ম্যাথ = মিথ্যা

}

অন্য {

label.text = label.text! + স্ট্রিং (sender.tag-1)

numberOnScreen = ডাবল (label.text!)!

}

}

BIBOutlet দুর্বল var লেবেল: UILabel!

BAIBAction func বাটন (_ প্রেরক: UIButton) {

if label.text! = "" && sender.tag! = 11 && sender.tag! = 16 {

previousNumber = ডাবল (label.text!)!

যদি sender.tag == 12 {// ভাগ হয়

label.text = "/";

}

যদি sender.tag == 13 {// গুণ করুন

label.text = "x";

}

যদি sender.tag == 14 {// বিয়োগ

label.text = "-";

}

যদি sender.tag == 15 {// যোগ করুন

label.text = "+";

}

অপারেশন = sender.tag

পারফর্মিং ম্যাথ = সত্য;

}

অন্যথায় যদি sender.tag == 16 {

যদি অপারেশন == 12 {// বিভাজন

label.text = স্ট্রিং (আগের নাম্বার / নাম্বারস্ক্রিন)

}

অন্যথায় যদি অপারেশন == 13 {// গুণিত হয়

label.text = স্ট্রিং (আগের সংখ্যা * numberOnScreen)

}

অন্যথায় যদি অপারেশন == 14 {// বিয়োগ

label.text = স্ট্রিং (আগের সংখ্যা - numberOnScreen)

}

অন্যথায় যদি অপারেশন == 15 {// যোগ করুন

label.text = স্ট্রিং (পূর্ববর্তী সংখ্যা + সংখ্যা অনস্ক্রিন)

}

}

অন্যথায় যদি sender.tag == 11 {

label.text = ""

পূর্ববর্তী সংখ্যা = 0;

numberOnScreen = 0;

অপারেশন = 0;

}

}

ফাঙ্ক ভিউডিডিলোড () {

super.viewDidLoad ()

// দৃশ্য লোড করার পরে কোন অতিরিক্ত সেটআপ করুন, সাধারণত একটি নিব থেকে।

}

override func didReceiveMemoryWarning () {

super.didReceiveMemoryWarning ()

// পুন resourcesনির্মাণ করা যায় এমন কোন সম্পদ নিষ্পত্তি করুন।

}

}