Swift ашиглан Xcode дээр тооцоолуур хэрхэн хийх вэ: 9 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:05

Энэхүү хурдан гарын авлагад би Xcode дээр Swift ашиглан энгийн тооцоолуур хэрхэн хийхийг танд үзүүлэх болно. Энэхүү аппликейшн нь iOS -ийн анхны тооцоолох програмтай бараг адилхан харагдахаар бүтээгдсэн болно. Та зааврыг алхам алхамаар дагаж, надтай хамт тооцоолуур үүсгэж болно, эсвэл сүүлийн алхам руу очоод кодыг харах хянагч руу хуулж оруулна уу. Гэсэн хэдий ч, хэрэв та үүнийг хийвэл түүхийн самбар дээрх бүх элементүүдээ харах хянагчтайгаа холбох хэрэгтэй.

Алхам 1: Төслийг бий болгох

Манай тооцоолуур хийх эхний алхам бол төслийг Xcode дээр бий болгох явдал юм. Та "Шинэ Xcode төсөл үүсгэх" дээр дарж хүссэн зүйлээ нэрлэх замаар үүнийг хийж болно. Би өөрийнхөө нэрийг "Тооны машин" гэж нэрлэсэн. Дараагийн алхам бол програмын төрлийг сонгох "Нэг харах програм" -ыг сонгох явдал юм. Бусад бүх мэдээллийг үндсэн утга болгон хадгална уу.

Алхам 2: Storyboard -ийн зохион байгуулалт

Манай тооцоолуурыг бий болгох 2 -р алхам нь түүхийн самбар дээр үндсэн загвар зохион бүтээхийг шаарддаг. Үүнийг эхлүүлэхийн өмнө симулятор төхөөрөмжөө iPhone 7 Plus болгон өөрчлөхийг зөвлөж байна. Түүхийн самбар дээр товчлуурыг чирж, түүний хэмжээг 89 x 89 болгож өөрчил. Эх хавтангийн шинж чанарыг шалгагч дээр мөнгөн ус, гянт болд болгон өөрчлөх. Дараа нь фонтыг Helvetica Light 30 болгож тохируулна уу. Нийт 20 ширхэг болтол товчлуурыг үргэлжлүүлэн хуулж тавь. Эдгээр товчлууруудын байршлыг таван мөр, дөрвөн багана байхаар тохируулна уу.

Алхам 3: Storyboard дизайн ба гоо зүй

Доод эгнээний хоёр дахь товчлуурыг устгаад эхний зайг өргөжүүлж энэ зайг эзэлнэ үү. Энэ товчлуурын орлуулагчийн утгыг тэг болгож өөрчилнө үү. Дээр үзүүлсэн зурагтай бараг ижил байх хүртэл товчлуур бүрийн тооны утга, тэмдгийг өөрчилж байгаарай. Аттрибут шалгагч дээр бараан саарал өнгө нь мөнгө, улбар шар өнгө нь мандарин, фонтын өнгө нь улбар шар товчлуур дээр цас болж өөрчлөгдсөн байна. Дараа нь харах хянагч дээр дарж түүний арын өнгийг хар болгож өөрчилнө үү. Товчлууруудын дээгүүр шошго нэмж, хүссэн хэмжээгээрээ хэмжээг нь тохируулаарай. Текстийг баруун тийш нь тэгшлээд шошгоны фонтыг Helvetica light 70 болгож өөрчилнө үү. Хэрэв та хүсвэл апп -г бүх төхөөрөмжид адилхан харагдуулахын тулд бүх элементүүдэд хязгаарлалт нэмж болно.

Алхам 4: Элементүүдийг холбох, нэгтгэх

Аттрибут шалгагчийг нээж, тоон товчлуур бүрийн тагийг өөрчилнө үү. Шошго нь бодит тоон утгаас 1 -ээс их байх ёстой. Жишээлбэл, #0 товчлуур нь 1, #1 товчлуур нь 2, #2 товчлуур нь 3 гэсэн утгатай байх ёстой. Дараа нь control товчлуурыг дарж, #0 товчлуур дээр дараад харах хянагч руу чирнэ үү. Дэлгэц дээр попап гарч ирэх ёстой. Холболтыг 'үйлдэл' болгож, төрлийг 'UIButton' болгож, үйл явдлыг 'Дотор нь дээш харуулах', аргументыг 'Илгээгч', нэрийг 'тоо' болгон өөрчил. Та нэрийг хүссэнээрээ өөрчилж болно, гэхдээ энэ нь програмын дараа функцийг дуудахдаа нэрийг дахин өөрчлөх шаардлагатай болно гэсэн үг юм. Дараа нь дугаарын товчлуур бүрийг хянаж, дарж, чирээд бидний үүсгэсэн функц рүү чирнэ үү. Одоо шошгыг програм руу оруулна уу, чирнэ үү, гэхдээ функцэд оруулахгүй. Энэ нь та шошгыг функцэд тусдаа хувьсагч болгон оруулж ирнэ гэсэн үг юм. Хэрэв та кодын талаар эргэлзэж байвал энэ зааврын сүүлчийн алхамд ашиглахын тулд би бүх кодыг үлдээсэн гэдгийг санаарай.

Алхам 5: Хувьсагчдыг бий болгох

Тоон товчлууруудаа ажиллуулахын тулд бид тэдгээрийн утгыг "тоонууд" функцынхаа шошготой холбох шаардлагатай болно. Та үүнийг эхлээд 'numberOnScreen' гэсэн хувьсагч үүсгэж, түүнийг давхар, 0 -тэй тэнцүү болгож хийж болно: var numberOnScreen: Double = 0; Мөн энд байгаа код жаахан ойлгомжгүй байвал та хүссэнээрээ ашиглахын тулд хамгийн сүүлийн алхам дээр бүтэн кодыг үлдээсэн гэдгийг бүү мартаарай. Дараа нь bool төрлийн өөр 'performMath' хувьсагч үүсгээд түүнийгээ хуурамч болго: var PerformingMath = false; Мөн double хэлбэрийн 'previousNumber' нэртэй өөр хувьсагч үүсгээд 0 -тэй тэнцүү болгож тохируулаарай: var previousNumber: Double = 0; Таны үүсгэх ёстой хамгийн сүүлийн хувьсагч бол 'үйлдэл' хувьсагч юм. Үүнийг 0 -тэй тэнцүү болгоорой: var operation = 0;

Алхам 6: Тооны товчлуурын функц

Тохирох хувьсагчдыг тогтоосны дараа та энэ кодыг "тоонууд" функц дээрээ хуулж, буулгах ажлыг үргэлжлүүлж болно.

if performMath == үнэн {

label.text = String (sender.tag-1)

numberOnScreen = Давхар (label.text!)!

performMath = худал

}

өөр {

label.text = label.text! + Мөр (sender.tag-1)

numberOnScreen = Давхар (label.text!)!

}

Үндсэндээ энэ код нь тохирох товчлуурыг дарахад шошгон дээрх тодорхой тоонуудыг харуулдаг. Гэсэн хэдий ч бид бусад бүх товчлуурыг ашиглаж, тооцоолуурыг ажиллагаатай болгох чадвартай хэвээр байх ёстой. Бид үүнийг дараагийн хоёр алхамаар хийх болно.

Алхам 7: Үйлдлийн товчлууруудыг нэгтгэх

Аттрибутын байцаагчийг нээж, өөр өөр товчлууруудын шошгыг өөрчилнө үү. Цэвэр товчлуур нь 11, хуваах товчлуур нь 12, үржүүлэх товчлуур нь 13, хасах товчлуур нь 14, нэмэх товчлуур нь 15 гэсэн хаягтай байх ёстой. мөн тэнцүү товчлуур нь 16 гэсэн шошготой байх ёстой. Дараа нь control товчлуурыг дарж цэвэрлэх товчлуур дээр дараад харах хянагч руу чирнэ үү. Дэлгэц дээр попап гарч ирэх ёстой. Холболтыг 'үйлдэл' болгож, төрлийг 'UIButton' болгож, үйл явдлыг 'Touch Up Inside' болгон, аргументыг 'Sender' болгож, нэрийг 'товчлуурууд' болгож өөрчилнө үү. Та нэрийг хүссэнээрээ өөрчилж болно, гэхдээ энэ нь програмын дараа функцийг дуудахдаа нэрийг дахин өөрчлөх шаардлагатай болно гэсэн үг юм. Дараа нь өөр товчлуур бүрийг хянаж, дарж, чирээд бидний үүсгэсэн функц рүү чирнэ үү.

Алхам 8: Төрөл бүрийн товчлуурын функц

Бүх шошготой төрөл бүрийн товчлууруудыг зохих функцэд нь холбосны дараа та 'товчлуурууд' функцэд код оруулж эхлэх боломжтой.

өмнөхNumber = Давхар (label.text!)!

if sender.tag == 12 {// Хуваах

label.text = "/";

}

if sender.tag == 13 {// Үржүүлэх

label.text = "x";

}

if sender.tag == 14 {// хасах

label.text = "-";

}

if sender.tag == 15 {// Нэмэх

label.text = "+";

}

ажиллагаа = sender.tag

performMath = үнэн;

}

өөр бол sender.tag == 16 {

хэрэв үйлдэл == 12 {// Хуваах

label.text = String (өмнөхNumber / numberOnScreen)

}

else бол үйлдэл == 13 {// Үржүүлэх

label.text = String (өмнөхNumber * numberOnScreen)

}

else бол үйлдэл == 14 {// хасах

label.text = String (өмнөхNumber - numberOnScreen)

}

else бол үйлдэл == 15 {// Нэмэх

label.text = String (өмнөхNumber + numberOnScreen)

}

}

өөр бол sender.tag == 11 {

label.text = ""

өмнөхNumber = 0;

numberOnScreen = 0;

үйл ажиллагаа = 0;

}

Үндсэндээ энэ код хэсэг нь дарагдсан үед өөр өөр товчлууруудыг харуулдаг бөгөөд эцсийн хариултыг тооцоолж, шошгон дээр харуулдаг.

Алхам 9: Бүрэн код

Хэрэв та надтай хамт алхам алхмаар тооцоолуур үүсгэхийг хүсэхгүй байгаа бол элементүүдийг өгүүллэгийн самбартаа нэмж оруулаад кодоо бүтэн харах дэлгэц рүү хуулж оруулаарай. Энд код байна:

UIKit импортлох

ViewController анги: UIViewController {

var numberOnScreen: Давхар = 0;

var previousNumber: Double = 0;

var PerformingMath = худал;

var ажиллагаа = 0;

@IBAction func дугаарууд (_ илгээгч: UIButton) {

if performMath == үнэн {

label.text = String (sender.tag-1)

numberOnScreen = Давхар (label.text!)!

performMath = худал

}

өөр {

label.text = label.text! + Мөр (sender.tag-1)

numberOnScreen = Давхар (label.text!)!

}

}

@IBOutlet сул var шошго: UILabel!

@IBAction func товчлуурууд (_ илгээгч: UIButton) {

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

өмнөхNumber = Давхар (label.text!)!

if sender.tag == 12 {// Хуваах

label.text = "/";

}

if sender.tag == 13 {// Үржүүлэх

label.text = "x";

}

if sender.tag == 14 {// хасах

label.text = "-";

}

if sender.tag == 15 {// Нэмэх

label.text = "+";

}

ажиллагаа = sender.tag

performMath = үнэн;

}

өөр бол sender.tag == 16 {

хэрэв үйлдэл == 12 {// Хуваах

label.text = String (өмнөхNumber / numberOnScreen)

}

else бол үйлдэл == 13 {// Үржүүлэх

label.text = String (өмнөхNumber * numberOnScreen)

}

else бол үйлдэл == 14 {// хасах

label.text = String (өмнөхNumber - numberOnScreen)

}

else бол үйлдэл == 15 {// Нэмэх

label.text = String (өмнөхNumber + numberOnScreen)

}

}

өөр бол sender.tag == 11 {

label.text = ""

өмнөхNumber = 0;

numberOnScreen = 0;

үйл ажиллагаа = 0;

}

}

func viewDidLoad () {-ийг дарах

super.viewDidLoad ()

// Харагдацыг ачаалж дууссаны дараа нэмэлт тохиргоог хий.

}

func didReceiveMemoryWarning () {дарах

super.didReceiveMemoryWarning ()

// Дахин үүсгэж болох аливаа нөөцийг устга.

}

}