如何在启用分页的滚动视图中添加多个用户交互式视图

时间:2013-08-15 09:12:39

标签: objective-c uiview uiscrollview nsarray uipagecontrol

我正在尝试向现有代码添加一组用户交互式视图。 我有一个数组使用滚动视图(带页面控件)来显示一组图像的代码。我想修改代码以显示已在界面构建器中创建的用户交互式视图的数组。通过用户交互,这些视图将具有按钮和可缩放的图像视图。

-----当前代码-----

带有scrollview

的视图控制器的实现文件(.m)
#import "AboutViewController.h"

@interface AboutViewController ()

@end

@implementation AboutViewController

@synthesize scrollView;
@synthesize pageControl;
@synthesize imageArray;

int page;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    //Can we load and display ViewControllers as opposed to images?  
    imageArray = [[NSArray alloc] initWithObjects:@"1.png", @"2.png", @"3.png", nil];

    for (int i = 0; i < [imageArray count]; i++ ) {
       int page = scrollView.contentOffset.x / scrollView.frame.size.width;

       CGRect frame;
       frame.origin.x = self.scrollView.frame.size.width * i;
       frame.origin.y = 0;
       frame.size = self.scrollView.frame.size;

        UIImageView *imageView = [[UIImageView alloc] initWithFrame:frame];
        imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:i]];
        [self.scrollView addSubview:imageView];

       NSLog (@"page %d",page);

    }

    scrollView.contentSize = CGSizeMake(scrollView.frame.size.
                             width *[imageArray count], 
                          scrollView.frame.size.height);
}

#pragma mark - UIScrollView Delegate
- (void)scrollViewDidScroll:(UIScrollView *)sender
{

    CGFloat pageWidth = self.scrollView.frame.size.width;
    //calculate current page in scrollview 
    int page = floor((self.scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
    self.pageControl.currentPage = page;
    NSLog (@"page %d",page);
}

- (IBAction)done:(id)sender
{
    [self.delegate aboutViewControllerDidFinish:self];

}

@end

带有scrollview

的视图控制器的头文件(.h)
#import <UIKit/UIKit.h>

@class AboutViewController;

@protocol AboutViewControllerDelegate

- (void)aboutViewControllerDidFinish:(AboutViewController *)controller;
@end

@interface AboutViewController : UIViewController<UIScrollViewDelegate>


@property (strong, nonatomic,retain) id <AboutViewControllerDelegate> delegate;
@property (nonatomic,strong,) IBOutlet UIScrollView *scrollView;
@property (nonatomic, strong) IBOutlet UIPageControl *pageControl;
@property (nonatomic, strong) NSArray *imageArray;
@property(nonatomic, assign) IBOutlet UILabel *label;

- (IBAction)done:(id)sender; //returns back to main menu after a button is pressed

@end

---------------------------更新------------------- ---------------

进一步澄清:

对于那些可能加入这个问题的人来说,早些时候我对在视图中嵌入视图控制器而不是视图感到困惑。我现在认为不可能在滚动视图中嵌入视图控制器,但可以将视图嵌入其中。

2 个答案:

答案 0 :(得分:2)

也许您对UIViewUIViewController感到困惑。只能显示UIView。例如,您的imageView是UIImageViewUIView的子类)的实例,因此可以在屏幕上显示。 UIViewController负责创建和配置UIView个实例,但无法显示。

通常情况下,UIViewController用于控制全屏视图,您可以在其中添加子视图。如果您想在屏幕上显示多个图片,UIScrollView只需UIPageControl即可。

如果您需要构建多个页面,并且每个页面都具有其依赖外观和用户交互,您可以选择UINavigationController来管理多个UIViewController实例,并在其相关{{1}中创建和配置每个页面}}。

答案 1 :(得分:0)

NSArray(及其子类的任何实例,例如NSMutableArray)可以包含任何类型的对象。视图控制器是一个对象,因此NSArray实例可以保存它。

请注意,数组包含对其包含的对象的强引用,因此,如果将对象添加到数组中,即使删除了所有其他引用(例如,将它们设置为nil),它也将保留在内存中。当然,直到你从数组中删除对象。

所有这些注意事项也适用于集合和词典,顺便说一句。