float:left in objective-c

Question

I'm trying to make a bunch of buttons behave somewhat like float:left in CSS. So whenever the view changes size, on orientation change for example, the buttons should adjust so they fit within their container view.

In landscape mode, this UIScrollView should scroll horizontally, in portrait mode, it should scroll vertically.

I'm trying to make an ScrollView similar to the "Featured" tab in the iPad YouTube app. Landscape has 4 columns, portrait: 3 columns, "Subscriptions" tab, portrait, the same view has 2 columns.

alt text

+1 for a well thought out and presented question. I'm only sorry I can't answer it. — Abizern, Jan 10 '11 at 17:10

score 2 · Accepted Answer · answered Jan 10 '11 at 19:20

2

I have implemented a layout system to do things like this. There is a demo project on how to use it checked into that repository. I'd be happy to answer any questions about it. This is much more lightweight than AQGridView, so if you don't need the extra functionality he is providing, I would recommend an approach similar to mine.

answered Jan 10 '11 at 19:20

Joshua Weinberg

28,598
2
97
90

You can still find it on my github, but you should just use Cocoa auto layout to do this now. – Joshua Weinberg Jul 20 '14 at 04:57

score 1 · Answer 2 · answered Jan 10 '11 at 18:06

you might want to check out AQGridView, which is basically a re-implementation of Cocoa's NSCollectionView: https://github.com/AlanQuatermain/AQGridView

Otherwise, you might need to override layoutSubviews in your parentView and then rearrange the subviews (buttons) accordingly when the dimensions of the parentView change.

Cheers,

Johannes

score 0 · Answer 3 · answered Jan 10 '11 at 23:25

If you had to implement this manually (by overriding layoutSubviews), I think the algorithm would be something like this:

Start with X = 0, Y = 0 (assuming flipped coordinates)
For each button:
1. If (X + button width) > container width, set X = 0, increase Y
2. Place button at (X, Y)
3. Increase X by button's width

float:left in objective-c

3 Answers3

Linked