Unda Mwonekano wa kusogeza na Swift: Hatua 9

2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:52

Miezi michache iliyopita, sikujua uwepo wa mwepesi na Xcode. Leo, niliweza kukuza sehemu ndogo ya programu ninayotaka kuunda. Niliweza kuunda kitu kizuri, ambacho ningependa kushiriki nawe.

Katika mafunzo haya nitakuchukua kupitia mchakato wa kujenga eneo la mtazamo wa kitabu, ambalo watumiaji wataelekezwa wanapotaka kusajili akaunti mpya. Njiani, nitahakikisha nitakupa maelezo ya kinadharia juu ya mambo tunayofanya, ili uweze kuelewa ni nini tunachofanya.

Kabla ya kufanya hivyo, wacha tuzungumze juu ya nini Swift na Xcode:

1. Swift ni lugha yenye nguvu na ya angavu ya programu ya MacOS, iOS, watchOS na tvOS. Kuandika nambari ya Swift ni maingiliano na ya kufurahisha, sintaksia ni fupi lakini inaelezea, na Swift ni pamoja na vipengee vya kisasa watengenezaji upendo. Nambari ya haraka ni salama kwa muundo, lakini pia hutoa programu inayoendesha umeme haraka. Imeundwa kufanya kazi na mifumo ya Apple Cocoa na Cocoa Touch na mwili mkubwa wa nambari iliyopo ya Lengo-C iliyoandikwa kwa bidhaa za Apple. Imejengwa na mfumo wa mkusanyiko wa chanzo wazi wa LLVM na imejumuishwa katika Xcode tangu toleo la 6, iliyotolewa mnamo 2014. Kwenye majukwaa ya Apple, hutumia maktaba ya wakati wa kukimbia wa Lengo-C ambayo inaruhusu C, Lengo-C, C ++ na nambari ya Swift kuendesha ndani ya programu moja.

2. Xcode ni mazingira jumuishi ya maendeleo (IDE) ya MacOS iliyo na suite ya zana za kukuza programu zilizotengenezwa na Apple kwa kutengeneza programu ya MacOS, iOS, watchOS, na tvOS.

Hatua ya 1: Pakua Xcode

Xcode 10 inajumuisha kila kitu unachohitaji kuunda programu za kushangaza za majukwaa yote ya Apple. Sasa Xcode na Vyombo vinaonekana vizuri katika Njia mpya ya Giza kwenye MacOS Mojave. Mhariri wa nambari ya chanzo hukuruhusu kubadilisha au kurekebisha kificho kwa urahisi zaidi, angalia mabadiliko ya udhibiti wa chanzo kando na laini inayohusiana, na upate haraka maelezo juu ya tofauti za msimbo wa juu. Unaweza kuunda chombo chako mwenyewe na taswira ya kawaida na uchambuzi wa data. Swift hukusanya programu haraka zaidi, hukusaidia kutoa programu haraka, na inazalisha hata binaries ndogo. Suti za majaribio hukamilika mara nyingi kwa kasi, kufanya kazi na timu ni rahisi na salama zaidi, na mengi zaidi.

Xcode 10 inajumuisha Swift 4.2, ambayo inakusanya programu yako haraka zaidi, inakusaidia kutoa programu haraka, na inazalisha hata binaries ndogo. Ikilinganishwa na Swift 4.0, mkusanyaji wa hivi karibuni wa Swift anaweza kujenga programu kubwa zaidi ya mara mbili kwa haraka. * Pamoja na mfumo mpya wa ujenzi wa Xcode, hariri yako ya kila siku, uundaji, na ujaribu utiririshaji wa kazi ni haraka zaidi. Imeboreshwa kwa vifaa vipya vya msingi vya Mac, Xcode na Swift hufanya jukwaa la ukuzaji wa haraka wa umeme.

Hatua ya 2: Wacha tuanze

Kwa hivyo tutakachofanya ni kwenda Xcode na kuunda mradi mpya. Mara tu tutakapobofya mradi mpya maombi yetu yatakuwa programu ya kuona moja. Kwa wale ambao hawajui, programu moja ya mtazamo inamaanisha kuwa utahitaji kuanza kila kitu kutoka mwanzoni na kwamba kutakuwa na maoni moja ambayo tunaweza kupanga.

Ipe TutorialApp ya bidhaa yako. Ikiwa wewe ni msanidi programu mwenye uzoefu ambaye unachapisha programu kwenye Duka la App labda utakuwa na timu, lakini ikiwa wewe ni mpya na hauna programu zozote zilizochapishwa, unaweza kuruka uwanja huu. Katika jina la shirika, unaweza kuandika jina la kampuni ikiwa unayo, kwa upande wangu nitaweka tu MacBook Pro. Halafu, Kitambulisho cha Shirika kinazingatiwa kama kitu kama kitambulisho cha kipekee cha mradi wako, kwa hivyo, unaweza kuandika chochote unachotaka. Lugha hakika itakuwa wepesi.

Kwa hivyo, bonyeza kitufe kinachofuata na tuhifadhi mradi kwenye eneo-kazi kwa hivyo ni rahisi kufikia.

Mradi huo mpya una faili tatu, AppDelegate.swift, ViewController.swift, na nyota ya mafunzo haya: Main.storyboard. Pasi ya Maelezo ya Upelekaji> Mwelekeo wa Kifaa katika mipangilio ya Mradi Mkuu, weka Vifaa kwa iPhone. Kwa kuwa hii ni programu ya picha tu, ondoa alama kwenye chaguo za Kulia Mazingira ya Kushoto na Mazingira. Fungua Main.

Hatutafanya mabadiliko yoyote katika usanidi na tutaenda moja kwa moja kwenye ubao wa hadithi kuu. Kwa kuwa tulitengeneza programu moja ya maoni, tuliunda moja rahisi, tupu, maoni. Hili ni jambo tunalohitaji kulifanyia kazi.

Hatua ya 3: Kufanya kazi katika UI

Istilahi rasmi ya ubao wa hadithi kwa mtawala wa maoni ni "eneo", lakini unaweza kutumia maneno kwa kubadilishana. Eneo linawakilisha mtawala wa maoni kwenye ubao wa hadithi.

Hapa unaona kidhibiti maoni kimoja kilicho na maoni tupu. Mshale unaoelekeza kwa kidhibiti maoni kutoka kushoto unaonyesha ni mtawala wa mwonekano wa kwanza kuonyeshwa kwa ubao huu wa hadithi. Kubuni mpangilio katika kihariri cha ubao wa hadithi hufanywa kwa kuburuta vidhibiti kutoka kwa Maktaba ya Kitu (tazama kona ya kulia kulia) kwenye kidhibiti maoni chako.

Ili kuhisi jinsi mhariri wa ubao wa hadithi unavyofanya kazi, buruta vidhibiti kutoka kwa Maktaba ya Kitu kwenye kidhibiti cha maoni tupu kama inavyoonekana kwenye video.

Unapoburuta vidhibiti, vinapaswa kujitokeza katika Mstari wa Hati upande wa kushoto.

Unaweza kuunda Kiolesura cha Mtumiaji ambacho unataka. Kwa upande wangu, nilitumia ile unayoona kwenye picha.

Hatua ya 4: Tengeneza Kidhibiti cha Mtazamo wa Pili na Anzisha segues (mabadiliko)

Kwa hivyo, katika programu yangu, mtumiaji anapobofya kitufe cha "Sajili Akaunti Mpya", nataka aelekezwe kwenye ukurasa wa akaunti ya usajili. Kwa hivyo kwa kusudi hilo, kila ukurasa mmoja ni eneo mpya, onyesho mpya. Kwa sababu hiyo, lazima tuunde mtawala wa maoni ya pili, ambayo unaweza kupata kwenye maktaba ya kitu.

Andika mtawala wa mtazamo na uweke karibu na mtawala wako wa mwonekano wa awali. Eneo hili litawajibika kwa mtawala wa maoni ya rejista. Uelekezaji wa ukurasa huo unaweza kufanywa kwa njia mbili:

1. tunaweza kuifanya kwa mikono tunapofanya unganisho la hatua kutoka kwa kitufe hadi kwa udhibiti mwingine wa maoni
2. tunaweza kuifanya kwa mpango

Kile nilichagua kufanya ni kuifanya kwa mikono. Ni rahisi kama hiyo:

1. Fanya bonyeza moja kushoto kwenye kifungo chako (kwa upande wangu, Jisajili Akaunti Mpya)
2. Shikilia amri na bonyeza kushoto ya panya ili kuiburuta kwenye eneo la kudhibiti rejista.
3. Iachie hapo na uchague "Wasilisha Kiweko"

Hatua ya 5: Unda Darasa la Programu kwa Mchakato wa Usajili

Kwa hivyo, sasa tunataka kuunda darasa la kujitolea la usimbuaji kwa eneo jipya.

Ili kufanya hivyo unahitaji kufanya hatua zifuatazo:

• bonyeza kulia kwenye folda yako ya mradi
• bonyeza faili mpya inayoitwa darasa la kugusa kakao
• darasani andika: SajiliVC
• MUHIMU SANA! Hakikisha kwamba darasa dogo lazima liwe la aina ya UIViewController
• lugha lazima iwe wepesi.
• bonyeza inayofuata na uhifadhi darasa lako la kakao ndani kwenye mzizi kuu wa mradi wako.
• Bonyeza ubao kuu wa hadithi na nenda kwa kidhibiti maoni kipya
• bonyeza kitufe cha manjano ambacho kimewekwa juu yake
• kulia nenda kwa mkaguzi wa darasa na ufanye rejista ya VC ya Kujiandikisha (darasa la Costum, class = RegisterVC

Hatua ya 6: Jenga Swipe ya Usawa ya Ukurasa

Katika iOS, mitazamo ya kusogeza hutumika kutazama yaliyomo ambayo hayatatoshea kabisa kwenye skrini. Maoni ya kusogeza yana malengo makuu mawili:

Kuruhusu watumiaji waburute eneo la yaliyomo wanayotaka kuonyesha, wacha watumiaji wavute ndani au nje ya yaliyomo kwenye maonyesho wakitumia ishara za kubana. Udhibiti wa kawaida unaotumiwa katika programu za iOS - UITableView - ni kitengo cha UIScrollView na hutoa njia nzuri ya kutazama yaliyomo zaidi ya skrini.

Je! Unatumia kurasa ndogo katika swipe ya usawa?

Kweli, ikiwa ningeunda kurasa 6 tofauti, itamaanisha kwamba lazima nitaunda darasa la kujitolea kwa kila mmoja wao na sio rahisi kupitisha habari kutoka darasa moja hadi lingine. Wakati kwa mfano ninaandika barua pepe yangu na kisha bonyeza ijayo, ikiwa nina kidhibiti tofauti cha maoni, nitaacha ukurasa wa kwanza wa Mdhibiti wa Tazama na kisha ya pili itawasilishwa. Katika kesi hii, habari ya mdhibiti wa kwanza wa maoni, lazima ipitishwe kwenye inayofuata na kisha tena kwa mtawala wa tatu wa maoni nk. kurasa na kuzituma kwa seva. Kwa hivyo, hii itakuwa ngumu sana.

Kwa hivyo, kuendelea na uundaji wa mtawala huu wa maoni, kwa upande wangu, nilikuwa na kurasa 5 ambazo nilitaka kuunda:

1. Barua pepe
2. Jina kamili
3. Nenosiri
4. Tarehe ya kuzaliwa
5. Jinsia

Hii inamaanisha, kwamba mtawala wa maoni ambao tutatengeneza, lazima awe mkubwa mara 5 kuliko ile tuliyoifanya hapo awali.

Chagua kidhibiti maoni chako na uende kwenye kona ya juu, kulia na ubonyeze ikoni ya mtawala na uhariri Ukubwa ulioiga. Utachagua Freeform ili kurekebisha upana na urefu. Upana chaguo-msingi wa skrini ambayo inafaa kwa iphone 8 ni 375, kwa hivyo ikiwa nitazidisha 375 * 5 = 1875. Na hapa unaenda, una mtawala wa maoni.

Vivyo hivyo, unafuata mchakato huo kwa simu zote tofauti na saizi za skrini.

Ili kufanya mwoneko wa kitabu ufanye kazi, tunahitaji kitu cha kuona kitabu. Mwonekano wa kusogeza hutoa utaratibu wa kuonyesha yaliyomo kuliko ukubwa wa dirisha la programu. Bonyeza kwenye kitu hiki, buruta na uiweke kwenye kona ya juu kushoto ya kidhibiti maoni na uhakikishe kuwa X na Y iko kwenye nafasi za sifuri na kunyoosha ni sawa na mtawala wako wa maoni.

Kitabu cha Kutazama kinaturuhusu tu kusogeza, hakuna kitu kingine chochote. Kisha tunahitaji kuongeza maoni ya yaliyomo, ambayo yatakuwa kuhifadhi maoni mengine. Unaweza kupata UIView - inawakilisha mkoa wa mstatili ambao huchota na kupokea hafla - kwenye maktaba ya kitu. Kwa urahisi, bonyeza na uburute kwenye mwonekano wa kusogeza na mara nyingine tena, unyooshe ipasavyo.

Chagua mwonekano wa kusogeza kutoka kwa jopo la kushoto na tutaita mpangilio 0, 0, 0, 0 na uongeze vikwazo. Fanya kitu kimoja kwa mwonekano wa yaliyomo.

Hatua ya 7: Endeleza kiolesura cha Mtumiaji kwa kurasa ndogo za Swipe ya Usawa

Katika hatua hii, lazima uunde UI ya kurasa zako ndogo. Kile nilichagua kufanya, ni kutengeneza mfano katika Mchoro na kisha kuijenga katika Xcode.

Hatua ya 8: Tekeleza Ubunifu katika Xcode

Hatua inayofuata ni kutekeleza muundo huu katika Xcode. Ili kufanya hivyo, lazima uunde uunganisho wa duka kwa kurasa zote ndogo na uunde nyingine ya "mtazamo wa mama", ikimaanisha, unganisho moja la duka kwa mtawala wa maoni yote.

Vipengele kwenye ubao wa hadithi vinaunganishwa na msimbo wa chanzo. Ni muhimu kuelewa uhusiano ambao ubao wa hadithi una nambari unayoandika.

Katika ubao wa hadithi, eneo linawakilisha skrini moja ya yaliyomo na kwa kawaida mtawala mmoja wa maoni. Angalia vidhibiti kutekeleza tabia ya programu yako na inasimamia mwonekano mmoja wa yaliyomo na safu yake ya muhtasari. Wanaratibu mtiririko wa habari kati ya muundo wa data ya programu, ambayo inajumuisha data ya programu, na maoni ambayo yanaonyesha data hiyo, inasimamia mzunguko wa maisha wa maoni yao ya yaliyomo, hushughulikia mabadiliko ya mwelekeo wakati kifaa kinazungushwa, fafanua urambazaji ndani ya programu yako, na kutekeleza tabia ya kujibu pembejeo ya mtumiaji. Vitu vyote vya mtazamaji katika iOS ni vya aina ya UIViewController au moja ya darasa lake.

Unafafanua tabia ya watawala wako wa maoni katika kificho kwa kuunda na kutekeleza vikundi vidogo vya mtawala wa maoni. Kisha unaweza kuunda unganisho kati ya madarasa hayo na pazia kwenye ubao wako wa hadithi ili kupata tabia uliyoifafanua katika nambari na kiolesura cha mtumiaji ulichofafanua kwenye ubao wako wa hadithi.

Xcode tayari iliunda darasa moja kama hilo ambalo uliangalia hapo awali, ViewController.swift, na ukaiunganisha kwenye eneo unalofanya kazi kwenye ubao wako wa hadithi. Unapoongeza pazia zaidi, utafanya unganisho hili iwe mwenyewe katika kikaguzi cha Kitambulisho. Kikaguzi cha Kitambulisho hukuruhusu kuhariri mali ya kitu kwenye ubao wako wa hadithi unaohusiana na kitambulisho cha kitu hicho, kama vile darasa ni kitu gani.

Unda Vituo vya Vipengee vya UIVifurushi hutoa njia ya kurejelea vitu vya kiolesura-vitu ulivyoongeza kwenye ubao wako wa hadithi-kutoka faili za nambari za chanzo. Ili kuunda duka, Dhibiti-buruta kutoka kwa kitu fulani kwenye ubao wako wa hadithi hadi faili ya mtawala. Operesheni hii huunda mali ya kitu kwenye faili yako ya mtawala, ambayo inakuwezesha kufikia na kudhibiti kitu hicho kutoka kwa msimbo wakati wa kukimbia

1. Fungua ubao wako wa hadithi, Main.storyboard.
2. Bonyeza kitufe cha Msaidizi kwenye mwambaa zana wa Xcode karibu na kona ya juu kulia ya Xcode kufungua kihariri msaidizi. Ikiwa unataka nafasi zaidi ya kufanya kazi, angusha navigator ya mradi na eneo la matumizi kwa kubofya vifungo vya Navigator na Utilities kwenye toolbar ya Xcode.
3. Unaweza pia kuvunja maoni ya muhtasari.

Katika bar ya kuchagua mhariri, ambayo inaonekana juu ya mhariri msaidizi, badilisha mhariri msaidizi kutoka kwa Onyesho la Kuchungulia hadi Moja kwa Moja> ViewController.swift.

Bonyeza ukurasa mdogo na uvute kwenye darasa linalofaa kwenye nambari.

Hatua ya 9: Unganisha Ishara za Kimila

SWIPE GESTURE

Ishara ya kutelezesha kidole hufanyika wakati mtumiaji anahamisha kidole kimoja au zaidi kwenye skrini kwa mwelekeo maalum wa usawa au wima. Tumia darasa la UISwipeGestureRecognizer kugundua ishara za kutelezesha.

Utekelezaji wa ishara ya kutelezesha

Hatua ya 1: Ongeza swipe Ishara kwa njia ya viewDidLoad ()

ondoa mwonekano wa funcDidLoad () {super.viewDidLoad ()

let swipeLeft = UISwipeGestureRecognizer (lengo: ubinafsi, hatua: #selector (handleGesture)) swipeLeft.direction = kushoto kushoto.view.addGestureRecognizer (swipeLeft)

let swipeRight = UISwipeGestureRecognizer (target: self, action: #selector (handleGesture)) swipeRight.direction =. self.view.addGestureRecognizer (swipeRight)

let swipeUp = UISwipeGestureRecognizer (target: self, action: #selector (handleGesture)) swipeUp.direction =.up self.view.addGestureRecognizer (swipeUp)

let swipeDown = UISwipeGestureRecognizer (target: self, action: #selector (handleGesture)) swipeDown.direction =. chini self.view.addGestureRecognizer (swipeDown)}

Hatua ya 2: Angalia ugunduzi wa ishara katika handleGesture () njia ya kushughulikia kushughulikia kushoto {print ("Swipe Left")} mwingine ikiwa gesture.direction == UISwipeGestureRecognizerDirection.up {print ("Swipe Up")} mwingine ikiwa gesture.direction == UISwipeGestureRecognizerDirection.down {print ("Swipe Down")}}

Katika programu yangu, nilitaka kutumia swipeRight, lakini nilianguka huru kutumia ile inayofaa zaidi kwa programu yako.

Sasa, wacha tutekeleze hii kwa nambari yetu.

Tunakwenda kwenye rejista yaVC.swift ambayo tuliunda hapo awali na andika nambari kama unaweza kuona kwenye picha.

MAELEZO YA CODE

wacha sasa_x kupata nafasi ya sasa ya ScrollView (nafasi ya usawa) wacha upanaji wa skrini kupata upana wa skrini, ukitoa ukubwa huu let new_x kutoka nafasi ya sasa ya mwonekano wa kitabu, narudi kwa upana wa skrini ikiwa sasa_x> 0 mpaka isipokuwa ni zaidi ya 0 - 0 ni ukurasa wa 1.

Na tumemaliza!

Kazi nzuri jamani!