Hintergrundbild verschiedene Fragen -neue Frage unten-

danyball · 24. November 2014, 20:16

Hey!

1) Ich möchte ein Hintergrundbild für alle ViewController setzen. Wie geht das im IB? Wie macht ihr das?

2) Kann man das Hintergrundbild so setzen, dass die Objekte/UI-Elemente der VCs sich zu bewegen scheinen? Analog dem Homescreen.

Danke!
Daniel

99s99m · 24. November 2014, 21:27

Du könntest das UIAppearance Protokoll verwenden.

danyball · 24. November 2014, 23:12

Ich hab eine Lösung gefunden, da setzt man den Background fürs Projekt - aber man muss auf jedem VC clearColor setzen.

Geht das nicht einfacher?

@markusschalk: für den Effekt dass sich die Elemente bewegen?

99s99m · 24. November 2014, 23:35

Ich kann dir leider nicht ganz folgen. Für das gibt es ja das UIAppearance Protokoll, damit du nicht auf jedem VC clearColor setzen musst.

danyball schrieb:

@markusschalk: für den Effekt dass sich die Elemente bewegen?

??

beage · 25. November 2014, 00:21

markusschalk schrieb:

Ich kann dir leider nicht ganz folgen. Für das gibt es ja das UIAppearance Protokoll, damit du nicht auf jedem VC clearColor setzen musst.

danyball schrieb:

@markusschalk: für den Effekt dass sich die Elemente bewegen?

??

Er meint den Parallax-Effekt im Homescreen.

danyball · 25. November 2014, 10:17

@markusschalk: Achso ok! Das schaut in der Tat nach Lösung für mein Problem Nr. 1 aus, danke!

@beage: Mein Problem 2 bezieht sich auf "Parallax-Effekt" - genau! Wie geht das?

macmoonshine · 25. November 2014, 10:23

danyball schrieb:

Mein Problem 2 bezieht sich auf "Parallax-Effekt" - genau! Wie geht das?

Dafür hast du zwei übereinanderliegende Views, wobei du einen abhängig von der Lage des iPhones verschiebst. Dafür gibt es schon einiges.

danyball · 25. November 2014, 21:50

Ah ok Parallax-Effekt geht top! danke!

Und wegen UIAppearance: wenn man den Hintergrund aller views auf clearcolor setzt sehen die viewcontroller-übergänge nicht gut aus. Ich setz das jetzt doch auf jedem VC einzeln.

danke soweit...!!

danyball · 27. November 2014, 17:22

Neue Frage:

Wenn VCs "clearcolor" als Hintergrund haben schauen die Segue-Animationen (Übergänge) komisch aus. Was ich mache:
1. im AppDelegate: self.window setBackgroundColor: meinImage
2. viewdidload: hintergrundbild setzen
3. viewDidAppear: clearcolor
4. viewWillDisappear: hintergrundbild setzen

Übergänge schauen wieder gut aus. ABER: das Hintergrundbild im AppDelegate wird ohne NaviBar gesetzt. Also bei x:0 y:0
Das Hintergrundbild im VC mit NavigationController wird mit x:44 y:0 gesetzt. (beim iPhone).

Dadurch scheint es, als würde das Hintergrundbild "nach oben springen", sobald ich clearcolor setze.

Habt ihr Tipps für mich? Danke!

macmoonshine · 28. November 2014, 08:10

Wenn du eine transparente Navigationsleiste verwendest, reicht der View des Viewscontrollers bis an den oberen Rand.

danyball · 28. November 2014, 11:22

macmoonshine schrieb:

Wenn du eine transparente Navigationsleiste verwendest, reicht der View des Viewscontrollers bis an den oberen Rand.

Super Tipp danke dir! Das löst aber mein Problem leider nicht.

Was mir auch helfen würde: Kann man die Höhe der NaviBar des jew. Gerätes und des jew. iOS auslesen? Am besten im AppDelegate.
Auf den Design Cheat Sheets io7 + 8 schwanken die jew. Höhen von 44px bis 132px

macmoonshine · 28. November 2014, 13:24

Am saubersten berechnest du den Ursprung relativ zum Fenster und verschiebst das Hintergrundbild des Viewcontrollers entsprechend.

danyball · 28. November 2014, 14:27

Da kommt immer 0 als y raus, weil ich diese Berechnung im viewDidLoad machen muss, damit der Übergang mit dem Hintergrund des VCs angezeigt wird. Da scheint die NaviBar noch nicht berücksichtigt zu sein? Ok, oder ich berechne das einfach falsch;)

Quellcode

CGPoint localPoint = [self.view bounds].origin;
CGPoint basePoint = [self.view convertPoint:localPoint toView:nil];
NSLog(@"%f", basePoint.y);

Ich müsste im AppDelegate das hintergrundbild des self.window schon nach unten verschieben. dann entsteht der Effekt nicht wenn ich im VC clearColor setze.

macmoonshine · 28. November 2014, 14:46

In welcher Methode machst du das?

danyball · 28. November 2014, 15:09

viewDidLoad: des VC

macmoonshine · 28. November 2014, 15:57

Da hat Cocoa Touch die Views noch nicht positioniert, und sie haben in der Regel noch die Koordinaten aus dem Storyboard. Versuch es mal mit viewDidLayoutSubviews.

danyball · 28. November 2014, 16:51

Ah jetzt! danke!

verschiebst das Hintergrundbild des Viewcontrollers entsprechend.

Position kann man nicht setzen oder? Muss ich das UIImage an sich verändern oder?

danyball · 29. November 2014, 12:50

Vorab: ich habs. Aber: etwas kompliziert gelöst. Problem war: der View ist ein TableViewController. viewDidLayoutSubviews wird immer beim scrollen aufgerufen.

Lösung:
1. viewDidLayoutSubviews:

Quellcode

CGRect convertedRect = [self.view convertRect:self.view.frame toView:[[UIApplication sharedApplication] keyWindow]];
CGRect atest = CGRectMake(self.view.frame.origin.x,[b] self.view.frame.origin.y - convertedRect.origin.y[/b], self.view.frame.size.width, self.view.frame.size.height);
backgroundRect = atest; //berechnete position speichern

2.viewDidLoad

Quellcode

self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"background"]]; //damit der Übergang ein Hintergrund zeigt (Position ist während der Animation egal)

3. viewWillAppear

Quellcode

background = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"background"]];
background.frame = backgroundRect; //berechnete Position setzen
[self.view addSubview:background];
[self.view sendSubviewToBack:background];
self.view.contentMode = UIViewContentModeScaleAspectFit;

Alles anzeigen

4. viewDidAppear

Quellcode

self.view.backgroundColor = [UIColor clearColor]; //damit die Tabellenzellen über den fest stehenden Background gescrollt werden
[background removeFromSuperview];

5. viewWillDisappear

Quellcode

self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"background"]];
//background wieder setzen für Übergang

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Ähnliche Themen