Ինչպես կատարել հաշվիչ Xcode- ում ՝ օգտագործելով Swift: 9 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:51

Այս արագ ձեռնարկում ես ձեզ ցույց կտամ, թե ինչպես ստեղծել պարզ հաշվիչ ՝ օգտագործելով Swift- ը Xcode- ում: Այս ծրագիրը կառուցված է գրեթե նույնական տեսք ունենալու համար iOS- ի համար նախատեսված սկզբնական հաշվիչ ծրագրին: Դուք կարող եք կամ քայլ առ քայլ հետևել ցուցումներին և հաշվիչ կառուցել ինձ հետ, կամ կարող եք պարզապես գնալ վերջին քայլին և պատճենել և տեղադրել կոդը ձեր դիտման վերահսկիչի մեջ: Այնուամենայնիվ, եթե դա անում եք, համոզվեք, որ պատմվածքի տախտակի վրա ձեր բոլոր տարրերը միացրեք ձեր դիտման վերահսկիչի հետ:

Քայլ 1: Նախագծի ստեղծում

Մեր հաշվիչը պատրաստելու առաջին քայլը նախագիծն իրականում Xcode- ում ստեղծելն է: Դուք կարող եք դա անել ՝ կտտացնելով «Ստեղծել նոր Xcode նախագիծ» և անվանելով այն, ինչ կցանկանայիք: Իմն անվանեցի «Հաշվիչ»: Հաջորդ քայլը ծրագրի տեսակի համար ընտրել «Single View Application»: Մնացած բոլոր տվյալները պահեք որպես կանխադրված արժեք:

Քայլ 2: Storyboard դասավորությունը

Մեր հաշվիչը ստեղծելու 2 -րդ քայլը ձեզանից պահանջում է նախագծել պատմվածքի տախտակի հիմնական դասավորությունը: Նախքան դա սկսելը, խորհուրդ եմ տալիս փոխել ձեր սիմուլյատոր սարքը iPhone 7 Plus- ով: Սկսեք ՝ կոճակը քաշելով դեպի սցենարի տախտակ և փոխելով դրա չափերը մինչև 89 x 89. Փոխեք նրա ֆոնի գույնը սնդիկի `տեսուչի հատկանիշների վրա, իսկ տառատեսակի գույնը` վոլֆրամ: Հաջորդը, տառատեսակը հարմարեցրեք Helvetica Light 30 -ին: Շարունակեք պատճենել և տեղադրեք կոճակը մինչև ընդհանուր 20 -ի առկայությունը: Կարգավորեք այս կոճակների դասավորությունը այնպես, որ ունենաք հինգ տող և չորս սյունակ:

Քայլ 3. Պատմվածքների ձևավորում և գեղագիտություն

Deնջեք ստորին տողի երկրորդ կոճակը և ընդլայնեք առաջին կոճակը `այս տարածքը գրավելու համար: Փոխեք այս կոճակի տեղապահի արժեքը զրոյի: Շարունակեք փոխել յուրաքանչյուր կոճակի թվային արժեքներն ու խորհրդանիշները, մինչև այն գործնականում նույնական չլինի վերևում պատկերված պատկերին: Ատրիբուտների տեսուչի վրա մուգ մոխրագույն գույնը արծաթագույնն է, նարնջագույնը ՝ մանդարինինը, իսկ տառատեսակի գույնը փոխվում է ձյան ՝ նարնջագույն կոճակների վրա: Հաջորդը, կտտացրեք դիտման վերահսկիչին և դրա ֆոնի գույնը փոխեք սևի: Կոճակների վերևում ավելացրեք պիտակ և հարմարեցրեք դրա չափսին ՝ ըստ ձեր հարմարավետության: Հավասարեցրեք տեքստը աջից և պիտակի տառատեսակը փոխեք Helvetica light 70 -ի:

Քայլ 4: Տարրերի միացում և ինտեգրում

Բացեք հատկանիշների տեսուչը և փոխեք պիտակը յուրաքանչյուր համարի կոճակի համար: Պիտակը պետք է լինի 1 -ով ավելի, քան իրական թվային արժեքը: Օրինակ ՝ #0 կոճակը պետք է ունենա 1 պիտակի արժեք, 1 -ին կոճակը պետք է ունենա պիտակ ՝ 2, #2 կոճակը ՝ 3, և այլն: Հաջորդը, սեղմեք հսկողություն, կտտացրեք #0 կոճակին և քաշեք այն դիտման վերահսկիչի վրա: Էկրանի վրա պետք է հայտնվի պատուհան: Կապը փոխեք «գործողության», տեսակը ՝ «UIButton», իրադարձությունը ՝ «Touch Up Inside», փաստարկները ՝ «ուղարկողի», իսկ անունը ՝ «թվերի»: Դուք կարող եք փոխել անունը այն, ինչ ցանկանում եք, բայց դա նշանակում է, որ ծրագիրը հետագայում գործառույթը կանչելիս ստիպված կլինեք նորից փոխել անունը: Հաջորդը, վերահսկեք, կտտացրեք և քաշեք յուրաքանչյուր համարի կոճակ այն գործառույթի մեջ, որը մենք պարզապես ստեղծել ենք: Այժմ, վերահսկեք, կտտացրեք և պիտակը քաշեք ծրագրի մեջ, բայց ՈՉ գործառույթի մեջ: Սա նշանակում է, որ դուք պարզապես պիտակը գործառույթ եք բերում որպես առանձին փոփոխական: Հիշեք, եթե դուք երբևէ շփոթված եք ծածկագրի հետ կապված, ես թողել եմ իմ ամբողջ ծածկագիրը, որպեսզի այն օգտագործեք սույն Հրահանգի վերջին քայլին:

Քայլ 5: Փոփոխականների ստեղծում

Մեր թվային կոճակները ֆունկցիոնալ դարձնելու համար մենք ստիպված կլինենք դրանց արժեքը միացնել պիտակի հետ մեր «թվեր» գործառույթում: Դուք կարող եք դա անել ՝ նախ ստեղծելով «numberOnScreen» փոփոխականը և այն դարձնել կրկնակի և հավասար 0 -ի: var numberOnScreen: Double = 0; Եվ մի մոռացեք, եթե այստեղի ծածկագիրը մի փոքր անհասկանալի է, ես ձեզ եմ թողել վերջին քայլի ամբողջական կոդը, որպեսզի կարողանաք օգտագործել ձեր սրտով: Հաջորդը, ստեղծեք bool տիպի «performMath» մեկ այլ փոփոխական և այն կեղծ դարձրեք. Var performMath = false; Նաև ստեղծեք մեկ այլ փոփոխական, որը կոչվում է կրկնակի տիպի 'previousNumber' և հավասարեցրեք 0 -ին: var previousNumber: Double = 0; Վերջին փոփոխականը, որը դուք պետք է ստեղծեք, «գործողություն» փոփոխականն է: Սահմանեք այն հավասար 0 -ի: var գործողություն = 0;

Քայլ 6: Թվերի կոճակների գործառույթ

Համապատասխան փոփոխականները հաստատելուց հետո կարող եք շարունակել պատճենել և տեղադրել այս կոդը ձեր «թվերի» գործառույթում.

եթե կատարում ենք Մաթեմատիկա == ճշմարիտ {

label.text = Լար (ուղարկող. tag-1)

numberOnScreen = Կրկնակի (label.text!)

performMath = կեղծ

}

ուրիշ {

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 = ճշմարիտ;

}

այլապես, եթե sender.tag == 16 {

եթե գործողությունը == 12 {// Բաժանեք

label.text = Լարային (նախորդNumber / numberOnScreen)

}

այլապես, եթե գործողությունը == 13 {// Բազմապատկել

label.text = Լարային (նախորդNumber * numberOnScreen)

}

այլ դեպքում, եթե գործողությունը == 14 {// Հանել

label.text = Լարային (նախորդNumber - numberOnScreen)

}

այլ դեպքում, եթե գործողությունը == 15 {// Ավելացնել

label.text = Լարային (նախորդNumber + numberOnScreen)

}

}

այլապես, եթե sender.tag == 11 {

label.text = ""

նախորդ Թիվ = 0;

numberOnScreen = 0;

գործողություն = 0;

}

Ըստ էության, այս կոդի կտորը սեղմելիս ցուցադրում է տարբեր կոճակներից մեկը և շարունակում է հաշվարկել վերջնական պատասխանը և ցուցադրում այն պիտակի վրա:

Քայլ 9: Ամբողջական ծածկագիր

Եթե դուք չէիք ուզում քայլ առ քայլ հաշվիչն կառուցել ինձ հետ, ապա կարող եք պարզապես տարրեր ավելացնել ձեր storyboard- ում և պատճենել և տեղադրել ամբողջ կոդը ձեր դիտման վերահսկիչում: Ահա կոդը ՝

ներմուծել UIKit

class ViewController: UIViewController {

var numberOnScreen: Կրկնակի = 0;

var previousNumber: Կրկնակի = 0;

var PerformMath = կեղծ;

var գործողություն = 0;

@IBAction ֆունկցիայի համարներ (_ ուղարկող ՝ UIButton) {

եթե կատարում ենք Մաթեմատիկա == ճշմարիտ {

label.text = Լար (ուղարկող. tag-1)

numberOnScreen = Կրկնակի (label.text!)

performMath = կեղծ

}

ուրիշ {

label.text = label.text! + Լար (ուղարկող. Տեգ -1)

numberOnScreen = Կրկնակի (label.text!)

}

}

@IBOutlet թույլ var պիտակը ՝ UILabel!

@IBAction ֆունկցիոնալ կոճակներ (_ ուղարկող ՝ UIButton) {

եթե 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 = ճշմարիտ;

}

այլապես, եթե sender.tag == 16 {

եթե գործողությունը == 12 {// Բաժանեք

label.text = Լարային (նախորդNumber / numberOnScreen)

}

այլապես, եթե գործողությունը == 13 {// Բազմապատկել

label.text = Լարային (նախորդNumber * numberOnScreen)

}

այլ դեպքում, եթե գործողությունը == 14 {// Հանել

label.text = Լարային (նախորդNumber - numberOnScreen)

}

այլ դեպքում, եթե գործողությունը == 15 {// Ավելացնել

label.text = Լար (նախորդNumber + numberOnScreen)

}

}

այլապես, եթե sender.tag == 11 {

label.text = ""

նախորդ Թիվ = 0;

numberOnScreen = 0;

գործողություն = 0;

}

}

անտեսել func viewDidLoad () {

super.viewDidLoad ()

// Կատարեք որևէ լրացուցիչ կարգավորում ՝ դիտումը բեռնելուց հետո, որպես կանոն, միջադիրից:

}

անտեսել գործառույթը didReceiveMemoryWarning () {

super.didReceiveMemoryWarning ()

// Վերացրեք ցանկացած ռեսուրս, որը կարող է վերստեղծվել:

}

}