Ez a fórum sütiket használ
Ez a fórum sütik használatával tárolja a bejelentkezési adatait, ha regisztrált, és az utolsó látogatása, ha nem. A sütik a számítógépén tárolt kis szöveges dokumentumok; a fórum által beállított sütik csak ezen a weboldalon használhatók, és nem jelentenek biztonsági kockázatot. A fórumon a cookie-k követik az Ön által olvasott témaköröket, valamint azt, hogy mikor olvasták utoljára. Kérjük, erősítse meg, hogy elfogadja vagy elutasítja-e ezeket a sütik beállításait.

A cookie-k az Ön böngészőjében kerülnek tárolásra, választástól függetlenül, hogy megakadályozzák, hogy újra feltegye ezt a kérdést. A sütik beállításait bármikor megváltoztathatja a láblécben található link segítségével.

A téma értékelése:
  • 0 szavazat - átlag 0
  • 1
  • 2
  • 3
  • 4
  • 5
Xcode bemutató kezdőknek
#1
Ez az Xcode útmutató mutatja meg amire szüksége van, hogy elkezdjen egy alkalmazást készíteni!
Ez az Xcode bemutató az Xcode 9.4.1-es verzióval készült. Ha korábbi verziója van akkor javaslom, hogy frissítse azt a legújabb Xcode verzióra.
Itt megtudhatja:
  • Hol lehet letölteni az Xcode alkalmazást

  • Az Xcode fejlesztő környezet 5 fő részeit

  • Hogyan kell használni az iOS szimulátort az alkalmazása tesztelésére

A végére az Xcode-nak egy alapvető megértése, hogy hogyan lehet navigálni a  fejlesztői környezetben, és hogyan hozható létre az első Xcode projektünk.
1. Hol tudom letölteni Xcode?
A legegyszerűbb módja a letöltésnek, hogy megnyitjuk az App Store-t és kattintunk a letöltésre.
Vagy meglátogatjuk az Apple fejlesztői oldalt oldalt és letöltjük innen az Xcode-ot.
2. Az Xcode Interface
Itt is megtalálható Apple dokumentáció Xcode.
Nézzük meg az alábbi Xcode 9.4.1-es ábrát. Ha nem így néz ki akkor frissítsük a legújabb verzióra.

[Kép: Xcode-t1-1024x629.png]

Látható, hogy az ábrán 5 terület van jelölve

  • Navigator terület

  • Debug terület

  • Utility terület

  • Toolbar 

  • Editor


A területeknek be lehet állítani a méretüket csak vigyük az egeret a területek széleihez és húzással állíthatóak a méretük. Vagy ha el akarjuk rejteni a területet akkor “View” fülön megtalájuk a lehetőset rá vagy a jobb felső sarokban látható elemekkel.

[Kép: Xcode-t2-1024x629.png]


[font=Roboto, Helvetica, Arial, Verdana, sans-serif]3. A Navigator Area
[/font]

Ezen a területen több különböző választható navigátor is van. Pl.SadProject navigator, Source Control navigator, Symbol navigator stb..)

Project Navigator

Itt látni lehet az összes fájlt ami a projelthez van társítva.
[font=Roboto, Helvetica, Arial, Verdana, sans-serif]A projekten belül is létre lehet hozni fájlokat vagy csopotokat a fájlok szervezéséhez. Jobb klikk az egérrel és láthatóak a választható lehetőségek.[/font]

[Kép: Xcode-t3.png]

[font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif][b]Keresés Navigator

A keresési navigator fülön könnyen lehet keresni a projekten belül fáljokat vagy kód részleteket.[/font]
[/font]

[/b]
[font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif][Kép: Xcode-t4-e1529602658169.png][/font][/font]

[font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif][b]Probléma Navigator

A kérdés vagy probléma navigator megmutatja, hogy mely fájlokban van hiba és lehetőseg mutat a javításra is.[/font]
[/font]
[/font]

[/b]
[font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif][Kép: Xcode-t5.png]

[/font]
[/font]
[/font]


Amikor elindítjuk összeállítani az alkalmazást és hibát vagy javítási módosítást ajánl az Xcode akkor piros vagy sárga színnel fogja megjeleníteni az adott fájlnál a javítandó részletet.

A figyelmeztető sárga színű jelzésekre nem kell mindig feltétlenül sok figyelmet szentelni neki.

[b]4. Szerkesztő terület[/b]
Ennél a területnél történik a kódolás!


[Kép: Xcode-t6.png]

A navigator részen ha rákattintunk egy fájlra akkor megnyílik a szerkesztőben.

Háromféle szerkesztő nézet van
A szerkesztő területnek három különböző nézete van.
A szerkesztő terület nézet váltása:


[Kép: Xcode-t7.png]

A bal szélső gomb egypaneles szerkesztési nézet.

A középső gomb a kétpaneles szerkesztési nézet.


[Kép: Xcode-t8.png]

[font=Roboto, Helvetica, Arial, Verdana, sans-serif]A jobb szélső gomb a Version szerkesztő panel.

[/font]

Részletesebben itt lehet olvasni róla Apple dokumentáció .



Interface Builder megtekintése
[font=Roboto, Helvetica, Arial, Verdana, sans-serif]Az Xcode rendelkezik felületépítő vagy ha úgy jobban tetszik vizuális tervezővel is. Ahol különböző elemeket objektumokat lehet rárakni a tervező felültekre.
[/font]

5. A Utility terület

A Xcode program területe áll két ablaktábla: az ellenőr ablaktábla és a könyvtár ablaktábla.
Jobb oldalt az Utility terület két részből áll.

    • Ellenörző panel

    • Könyvtár panel


[Kép: Xcode-t10.png]

[font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Tahoma, Verdana, Arial, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif]Az ellenörző panelen különböző ablaktáblák vannak. Ha egy fájlt kijelölünk akkor megmutatja a különböző tulajdonságokat és módosíthatjuk a kiválasztott elemeket.[/font][/font][/font]
[font=Roboto, Helvetica, Arial, Verdana, sans-serif][font=Tahoma, Verdana, Arial, sans-serif][font=Roboto, Helvetica, Arial, Verdana, sans-serif][Kép: Xcode-11.png][/font][/font][/font]
[font=Roboto, Helvetica, Arial, Verdana, sans-serif]A könyvtár panelen is több ablak közül lehet választani.
[/font]

  • Sablon könyvtár 

  • Kód töredék könyvtár

  • Objektum könyvtár

  • Média könyvtár
6. A Debug terület
[font=Roboto, Helvetica, Arial, Verdana, sans-serif]A debug terület megmutatja a konzol kimenetet. Itt lehet látni a különböző log bejegyzésket vagy a futtatáskor bejegyzett műveleteket lehet nyomon követni[/font]
[Kép: Xcode-12-1.png]

7. Eszköztár

A bal szélső gombot ha megnyomjuk akkor lefuttatjuk az alkalmazást a kiválasztott szimulátoron vagy eszközön.
Ha a gombot nyomva tartjuk akkor több lehetőség közül is lehet választani.

[Kép: Xcode-t13.png]

Teszt: Tesztelje az unit elvégzését, ha a projektben vannak.
Profil:Az alkalmazás különböző szempontjainak mérésére szolgáló profil, például teljesítmény, memóriahasználat stb.
Analyze:Elemezze, hogy az Xcode analizálja a kódot, és ellenőrizze a lehetséges szivárgásokat vagy rossz gyakorlatokat.
Ezekről az intézkedésekről az Apple iOS Dokumentációban olvashat bővebben.
A Stop gomb melletti legördülő menüben lehet választani a különböző szimulátor tipusok között vagy csatlakoztatott eszközök között.

[Kép: Xcode-t14.png]

8. Az IOS szimulátor

A Xcode alapből tartalmazza az iOS szimulátort is. A szimulátorban majdnem minden lefordított kód vagy alkalmazás tesztelhető. De a legtöbb projekthez vagy alkalmazáshoz szükség lesz egy valós készülékre is!

[Kép: Simulator-Screen-Shot-i-Phone-8-Plus-201...8x1365.png]

Mi a következő lépés?

Nagyon sok beépitett funkció van még az Xcode vagy szimulátor programban amit még be lehetne mutatni. A következő lépésben elkezdünk programozni és készítünk egy Demo Alkalmazást.
Válaszol


Fórumra ugrás:


Jelenlevő felhasználók ebben a témában: 1 Vendég