ScrollView funktioniert nicht richtig

AppleDeveloper · 2. Dezember 2013, 13:19

Hi,
ich habe eine ScrollView und darin einen SubView nur leider wird mir der SubView nicht richtig angezeigt Beim Start ist dann immer oben eine weiße Fläche (siehe Bild 1) und ich kann rauch auch scrollen aber dann ist unten so ne weiße Fläche (siehe Bild 2). Content Size stimmt, Content Offset ist Bei P(0,0), der Subview ist exakt so groß wie der ScrollView. Also es stimmt eigentlich alles. Woran liegt das dann? Was mache ich falsch? AutoLayout ist an aber ich habe die Constraints nach Vorgaben von Apple gesetzt und das Problem trat auch schon ohne AutoLayout auf, nur nicht so stark.

Viele Grüße
Nils

nussratte · 2. Dezember 2013, 13:22

1100 beiträge und du schaffst es nicht deiner frage code hinzuzufügen oder zu schreiben wie du scrollview etc anlegst ?
respekt

AppleDeveloper · 2. Dezember 2013, 13:47

Sorry

Zum ScrollView anlegen gibt es aber nicht viel zu sagen. Einfach im Storyboard auf den View gezogen, Subview rein, alles mit Outlets verbunden. ScrollView Constraints definiert und das war's. Im Code setzte ich dann nur hier die ContentSize:

Quellcode

- (void)viewDidLoad
{
[super viewDidLoad];
....
graphScrollView.contentSize = CGSizeMake(graphView.frame.size.width, graphView.frame.size.height);
....
}

Die Constraints sehen wie auf den Bild zu erkennen ist aus.

Manfred Kreß · 2. Dezember 2013, 14:31

Spiel mal mit

setEdgesForExtendedLayout:

am ViewController. Sorgt zwar eigentlich dafür das die View nicht unter die Bars geschoben wird, aber man kann ja nie wissen. Und checke mal den Frame den du in deiner drawRect: bekommst.

Gruß
Manfred

macmoonshine · 2. Dezember 2013, 14:31

Gib mal dem Graphview eine andere Hintergrundfarbe. Dann kannst Du sehen, ob der oder dessen Inhalt verschoben ist.

Kann es vielleicht auch mit festen Maßen zusammenhängen? Es sieht so aus, als sei der Abstand genau die Differenz zwischen 3,5"- und 4"-Displays.

AppleDeveloper · 2. Dezember 2013, 14:48

@macmoonshine

Wenn ich den GraphView eine Hintergrundfarbe gebe sieht es so aus. Das Problem tritt sowohl auf einen 3.5" sowie 4" Screen auf. Das raffe ich alles nicht so ganz! Ich werde mich mit ScrollVIews nie anfreunden!

@Manfred Kreß

Der Frame stimmt in der drawLayer Methode. Danke, ich probiere mal, ob ich damit was ändern kann.

AppleDeveloper · 4. Dezember 2013, 16:26

Hat keiner einen Tipp für mich?

Manfred Kreß · 4. Dezember 2013, 16:35

Verbinde versuchshalber mal die ScrollView nicht mit dem TopLayoutGuide / Bottom...

Eigentlich liegt die ja Fullscreen unter den Bars. Und deren Content ist dann oben und unten eingerückt.

ioscampus · 4. Dezember 2013, 17:04

Hast du mal versucht die contentSize der Scrollview in einer späteren Methode zu setzen? Ich erinnere mich dunkel, dass ich beim Setzen in viewDidLoad auch schonmal Probleme hatte.

AppleDeveloper · 7. Dezember 2013, 09:18

Sorry, dass ich erst jetzt antworte aber die Tage kam was dazwischen..

@Manfred
Habe ich probiert ohne Erfolg. Der ScrollView geht ja bis Oben hin nur der ConentenView ist irgendwie zu weit unten und hat oben und unten eine weiße Fläche. Ich verstehe das selber nicht

@ioscampus
Ich habe das jetzt mal versuchshalber in viewDidAppear gesetzt aber leider selber Effekt.

AppleDeveloper · 16. Dezember 2013, 17:30

So, ich habe jetzt nach langen Versuchen endlich hinbekommen, dass der ScrollView im Portrait Modus richtig funktioniert. Dies mache ich im ViedDidLoad so:

Quellcode

[self.view removeConstraints:self.view.constraints];
[self.graphView removeConstraints:self.graphView.constraints];
graphScrollView.translatesAutoresizingMaskIntoConstraints = NO;
graphView.translatesAutoresizingMaskIntoConstraints = NO;
NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings(graphScrollView,graphView);
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[graphScrollView]|" options:0 metrics:0 views:viewsDictionary]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[graphScrollView]|" options:0 metrics:0 views:viewsDictionary]];
[graphScrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[graphView]|" options:0 metrics:0 views:viewsDictionary]];
[graphScrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[graphView]|" options:0 metrics:0 views:viewsDictionary]];

Alles anzeigen

Hierbei habe ich mich am Apple Beispiel orientiert. Nur wie mache ich das es jetzt im Portrait Modus aus funktioniert? Mit folgenden Code wird zwar der Graph an die Größe angepasst, aber wenn ich zoome und nur scrolle kehrt der Graph sofort in seine Portrait-Größe zurück und behält nicht die Größe (siehe Bild). Was muss ich anders machen? Der GraphScrollView wird automatisch an die Größe angepasst:

Quellcode

-(void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation {
self.graphScrollView.contentSize = self.view.bounds.size;
self.graphView.frame = self.graphScrollView.bounds;
[self.view setNeedsUpdateConstraints];
[self.graphScrollView setNeedsUpdateConstraints];
[self.graphView setNeedsUpdateConstraints];
[self.graphView setNeedsUpdateConstraints];
[self.graphScrollView setNeedsUpdateConstraints];
[self.view setNeedsUpdateConstraints];
}

Alles anzeigen

AppleDeveloper · 17. Dezember 2013, 06:35

Hat keiner einen Tipp für mich, warum der GraphView beim zoomen wieder in seine alte Position zurückspringt und wie ich das verhindern kann?

macmoonshine · 17. Dezember 2013, 08:44

Layout-Constraints sind dafür da, dass Du nicht den Frame der Views manuell anpassen musst. Die Werte des Frames entstehen durch den Autolayout-Prozess und nicht umgekehrt. So wie Du Dein Layout implementiert hast, solltest Du eher Autosizing verwenden, obwohl es selbst da noch zu kompliziert ist.

Wenn Du es dennoch über Autolayout machen willst: In Xcode 5 kannst Du die Constraints fast analog zur Autosizing-Mask setzen, wenn Du die Buttons auf der Zeichenfläche verwendest.

AppleDeveloper · 18. Dezember 2013, 15:52

Mit Autosizing funktioniert es ja so (Bild 1). Es ist aber blöd,nur diesen Screen in einen extra Xip Date zu haben, statt alles im Storyboard. Deswegen versuche ich das mit Autolayout zu lösen. Eigentlich ist die Autosizing Mask von den beiden Views (ScrollView und GraphView) relativ simpel. Aber ich bekomme das einfach nicht per Autolayout hin. Geht folgenden Autsoizing Mask überhaupt mit Auto-Layout? Wenn ja wie? Ich probiere schon seit Stunden, bekomme es aber einfach nicht hin. (Bei Graph-, ScrollView gleich)

macmoonshine · 18. Dezember 2013, 16:30

Autolayout ist viel, viel mächtiger als Autosizing. In Xcode 5 lässt sich das auch analog zur Autosizingmaske einstellen.

AppleDeveloper · 18. Dezember 2013, 16:40

Und wie? Dass mit den an Rand pinnen funktioniert ja mit AutoLayout auch nicht so. Beim ScrollView bekomme ich das hin, aber wenn ich den GraphView an Leading, Trailing, Top und Bottom Space pinne dann funktioniert das zoomen nicht mehr, da der View nicht mehr breiter wird, sondern er bleibt dann auf der selben Größe und die Achsen werden so immer kleiner. Es kann doch nichts schwer sein! Ich habe echt Null Plan, wie ich das umsetzten kann. In Xcode 5 habe ich zwar die ganzen Möglichkeiten aber das funktioniert alles wie gesagt nicht so bzw. ich bin zu blöd dazu. Kann man sich da irgendwo belesen oder könntest du ein kleines Beispiel-Projekt machen? Was zum Lesen würde mir aber auch schon weiterhelfen. Ich komme einfach nicht weiter!!

AppleDeveloper · 20. Dezember 2013, 15:57

Der weiße Rand oben und unten (siehe Bild 1,2) scheint irgendwie ein Bug von Apple zu sein, wenn man den ScrollView in einen Controller mit NavigationBar und Tabbar zugleich legt. Oder mache ich im Beispielprojekt was falsch? Aber das dürfte richtig seien eigentlich.

Michael · 20. Dezember 2013, 18:39

Nimm mal beim ViewController den Haken bei „Adjust Scroll View Insets“ weg. Ach, und ist das Absicht, dass der Scrollview in einem View drin steckt?

Michael

AppleDeveloper · 20. Dezember 2013, 18:48

@Michael: Vielem vielen vielen Dank!! Den ScrollView als MainView zu machen funktioniert!! Wusste gar nicht, dass das möglich its geschweige denn, dass es gemacht werden muss! Tausend Dank!! Auch an allen anderen, die mir geholfen haben! Endlich geht es!!

AppleDeveloper · 9. Januar 2014, 15:23

Ich habe mich leider zu früh gefreut

So funktioniert jetzt zwar Scrollen wie eine eins aber zoomen gar nicht. Wenn ich zoomen will werden zwar die ganzen Methoden aufgerufen aber der View vergrößert sich nicht. Ich habe es auch schon versucht,den View in einen ContentView zu setzten, diesen mit Constraints auszustatten und den eigentlichen View nicht. Aber alles ohne Erfolg. Was mache ich falsch? Warum vergrößert sich der View nicht, wenn ich zoome?