uicollectionviewlayout - Remove Oscillation from UIAttachmentBehavior in UICollectionView -

-

i attempting recreate spring behavior see in ios messages app in uicollectionview. messages have various cell sizes based on text size. have created custom uicollectionviewflowlayout add behavior uicollectionview message bubbles continue oscillate after user has stopped scrolling. have tried number of combinations in length, damping , spring values oscillation never goes away.

after reading of other stack questions did find comment

in order prevent oscillation it's necessary dynamically increase damping factor on quadratic scale attached views closer , closer attachment points. <

but not sure started implementing on have. or guidance appreciated.

below code on uicollectionviewflowlayout creating current effect.

- (void) preparelayout { [super preparelayout];  cgrect originalrect = (cgrect){.origin = self.collectionview.bounds.origin, .size = self.collectionview.frame.size}; cgrect visiblerect = cgrectinset(originalrect, -50, -50);  nsarray *itemsinvisiblerectarray = [super layoutattributesforelementsinrect:visiblerect]; nsset *itemsindexpathsinvisiblerectset = [nsset setwitharray:[itemsinvisiblerectarray valueforkey:@"indexpath"]];   nspredicate *predicate = [nspredicate predicatewithblock:^bool(uiattachmentbehavior *behaviour, nsdictionary *bindings) {     bool currentlyvisible = [itemsindexpathsinvisiblerectset member:[[[behaviour items] firstobject] indexpath]] != nil;     return !currentlyvisible; }]; nsarray *nolongervisiblebehaviours = [self.animator.behaviors filteredarrayusingpredicate:predicate];  [nolongervisiblebehaviours enumerateobjectsusingblock:^(id obj, nsuinteger index, bool *stop) {     [self.animator removebehavior:obj];     [self.visibleindexpathsset removeobject:[[[obj items] firstobject] indexpath]]; }];   nspredicate *newpredicate = [nspredicate predicatewithblock:^bool(uicollectionviewlayoutattributes *item, nsdictionary *bindings) {     bool currentlyvisible = [self.visibleindexpathsset member:item.indexpath] != nil;     return !currentlyvisible; }]; nsarray *newlyvisibleitems = [itemsinvisiblerectarray filteredarrayusingpredicate:newpredicate]; cgpoint touchlocation = [self.collectionview.pangesturerecognizer locationinview:self.collectionview];    [newlyvisibleitems enumerateobjectsusingblock:^(uicollectionviewlayoutattributes *item, nsuinteger idx, bool *stop) {     cgpoint center = item.center;     uiattachmentbehavior *springbehaviour = [[uiattachmentbehavior alloc] initwithitem:item attachedtoanchor:center];      springbehaviour.length = 0.1f;     springbehaviour.damping = 3.0f;     springbehaviour.frequency = 2.8f;      if (!cgpointequaltopoint(cgpointzero, touchlocation)) {         cgfloat ydistancefromtouch = fabs(touchlocation.y - springbehaviour.anchorpoint.y);         cgfloat xdistancefromtouch = fabs(touchlocation.x - springbehaviour.anchorpoint.x);         cgfloat scrollresistance = (ydistancefromtouch + xdistancefromtouch) / 1500.0f;          if (self.latestdelta < 0) {             center.y += max(self.latestdelta, self.latestdelta*scrollresistance);         }         else {             center.y += min(self.latestdelta, self.latestdelta*scrollresistance);         }         item.center = center;     }      [self.animator addbehavior:springbehaviour];     [self.visibleindexpathsset addobject:item.indexpath]; }]; }

you can fix 2 steps.
1. add action behavior when initials make sure center of cell doesn't change during animation

 springbehaviour.action = ^{             cgpoint itemcenter = item.center;             itemcenter.x = center.x;             item.center = itemcenter;         };
  1. remove/re-add behaviors when collectionview stops scrolling. this, need implement scrollview delegate method , in method remove/re-add behaviors.
  - (void)scrollviewdidenddecelerating:(uiscrollview *)scrollview {     zzhcollectionflowlayout *flowlayout = self.collectionview.collectionviewlayout;     if ([flowlayout iskindofclass:[zzhcollectionflowlayout class]])     {         [flowlayout removeanimationbehavior];     }     else     {         // nsassertionhandler     } }  - (void)removeanimationbehavior {     nsarray *behaviors = self.dynamicanimator.behaviors;     [self.dynamicanimator removeallbehaviors];     (uidynamicbehavior *obj in behaviors)     {         [self.dynamicanimator addbehavior:obj];     } }

btw, if there way of changing damping fix, hear it!


Comments

Post a Comment

Popular posts from this blog

python - pip install -U PySide error -

-
does know how avoid following error when running pip install -u pyside per official website instructions here: https://pypi.python.org/pypi/pyside/#installing-pyside-on-a-mac-os-x-system note have done brew install qt successfully. you using pip version 7.0.3, version 7.1.2 available. should consider upgrading via 'pip install --upgrade pip' command. collecting pyside using cached pyside-1.2.4.tar.gz installing collected packages: pyside running setup.py install pyside complete output command /applications/anaconda/bin/python -c "import setuptools, tokenize;__file__='/private/var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-build-cpxemt/pyside/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-0r7hri-record/install-record.txt --single-version-externally-managed --compile: ...
Read more

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

-
simple question: i'm trying initialize array within c++ class declaration: using namespace std; #include <string> class myclass{ public: string myarray[] = {"a","b","c"}; }; and i'm getting error: error: brace-enclosed initializer not allowed here before ‘{’ token no, without complied c++11 compiler, cannot initialize member array in declaration. have initialize array member in constructor. , don't use open array if know number of elements initialize array.
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more