Anfänger: App grafisch aufpeppen, wie verbinde ich die GUI Elemente (erstellt mit Photoshop) mit dem Code

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Anfänger: App grafisch aufpeppen, wie verbinde ich die GUI Elemente (erstellt mit Photoshop) mit dem Code

    Guten Morgen,

    wofür sind die frei verfügbaren Photoshop Templates für die iPhone GUI?

    Wenn ich mir die komplette GUI in Photoshop zusammenstelle dient das
    dann nur zur Präsentation beim Kunden (PreSales) oder kann man sich
    die GUI via Interface Builder dann tatsächlich mit dem Code verbinden?

    Verstehe nicht in wie weit mir die Templates helfen sollen da
    ich die einzelnen Elemente (Toolbar, Buttons etc.) nicht
    anwählen kann im IB um diese mit Code zu verbinden.

    Mein komplett erstelltes GUI via Photoshop wird doch nur als EIN Bild interpretiert oder?


    Wie ist denn die generelle Vorgehensweise wenn ich meine App grafisch aufpeppen möchte?
    • Im IB die GUI zusammenstellen
    • Via Code die Größe der Elemente bestimmen
    • Via Photoshop Bilder zeichnen in dieser Größe
    • Via IB den Elementen die Hintergrundbilder zuweisen

    Ist das die gängige Vorgehensweise oder liege ich komplett falsch?

    Danke vorab für eure Hilfe.

    Gruß,
    Marc

  • Nun ja - viele Wege führen nach Rom. Abhängig von der GUI wird schon mal eine grobe Richtung vorgegeben.
    Grundsätzlich kann man durchaus alles 1:1 umsetzen. Fraglich nur ob dies mit standard-Elementen geht.
    _____________________________
    Alle Angaben ohne Gewähr :)

    On the internet you can be anything you want. It's strange that so many people choose to be stupid.


    Superbientem animus prosternet

  • Nur die Frage bleibt warum ich mir fertige Layouts laden kann.
    Was bringt es mir denn via Photoshop das Aussehen der App
    zusammenzustellen inkl. Elementen die ich später mit Code
    verbinden muss. (Toolbar, Button etc.)

    Wenn ich mir einen Button im IB ins App Window ziehe habe ich ein
    Element das ich ansprechen kann, wenn ich alles mit Photoshop
    mache ist das ja nicht mehr möglich da ich keine Elemente
    habe sondern nur ein Bild.

    Kann mir Jemand folgen?

    Auch möglich das ich hier in die komplett falsche Richtung denke...

    Will nur meine App grafisch aufpeppen und möchte wissen wie
    die generelle Vorgehensweise ist, wenn mir Jemand bestätigen kann
    das die ganzen Mockup Programme oder Templates NUR dafür gedacht
    sind einem potentiellen Kunden zu zeigen wie so etwas aussehen könnte
    und die einzelnen Elemente dann EINZELN via Photoshop kreiert werden müssen
    dann reicht mir das oder geht das eleganter?

    Gruß,
    Marc

  • Ich bekomme Layouts immer als Vorlage. Damit ich weiß in welche Richtung ich muss und die Abläufe schon mal festgelegt werden. Gut, manchmal ändert sich da was aber meistens bleibt es. Ein Bild kann nicht als ganzes übernommen werden. Das ist aber bei allem so. Ob HTML, Flex oder was auch immer. Du hast Standard-Elemente wo Du anhand der Mockups weißt wo sie hin kommen und dann hast Du Designelemente die Du irgendwie einbauen musst.
    Meistens kann man Standardelemente "hinbiegen" sodass sie mit wenigen Handgriffen ausschauen wie in den Mockups.
    _____________________________
    Alle Angaben ohne Gewähr :)

    On the internet you can be anything you want. It's strange that so many people choose to be stupid.


    Superbientem animus prosternet

  • OK, got it.

    Praxis:

    Wie gehst Du vor wenn Du beispielsweise einem Button ein zuvor kreiertes Design verpassen willst?

    1. Im IB einen Button hinzufügen
    2. Im Editor die Größe des Buttons anpassen
    (auf die gleiche Größe setzen wie das Photoshop Bild dass als Hintergrundbild eingesetzt werden soll)
    3. Im IB unter Eigenschaften des Buttons das Bild als Hintergrundbild festlegen.

    So korrekt?

  • Wenn es ein Button ist welches ich nicht mit Standardelemwnten realisieren kann, stelle ich das Button frei und lade es in ein custom Button rein. Nutze IB selten.
    _____________________________
    Alle Angaben ohne Gewähr :)

    On the internet you can be anything you want. It's strange that so many people choose to be stupid.


    Superbientem animus prosternet

  • Hmmmm...

    Quellcode

    1. UIButton * dasDing = [UIButton buttonWithType:UIButtonTypeCustom];
    2. [dasDing setFrame:CGRectMake(0, 0, 100, 50)];
    3. [dasDing addTarget: self action:@selector(klickerKlackerTurbo:) forControlEvents:UIControllEventTouchUpside];
    4. [dasDIng setImage:[UIImage imageWithContentsOfFile:[NSString stringWithFormat:@"%@/bildchen.png", [[NSBundle mainBundle] resourcePath], nil] forState:UIControlStateNormal];
    5. [dasDing setTag:1];
    6. [mainFrame addSubview:dasDing];
    7. [dasDing release];


    so in etwa. Fehler nicht ausgeschlossen. Frei vond er Leber weg :)
    _____________________________
    Alle Angaben ohne Gewähr :)

    On the internet you can be anything you want. It's strange that so many people choose to be stupid.


    Superbientem animus prosternet