როგორ გააკეთოთ კალკულატორი Xcode– ში Swift– ის გამოყენებით: 9 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:20

ამ სწრაფ გაკვეთილში მე გაჩვენებთ თუ როგორ უნდა შექმნათ მარტივი კალკულატორი Swift Xcode– ში. ეს აპლიკაცია შექმნილია იმისთვის, რომ თითქმის იდენტურად გამოიყურებოდეს iOS– ის ორიგინალური კალკულატორის აპლიკაციისთვის. თქვენ შეგიძლიათ მიყევით მითითებებს ნაბიჯ-ნაბიჯ და ააშენოთ კალკულატორი ჩემთან ერთად, ან შეგიძლიათ უბრალოდ გადადით ბოლო საფეხურზე და დააკოპირეთ და ჩასვით კოდი თქვენს ხედვის კონტროლერში. თუმცა, თუ ამას აკეთებთ, დარწმუნდით, რომ დააკავშიროთ ყველა თქვენი ელემენტი სცენარბორდზე თქვენი ხედვის კონტროლერთან.

ნაბიჯი 1: პროექტის შექმნა

პირველი ნაბიჯი ჩვენი კალკულატორის შესაქმნელად არის პროექტის რეალურად შექმნა Xcode– ში. ამის გაკეთება შეგიძლიათ დაწკაპვით "შექმენით ახალი Xcode პროექტი" და დაასახელეთ ის რაც გსურთ. ჩემსას დავარქვი "გამომთვლელი". შემდეგი ნაბიჯი არის პროგრამის ტიპისთვის "ერთი ხედის აპლიკაციის" არჩევა. შეინახეთ ყველა სხვა ინფორმაცია, როგორც ნაგულისხმევი მნიშვნელობა.

ნაბიჯი 2: მოთხრობის განლაგება

ჩვენი კალკულატორის შექმნის მეორე ნაბიჯი მოითხოვს თქვენ შეიმუშაოთ სცენარის დაფაზე ძირითადი განლაგება. სანამ ამას დაიწყებდით, გირჩევთ შეცვალოთ თქვენი სიმულატორი მოწყობილობა iPhone 7 Plus– ით. დაიწყეთ ღილაკის გადატანით სცენარბორდზე და შეცვალეთ მისი ზომები 89 x 89. შეცვალეთ მისი ფონის ფერი მერკური ატრიბუტების ინსპექტორზე და მისი შრიფტის ფერი ვოლფრამი. შემდეგი, შეცვალეთ შრიფტი Helvetica Light 30. განაგრძეთ ღილაკის კოპირება და ჩასმა მანამ, სანამ სულ 20 არ გაქვთ. შეცვალეთ ამ ღილაკების განლაგება ისე, რომ გქონდეთ ხუთი სტრიქონი და ოთხი სვეტი.

ნაბიჯი 3: სცენარის დიზაინი და ესთეტიკა

წაშალეთ ქვედა რიგის მეორე ღილაკი და გააფართოვეთ პირველი ღილაკი ამ სივრცის დასაკავებლად. შეცვალეთ ამ ღილაკის ადგილის მნიშვნელობა ნულამდე. განაგრძეთ თითოეული ღილაკის რიცხვითი მნიშვნელობებისა და სიმბოლოების შეცვლა მანამ, სანამ იგი პრაქტიკულად არ იქნება იდენტური ზემოთ ნაჩვენები სურათის. ატრიბუტების ინსპექტორზე, მუქი ნაცრისფერი არის ვერცხლისფერი, ნარინჯისფერი არის მანდარინი, ხოლო შრიფტის ფერი იცვლება თოვლად ფორთოხლის ღილაკებზე. შემდეგი, დააწკაპუნეთ ხედის კონტროლერზე და შეცვალეთ მისი ფონის ფერი შავი. დაამატეთ ეტიკეტი ღილაკების ზემოთ და შეცვალეთ მისი ზომა ისე, როგორც კომფორტულად გრძნობთ თავს. გაასწორეთ ტექსტი მარჯვნივ და შეცვალეთ ეტიკეტის შრიფტი Helvetica light 70. თუ გსურთ, შეგიძლიათ დაამატოთ შეზღუდვები ყველა ელემენტს, რათა აპლიკაცია ერთნაირი იყოს ყველა მოწყობილობისთვის.

ნაბიჯი 4: ელემენტების დაკავშირება და ინტეგრირება

გახსენით ატრიბუტების ინსპექტორი და შეცვალეთ ტეგი თითოეული ნომრის ღილაკზე. ტეგი უნდა იყოს 1 მეტი ვიდრე რეალური რიცხვითი მნიშვნელობა. მაგალითად, #0 ღილაკს უნდა ჰქონდეს ტეგი 1, #1 ღილაკს უნდა ჰქონდეს ტეგი 2, #2 ღილაკს უნდა ჰქონდეს ტეგი 3 და ა.შ. შემდეგი, დააჭირეთ კონტროლს, დააწკაპუნეთ ღილაკზე #0 და გადაიტანეთ იგი ხედის კონტროლერზე. ეკრანზე უნდა გამოჩნდეს ამომხტარი ფანჯარა. შეცვალეთ კავშირი "მოქმედება", ტიპი "UIButton", ღონისძიება "Touch Up Inside", არგუმენტები "გამგზავნი" და მისი სახელი "რიცხვებით". თქვენ შეგიძლიათ შეცვალოთ სახელი, როგორც გსურთ, მაგრამ ეს ნიშნავს, რომ თქვენ კვლავ უნდა შეცვალოთ სახელი პროგრამის შემდგომში ფუნქციის გამოძახებისას. შემდეგი, აკონტროლეთ, დააწკაპუნეთ და გადაიტანეთ თითოეული რიცხვითი ღილაკი იმ ფუნქციაში, რომელიც ჩვენ შევქმენით. ახლა, აკონტროლეთ, დააწკაპუნეთ და გადაიტანეთ ეტიკეტი პროგრამაში, მაგრამ არა ფუნქციაში. ეს ნიშნავს, რომ თქვენ უბრალოდ შემოაქვთ ეტიკეტი ფუნქციაში, როგორც ცალკეული ცვლადი. დაიმახსოვრე, თუ ოდესმე დაბნეული ხარ კოდში, მე დავტოვე მთელი ჩემი კოდი, რომ გამოვიყენო ამ ინსტრუქციის ბოლო საფეხურზე.

ნაბიჯი 5: ცვლადების ჩამოყალიბება

იმისათვის, რომ ჩვენი რიცხვითი ღილაკები იყოს ფუნქციონალური, ჩვენ მოგვიწევს მათი მნიშვნელობის დაკავშირება ეტიკეტზე ჩვენს 'ნომრების' ფუნქციაში. ამის გაკეთება შეგიძლიათ ცვლადის 'numberOnScreen' შექმნით და გახადოთ ის ორმაგი და ტოლი 0: var numberOnScreen: Double = 0; და არ უნდა დაგვავიწყდეს, თუ კოდი აქ არის ოდნავ გაუგებარი, მე დავტოვე სრული კოდი ბოლო საფეხურზე, რათა გამოვიყენოთ თქვენი შეხედულებისამებრ. შემდეგი, შექმენით კიდევ ერთი ცვლადი 'performMath' ტიპის bool და გახადეთ ყალბი: var performMath = false; ასევე, შექმენით სხვა ცვლადი სახელწოდებით 'previousNumber' ტიპის ორმაგი და დაადგინეთ ის 0 -ის ტოლი: var previousNumber: Double = 0; ბოლო ცვლადი, რომელიც თქვენ უნდა შექმნათ არის "ოპერაციის" ცვლადი. დააყენეთ ის 0 -ის ტოლი: var ოპერაცია = 0;

ნაბიჯი 6: რიცხვის ღილაკების ფუნქცია

მას შემდეგ რაც შექმნით შესაბამის ცვლადებს, შეგიძლიათ გააგრძელოთ ამ კოდის კოპირება და ჩასმა თქვენს 'ნომრების' ფუნქციაში:

თუ ასრულებს მათემატიკას == ჭეშმარიტი {

label.text = სიმებიანი (გამგზავნი. ტაგ -1)

numberOnScreen = ორმაგი (label.text!)!

ასრულებს მათემატიკას = ყალბი

}

სხვა {

label.text = label.text! + სიმებიანი (გამგზავნი. ტეგ -1)

numberOnScreen = ორმაგი (label.text!)!

}

არსებითად, კოდის ეს ნაწილი აჩვენებს ეტიკეტზე გარკვეულ ციფრებს შესაბამისი ღილაკის დაჭერისას. თუმცა, ჩვენ მაინც უნდა შეგვეძლოს ყველა სხვა ღილაკის გამოყენება და კალკულატორის ფუნქციონირება. ჩვენ ამას გავაკეთებთ მომდევნო რამდენიმე ნაბიჯში.

ნაბიჯი 7: ოპერაციული ღილაკების ინტეგრირება

გახსენით ატრიბუტების ინსპექტორი და შეცვალეთ ტეგი ყველა სხვა ღილაკზე. გასუფთავების ღილაკს უნდა ჰქონდეს ნიშანი 11, გაყოფის ღილაკს უნდა ჰქონდეს ნიშანი 12, გამრავლების ღილაკს უნდა ჰქონდეს ნიშანი 13, გამოკლების ღილაკს უნდა ჰქონდეს ნიშანი 14, დამატების ღილაკს უნდა ჰქონდეს ნიშანი 15, და თანაბარ ღილაკს უნდა ჰქონდეს ნიშანი 16. შემდეგი, დააჭირეთ კონტროლს, დააწკაპუნეთ გასუფთავების ღილაკზე და გადაიტანეთ იგი ხედის კონტროლერზე. ეკრანზე უნდა გამოჩნდეს ამომხტარი ფანჯარა. შეცვალეთ კავშირი "მოქმედება", ტიპი "UIButton", ღონისძიება "Touch Up Inside", არგუმენტები "გამგზავნი" და მისი სახელი "ღილაკებით". თქვენ შეგიძლიათ შეცვალოთ სახელი, როგორც გსურთ, მაგრამ ეს ნიშნავს, რომ თქვენ კვლავ უნდა შეცვალოთ სახელი პროგრამის შემდგომში ფუნქციის გამოძახებისას. შემდეგი, აკონტროლეთ, დააწკაპუნეთ და გადაიტანეთ თითოეული განსხვავებული ღილაკი იმ ფუნქციაში, რომელიც ჩვენ შევქმენით.

ნაბიჯი 8: სხვადასხვა ღილაკების ფუნქცია

მას შემდეგ რაც დაუკავშირებთ ყველა მონიშნულ ღილაკს მათ შესაბამის ფუნქციას, შეგიძლიათ დაიწყოთ კოდის ჩასმა "ღილაკების" ფუნქციაში:

previousNumber = ორმაგი (label.text!)!

თუ გამგზავნი. tag == 12 {// გაყოფა

label.text = "/";

}

თუ გამგზავნი. tag == 13 {// გამრავლება

label.text = "x";

}

თუ გამგზავნი. tag == 14 {// გამოკლება

label.text = "-";

}

თუ გამგზავნი. tag == 15 {// დამატება

label.text = "+";

}

ოპერაცია = გამგზავნი

PerformMath = ჭეშმარიტი;

}

სხვა შემთხვევაში, თუ გამგზავნი. tag == 16 {

თუ ოპერაცია == 12 {// გაყოფა

label.text = სიმებიანი (previousNumber / numberOnScreen)

}

სხვა შემთხვევაში თუ ოპერაცია == 13 {// გამრავლება

label.text = სიმებიანი (previousNumber * numberOnScreen)

}

სხვა შემთხვევაში თუ ოპერაცია == 14 {// გამოკლება

label.text = სიმებიანი (previousNumber - numberOnScreen)

}

სხვა შემთხვევაში თუ ოპერაცია == 15 {// დამატება

label.text = სიმებიანი (previousNumber + numberOnScreen)

}

}

სხვა შემთხვევაში, თუ გამგზავნი. tag == 11 {

label.text = ""

წინა რიცხვი = 0;

numberOnScreen = 0;

ოპერაცია = 0;

}

არსებითად, კოდის ეს ნაწილი აჩვენებს ერთ – ერთ სხვადასხვა ღილაკს დაჭერისას და აგრძელებს საბოლოო პასუხის გამოთვლას და აჩვენებს მას ეტიკეტზე.

ნაბიჯი 9: სრული კოდი

თუ თქვენ არ გინდოდათ კალკულატორის გაკეთება ჩემთან ერთად ეტაპობრივად, მაშინ შეგიძლიათ უბრალოდ დაამატოთ ელემენტები თქვენს სცენარბორდზე და დააკოპიროთ და ჩასვათ სრული კოდი თქვენი ხედვის კონტროლერში. აქ არის კოდი:

იმპორტი UIKit

კლასის ViewController: UIViewController {

var numberOnScreen: ორმაგი = 0;

var previousNumber: ორმაგი = 0;

var performMath = ყალბი;

var ოპერაცია = 0;

@IBAction ფუნქციის ნომრები (_ გამგზავნი: UIButton) {

თუ ასრულებს მათემატიკას == ჭეშმარიტი {

label.text = სიმებიანი (გამგზავნი. ტაგ -1)

numberOnScreen = ორმაგი (label.text!)!

ასრულებს მათემატიკას = ყალბი

}

სხვა {

label.text = label.text! + სიმებიანი (გამგზავნი. ტეგ -1)

numberOnScreen = ორმაგი (label.text!)!

}

}

@IBOutlet სუსტი var ეტიკეტი: UILabel!

@IBAction ფუნქციის ღილაკები (_ გამგზავნი: UIButton) {

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

previousNumber = ორმაგი (label.text!)!

თუ გამგზავნი. tag == 12 {// გაყოფა

label.text = "/";

}

თუ გამგზავნი. tag == 13 {// გამრავლება

label.text = "x";

}

თუ გამგზავნი. tag == 14 {// გამოკლება

label.text = "-";

}

თუ გამგზავნი. tag == 15 {// დამატება

label.text = "+";

}

ოპერაცია = გამგზავნი

PerformMath = ჭეშმარიტი;

}

სხვა შემთხვევაში, თუ გამგზავნი. tag == 16 {

თუ ოპერაცია == 12 {// გაყოფა

label.text = სიმებიანი (previousNumber / numberOnScreen)

}

სხვა შემთხვევაში თუ ოპერაცია == 13 {// გამრავლება

label.text = სიმებიანი (previousNumber * numberOnScreen)

}

სხვა შემთხვევაში თუ ოპერაცია == 14 {// გამოკლება

label.text = სიმებიანი (previousNumber - numberOnScreen)

}

სხვა შემთხვევაში თუ ოპერაცია == 15 {// დამატება

label.text = სიმებიანი (previousNumber + numberOnScreen)

}

}

სხვა შემთხვევაში, თუ გამგზავნი. tag == 11 {

label.text = ""

წინა რიცხვი = 0;

numberOnScreen = 0;

ოპერაცია = 0;

}

}

უგულებელყოფა func viewDidLoad () {

super.viewDidLoad ()

// განახორციელეთ რაიმე დამატებითი კონფიგურაცია ხედის ჩატვირთვის შემდეგ, როგორც წესი, ნიბიდან.

}

override func didReceiveMemoryWarning () {

super.didReceiveMemoryWarning ()

// განკარგეთ ნებისმიერი რესურსი, რომლის ხელახლა შექმნა შესაძლებელია.

}

}