Question

My app is showing the following:

‘Sample 1’ is just a view to display content. After I click up button, ‘Sample 1’ will scroll up and a new view ‘Sample 2’ will be showed from bottom, the final result is :

I think I should append the sample 2 view at the end of up button, and just adjust the frame of sample 1 and up button to show sample 2.

But I don’t know the details how to implement it. Is there a easy way to implement this?

Answer 1

Just place your button and the 2 sample view’s in the UIScrollview and set the contentsize of the scrollview to the total height of the button and the 2 sample view’s.

Next, you could disable the scrolling on the UIScrollView and connect the button to a method scrolling the UIScrollView up.

Assuming you got your UIScrollView and the ‘sample’ view’s as properties in your custom UIViewController class you could do something like this:

- (void)viewDidLoad
{
    [super viewDidLoad];

    //disable scrolling
    self.scrollView.scrollEnabled = NO;
}

//connect this action to you button
- (IBAction)buttonPressed:(id)sender{

    //if current position is top scroll down, otherwise scroll up.
    if(self.scrollView.contentOffset.y < 1){
        [self.scrollView setContentOffset:CGPointMake(0, self.sample1.frame.size.height) animated:YES];
    }else{
        [self.scrollView setContentOffset:CGPointMake(0, 0) animated:YES];
    }
}