Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Simple, but dynamically generated flow chart or process chart view for iOS

Perhaps "flow chart" or "process chart" isn't even the correct terminology for what I'm looking for, but it's the best analog I can come up with. Basically, I'm trying to find a library or class that allows for the dynamic creation (in code) of connected cells/UIViews within a given space. In code, you could add/delete ordered cells from the view and it will arrange accordingly. Normally, if the superview size permits (i.e. iPad), it would arrange these connected cells horizontally. If it's space constrained (iPhone), it would arrange as many cells as possible on one line horizontally, then continue the rest of the cells horizontally below ... akin to a graphical "word wrap".

Granted, I doubt there's a magical library that does all of this, but if the SO community can point me to some better terminology and/or some potential candidates to fork, I would be incredibly appreciative.

I've looked at AQGridView and it is such a vast library, I believe it's overkill with a compiled size of +700 Kb. SSCollectionView is really close, but you have to manually center cells and it doesn't yet support variable cell height/width.

To give you a better sense of what I'm imagining, here's a pic: enter image description here

like image 860
Greg Combs Avatar asked May 02 '11 16:05

Greg Combs


1 Answers

Done. I had to write my own, but it works just like I wanted it to. Feel free to fork my AppendingFlowView repository at GitHub.

  • It's dynamic (add stages on demand).
  • It responds to changes in the master view by reorienting and resizing the cells as necessary with animation!
  • It handles multiple rows automatically, depending on the desired cell size and number of cells.

Screenshot

like image 187
Greg Combs Avatar answered Sep 21 '22 00:09

Greg Combs