An iphone picker that rotates left-right?

Question

I've only seen it in a VERY few iPhone apps... but it looks like a picker that rotates left/right (instead of top/bottom).

They usually put it on 1 line of a tableView... to allow the user to quickly pick between a small number of choices (like 3-10).

How is that coded?

Answer 1

Have you ever considered taking a table view and rotating it?

Didn't think so. Go try that. :)

Answer 2

Try a paged scrollview that has the items you want on one per page, and perhaps overlay an image above it if you want nicer graphics for your control, and only allow for horizontal scrolling (don't make the contentSize of the scrollview taller than the size of the actual view, and disable vertical scroll bouncing on the control).

Answer 3

You can do this by taking a regular UIPickerView, adjusting its width (via setFrame:), and then applying an NSAffineTransform to rotate it 90º. You'll then need to rotate each item in the picker 90º the other way.

It's a little tedious to do it properly, but it can be done.

Answer 4

Continuing the answer by Dave DeLong I got it working like this......

In viewDidLoad i did this...

 CGRect frame = horizontalPickerView.frame;
        frame.size.width = 50;
        frame.size.height = 216;
        frame.origin.x=90;
        frame.origin.y = 200;
        horizontalPickerView.frame = frame;

        horizontalPickerView.transform = CGAffineTransformMakeRotation(3.14159/2); 






- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{
        UILabel *lbl = [[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 30, 20)] autorelease];
        lbl.transform = CGAffineTransformMakeRotation(-3.14159/2);
        lbl.text = @"hi";
        return lbl;
    }

Hope this helps

Answer 5

i am not getting the Horizontal Picker...Dont know the exact Problem

i am not getting the text in the picker....

i am using the same code :

CGRect frame = horizontalPickerView.frame; frame.size.width = 50; frame.size.height = 216; frame.origin.x=90; frame.origin.y = 200; horizontalPickerView.frame = frame;

    horizontalPickerView.transform = CGAffineTransformMakeRotation(3.14159/2); 

• (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{ UILabel *lbl = [[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 30, 20)] autorelease]; lbl.transform = CGAffineTransformMakeRotation(-3.14159/2); lbl.text = @"hi"; return lbl; }

Please help me

thank you

Answer 6

Try this-> Create Plain UIVew of size of UIPickerview, add picker on it. set numberOfComponentsInPickerView = 1. set componant width. Then add small sub views on it to Hide rest of picker. Only rotating wheel of componant should visible. Transform plain view to rotate it through 90 degree.

Make sure to apply tranform in:

-(UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view

{

UILabel *lbl = nil;
if(view)
{
    lbl = (UILabel *) [view viewWithTag:11];
}
else
{
    view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 32, 32)];
    lbl = [[UILabel alloc] initWithFrame:CGRectMake(1, 0, 30, 30)];
    lbl.tag = 11;
    lbl.backgroundColor = [UIColor clearColor];
    lbl.textAlignment = UITextAlignmentCenter;
    lbl.font = [UIFont fontWithName:@"Helvetica-Bold" size:18];
    lbl.transform = CGAffineTransformRotate(lbl.transform, M_PI +M_PI/2);
    [view addSubview:lbl];
    [lbl release];
}


lbl.text =  [dataSourceArray objectAtIndex:row];


return view;

}

Now you can add palin view as a subview for horizontal picker on any view.