Мазмуну:
- 1 -кадам: Долбоорду түзүү
- 2 -кадам: Storyboard Layout
- 3 -кадам: Storyboard Дизайн жана Эстетика
- 4 -кадам: Элементтерди туташтыруу жана бириктирүү
- 5 -кадам: Өзгөрмөлөрдү түзүү
- 6 -кадам: Сан баскычтарынын функциясы
- 7 -кадам: Операция баскычтарын интеграциялоо
- 8 -кадам: Ар кандай баскычтардын функциясы
- 9 -кадам: Толук код
Video: Swiftти колдонуп Xcodeдо кантип эсептегич жасоо керек: 9 кадам
2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:42
Бул тез үйрөткүчтө мен сизге Xcodeдогу Swiftти колдонуп жөнөкөй эсептегичти кантип түзүүнү көрсөтөм. Бул колдонмо iOS үчүн түпнуска эсептегич колдонмосуна дээрлик окшош болуп курулган. Сиз же этап-этабы менен көрсөтмөлөрдү аткарып, мен менен эсептегичти түзө аласыз, же жөн эле акыркы баскычка өтүп, кодду көрүнүш контроллерине көчүрүп чаптап койсоңуз болот. Бирок, эгер сиз муну кыла турган болсоңуз, сюжет тактасындагы бардык элементтериңизди контролеруңузга туташтырыңыз.
1 -кадам: Долбоорду түзүү
Биздин калькуляторду түзүүнүн биринчи кадамы - бул долбоорду Xcodeдо түзүү. Сиз муну "Жаңы Xcode долбоорун түзүү" чыкылдатып, каалаган нерсеңизди атоо менен жасай аласыз. Мен өзүмө "Калькулятор" деп ат койгом. Кийинки кадам - бул колдонмонун түрү үчүн "Single View Application" тандоо. Башка маалыматтардын бардыгын демейки мааниси катары сактаңыз.
2 -кадам: Storyboard Layout
Биздин калькуляторду түзүүнүн 2 -кадамы сюжет тактасында негизги макетти иштеп чыгууну талап кылат. Муну баштоодон мурун, симуляторуңузду iPhone 7 Plusке алмаштырууну сунуштайм. Сценарийдин үстүндөгү баскычты сүйрөп, анын өлчөмдөрүн 89 x 89 кылып өзгөртүү менен баштаңыз. Анын фонунун түсүн сымапка текшерүүчү атрибуттарга, ал эми шрифтин түсүн вольфрамга өзгөртүңүз. Андан кийин, шрифтти Helvetica Light 30га тууралаңыз. Баскычты 20га чейин көчүрүп, чаптоону улантыңыз. Бул баскычтардын жайгашуусун тууралаңыз, сизде беш катар жана төрт мамыча бар.
3 -кадам: Storyboard Дизайн жана Эстетика
Төмөнкү саптагы экинчи баскычты жок кылыңыз жана бул боштукту ээлөө үчүн биринчи баскычты жайыңыз. Бул баскычтын толтуруучу маанисин нөлгө өзгөртүңүз. Ар бир баскычтын сандарынын маанилерин жана символдорун жогоруда көрсөтүлгөн сүрөттө иш жүзүндө окшош болгонго чейин өзгөртүүнү улантыңыз. Атрибуттардын инспекторунда кочкул боз түс күмүш, кызгылт сары түс мандарин, шрифт түсү кызгылт сары баскычтарда карга алмаштырылган. Андан кийин, көрүү контроллерин чыкылдатып, анын өңүн кара кылып өзгөртүңүз. Баскычтардын үстүнө этикетка кошуп, өлчөмүн тууралаңыз, бирок өзүңүздү ыңгайлуу сезиңиз. Текстти оңго тууралаңыз жана энбелгинин шрифтин Helvetica light 70ке өзгөртүңүз. Кааласаңыз, колдонмону бардык түзмөктөр үчүн бирдей кылуу үчүн бардык элементтерге чектөөлөрдү кошсоңуз болот.
4 -кадам: Элементтерди туташтыруу жана бириктирүү
Атрибуттар инспекторун ачыңыз жана ар бир сан баскычынын тегин өзгөртүңүз. Белги чыныгы сандык мааниден 1 көп болушу керек. Мисалы, #0 баскычынын тегинин мааниси 1, #1 баскычынын тегинин мааниси 2, #2 баскычынын тегинин мааниси 3 болушу керек ж.б. Андан кийин, көзөмөлдү басыңыз, #0 баскычын чыкылдатыңыз жана аны көрүү контроллерине сүйрөңүз. Экранда калкыма терезе пайда болушу керек. Байланышты 'аракетке', түрүн 'UIButton', окуяны 'Touch Up Inside', аргументтерди 'жөнөтүүчүгө' жана анын атын 'сандарга' өзгөртүңүз. Сиз атын каалаган нерсеге өзгөртө аласыз, бирок бул кийинчерээк программада функцияны чакырууда атын кайра өзгөртүүгө туура келет дегенди билдирет. Андан кийин, көзөмөлдөп, чыкылдатып, ар бир сан баскычын биз жаңы түзгөн функцияга сүйрөңүз. Эми көзөмөлдөңүз, чыкылдатыңыз жана этикетканы программага сүйрөңүз, бирок функцияга ЭМЕС. Бул сиз энбелгини функцияга өзүнчө өзгөрмө катары алып келишиңизди билдирет. Эсиңизде болсун, эгер сиз качандыр бир убакта кодду түшүнбөй жатсаңыз, мен бул коддун акыркы баскычында колдонуу үчүн бардык кодумду калтырдым.
5 -кадам: Өзгөрмөлөрдү түзүү
Сандык баскычтарыбызды функционалдуу кылуу үчүн, алардын маанисин "сандар" функциябыздагы энбелгиге туташтырууга туура келет. Сиз муну адегенде 'numberOnScreen' өзгөрмөсүн түзүп, аны эки эсе жана 0го барабар кыла аласыз: var numberOnScreen: Double = 0; Эсиңизден чыгарбаңыз, эгер бул жердеги код бир аз түшүнүксүз болсо, мен сизге каалооңуз үчүн колдонуу үчүн акыркы кадамда толук кодун калтырдым. Андан кийин, bool тибиндеги дагы бир 'PerformingMath' өзгөрмөсүн орнотуп, аны жалган кылыңыз: var PerformanceMath = false; Ошондой эле, double түрүндөгү 'previousNumber' деп аталган дагы бир өзгөрмөнү түзүңүз жана аны 0го барабар кылыңыз: var previousNumber: Double = 0; Сиз түзүшүңүз керек болгон акыркы өзгөрмө "операция" өзгөрмөсү. Аны 0го барабар кыл: var operation = 0;
6 -кадам: Сан баскычтарынын функциясы
Тиешелүү өзгөрмөлөрдү түзгөндөн кийин, бул кодду "сандар" функциясына көчүрүп, чаптоону улантыңыз:
if performMath == true {
label.text = Сап (sender.tag-1)
numberOnScreen = Double (label.text!)!
performMath = false
}
башка {
label.text = label.text! + Сап (sender.tag-1)
numberOnScreen = Double (label.text!)!
}
Негизинен, коддун бул бөлүгү тиешелүү баскыч басылганда этикеткада белгилүү бир сандарды көрсөтөт. Бирок, биз дагы башка бардык баскычтарды колдонуп, эсептегичти функционалдуу кыла алышыбыз керек. Биз муну кийинки эки кадамда жасайбыз.
7 -кадам: Операция баскычтарын интеграциялоо
Атрибуттар инспекторун ачып, бардык баскычтардын тегин өзгөртүңүз. Таза баскычта 11, бөлүнүү баскычында 12, көбөйтүү баскычында 13, алып салуу баскычында 14, кошуу баскычында 15, жана барабар баскычта 16 деген теги болушу керек. Андан кийин контролду басып, тазалоо баскычын чыкылдатып, аны көрүү контроллерине сүйрөңүз. Экранда калкыма терезе пайда болушу керек. Байланышты 'аракетке', түрүн 'UIButton', окуяны 'Touch Up Inside', аргументтерди 'жөнөтүүчүгө' жана анын атын 'баскычтарга' өзгөртүңүз. Сиз атын каалаган нерсеге өзгөртө аласыз, бирок бул кийинчерээк программада функцияны чакырууда атын кайра өзгөртүүгө туура келет дегенди билдирет. Андан кийин, көзөмөлдөңүз, чыкылдатыңыз жана ар бир башка баскычты биз жаңы түзгөн функцияга сүйрөңүз.
8 -кадам: Ар кандай баскычтардын функциясы
Бардык белгиленген түрдүү баскычтарды тиешелүү функциясына туташтыргандан кийин, кодду 'баскычтар' функциясына киргизе баштасаңыз болот:
previousNumber = Double (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 = true;
}
башка болсо sender.tag == 16 {
эгерде операция == 12 {// Бөлүү
label.text = String (мурункуNumber / numberOnScreen)
}
else if амал == 13 {// көбөйтүү
label.text = String (мурункуNumber * numberOnScreen)
}
else if амал == 14 {// Чыгар
label.text = String (previousNumber - numberOnScreen)
}
else if == 15 {// Add
label.text = String (мурункуNumber + numberOnScreen)
}
}
башка болсо sender.tag == 11 {
label.text = ""
previousNumber = 0;
numberOnScreen = 0;
операция = 0;
}
Негизинен, бул код басылганда ар кандай баскычтардын бирин көрсөтөт жана акыркы жоопту эсептөө үчүн уланып, аны этикеткада көрсөтөт.
9 -кадам: Толук код
Эгерде сиз мен аркылуу кадам сайын калькуляторду курууну каалабасаңыз, анда сиз жөн гана элементтериңизди тактаңызга кошуп, толук кодду көрүнүш контроллерине көчүрүп чаптап койсоңуз болот. Бул жерде код:
UIKit импорттоо
класс ViewController: UIViewController {
var numberOnScreen: Double = 0;
var previousNumber: Double = 0;
var PerformanceMath = false;
var operation = 0;
@IBAction func сандары (_ жөнөтүүчү: UIButton) {
if performMath == true {
label.text = Сап (sender.tag-1)
numberOnScreen = Double (label.text!)!
performMath = false
}
башка {
label.text = label.text! + Сап (sender.tag-1)
numberOnScreen = Double (label.text!)!
}
}
@IBOutlet алсыз бар этикеткасы: UILabel!
@IBAction func баскычтары (_ жөнөтүүчү: UIButton) {
if label.text! = "" && sender.tag! = 11 && sender.tag! = 16 {
previousNumber = Double (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 = true;
}
башка болсо sender.tag == 16 {
эгерде операция == 12 {// Бөлүү
label.text = String (мурункуNumber / numberOnScreen)
}
else if амал == 13 {// көбөйтүү
label.text = String (мурункуNumber * numberOnScreen)
}
else if амал == 14 {// Чыгар
label.text = String (previousNumber - numberOnScreen)
}
else if == 15 {// Add
label.text = String (мурункуNumber + numberOnScreen)
}
}
башка болсо sender.tag == 11 {
label.text = ""
previousNumber = 0;
numberOnScreen = 0;
операция = 0;
}
}
func viewDidLoad () {жокко чыгаруу
super.viewDidLoad ()
// Көрүнүш жүктөлгөндөн кийин кошумча орнотууну жасаңыз, адатта учу.
}
func didReceiveMemoryWarning () {
super.didReceiveMemoryWarning ()
// Кайра жаратууга мүмкүн болгон бардык ресурстарды жок кылыңыз.
}
}
Сунушталууда:
DIY Visuino колдонуп M5StickC ESP32де убакытты кантип көрсөтүү керек - Оңой жасоо: 9 кадам
DIY кантип M5StickC ESP32де Visuino аркылуу убакытты көрсөтөт - Оңой жасалат: Бул үйрөткүчтө биз ESP32 M5Stack StickCти Arduino IDE жана Visuino менен ЖКда көрсөтүү үчүн программалоону үйрөнөбүз
M5STACK Visuino колдонуп M5StickC ESP32де температураны, нымдуулукту жана кысымды кантип көрсөтүү керек - Оңой жасоо: 6 кадам
M5STACK Visuino аркылуу M5StickC ESP32де температураны, нымдуулукту жана кысымды кантип көрсөтүү керек - Оңой жасалат: Бул окуу куралында биз ENV сенсорунун жардамы менен температураны, нымдуулукту жана кысымды көрсөтүү үчүн Arduino IDE жана Visuino менен ESP32 M5Stack StickCди кантип программалоону үйрөнөбүз (DHT12, BMP280, BMM150)
Кантип кадам эсептегич жасоо керек?: 3 кадам (сүрөттөр менен)
Step Counter кантип жасалат ?: Мен көптөгөн спортто жакшы аткарчумун: жөө басуу, чуркоо, велосипед тебүү, бадминтон ойноо ж.б. Мейли, менин ичимди карачы ……. Ооба, баары бир мен машыгуу үчүн кайра баштоону чечтим. Мен кандай жабдыктарды даярдашым керек?
Өчүргүчтү колдонуп USB флэш -дискти кантип жасоо керек - DIY USB Drive Case: 4 кадам
Өчүргүчтү колдонуп USB флэш -дискти кантип жасоо керек | DIY USB Drive Case: Бул блог " Өчүргүчтү колдонуп USB флэш дискти кантип жасоо жөнүндө | DIY USB Drive Case " Сизге жагат деп ишенем
Xcode менен Swiftти колдонуп, Tic Tac Toe оюнун кантип жасоо керек: 5 кадам
Xcode менен Swiftти колдонуп, Tic Tac Toe оюнун кантип жасоо керек: Бул Swift үйрөткүчүндө мен сизге Tic Tac Toe тиркемесин кантип түзүүнү көрсөтөм. Бул колдонмо өтө жөнөкөй жана ар бир башталгыч үчүн сонун долбоор. Мен окуу куралын үч баскычка бөлөм: 1. Объекттерди түзүү 2. Объекттерди кодго байланыштыруу3. С