Question

我开始为iOS开发一个简单的应用程序，这个应用程序是一个简单的一些照片库（摘自网站）。我遇到的第一个问题是如何为图库创建视图。

视图应该是这样的（或照片应用程序）： Sample View

然而，以这种方式进行视图是有问题的，首先是因为它使用了固定的维度，我觉得有点难以实现（对我而言）。

另一种方法是在tableview中使用自定义单元格，如下所示： custom cell

但它仍在使用固定尺寸。

创建图库的最佳方法是什么，不使用任何第三部分库（如Three20）？

感谢您的回复：）

PS。我认为使用固定尺寸是不好的，因为新的iphone 4（具有不同的分辨率），我是对的吗？

Answer 1

你应该看看AQGridView，这正是你想要达到的目标。即使您想编写自己的自定义代码，也要查看AQGridView源代码，因为您可能需要使用UIScrollView作为基础。

Answer 2

如果您想使用第三方课程，下一个教程可以混合使用，它们适用于我。这是一个很好的网格视图：
custom image picker like uiimagepicker

如果您想异步加载它们，请使用以下命令： image lazy loading

这两个教程都有很好的描述并且有源代码。

Answer 3

分辨率的差异应该不是问题，因为iOS，如果我没记错的话，如果它检测到它有视网膜显示，则将UI组件和图像放大到正确的分辨率。一边;如果您打算在不降低质量的情况下支持两种屏幕尺寸，请记得开始制作高/低分辨率的图形版本。

只要您根据点而不是像素（这是在XCode 4中完成的方式）设计事物，iOS就能够透明地为您处理缩放。在小屏幕上，一个点将是一个像素，而在视网膜显示器上它将是两个像素。这使它能够在视网膜显示器上呈现更加清晰的外观。 Source

我知道这个问题已经过时了，但我没有看到有人解决固定宽度的问题，所以我认为我会做出一次贡献。

Answer 4

如果您不想使用第三方库，则应在UITableView行中执行此操作。由于UITableView缓存单元格的方式，它在内存中相对轻量级。当然比UIScrollView中可能非常大的UIView更重要。我已经完成了两种方式，我对UITableView感到非常高兴。

那说，下次我需要这样做？我计划使用AQGridView。

Answer 5

嗯，自从ios6问世以来，正确的方法是使用Collection Views：

Apple Docs on CollectionViews

另外，请参阅两个WWDC 2012会议：

Introduction to Collection Views
Advanced Collection Views

可悲的是，Apple没有包含简单的图库或封面流程布局，但制作一个很容易。

Answer 6

我写了一篇关于使用UICollectionView构建媒体库的教程。它从用户的照片库中填充。我认为它将完美地适用于你想要做的事情。

iPhone Programming Tutorial: Creating An Image Gallery Like Over – Part 1

希望有所帮助。干杯！

Answer 7

我在自己的项目中做了类似的事情。我只是在这里展示代码的一些部分，但是如果你想查看完整的代码，你可以在GitHub GitHub Repo上查看它

首先，我使用ImageView制作了一个自定义的Collection View单元格

CustomCollectionCell.h中的

#import <UIKit/UIKit.h>

@interface CustomCollectionCell : UICollectionViewCell

@property (nonatomic , retain) UIImageView *imageView;
@end

CustomCollectionCell.m中的

#import "CustomCollectionCell.h"

@implementation CustomCollectionCell
- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        [self setupImageView];
    }
    return self;
}

#pragma mark - Create Subviews

- (void)setupImageView {
    self.imageView = [[UIImageView alloc] initWithFrame:self.bounds];
    self.imageView.autoresizingMask = UIViewAutoresizingNone;//UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    [self addSubview:self.imageView];
}

@end

然后在您想要缩略图的视图中设置CollectionView

在ThumbNailViewController.m（摘录）

UICollectionView *collectionViewThumbnails;

在ThumbNailViewController.m（摘录）

UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc] init];
collectionViewThumbnails=[[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height - 50) collectionViewLayout:layout];
if (collectionViewThumbnails && layout)
{
    [collectionViewThumbnails setDataSource:self];
    [collectionViewThumbnails setDelegate:self];
    [collectionViewThumbnails registerClass:[CustomCollectionCell class] forCellWithReuseIdentifier:@"cellIdentifier"];
    [collectionViewThumbnails setBackgroundColor:[UIColor blackColor]];

    [self.view addSubview:collectionViewThumbnails];
}

然后您拥有集合视图所需的方法。在这里你可以设置你的

//Number of items in the collectionview
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return [galleryData count];
}

//Set up what each cell in the collectionview will look like
//Here is where you add the thumbnails and the on define what happens when the cell is clicked 
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    //initialize custom cell for the collectionview
    CustomCollectionCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"cellIdentifier" forIndexPath:indexPath];

    [cell.imageView setClipsToBounds:YES];

    cell.imageView.contentMode = UIViewContentModeScaleAspectFill;

    //format url to load image from
    NSString *url = [NSString stringWithFormat:@"http://andrecphoto.weebly.com/uploads/6/5/5/1/6551078/%@",galleryData[indexPath.item]];

    //load thumbnail
    [cell.imageView setImageWithURL:[NSURL URLWithString:url]
                   placeholderImage:[UIImage imageNamed:@"placeholder.png"]];

    //Sets up taprecognizer for each cell. (onlcick)
    UITapGestureRecognizer *tap=[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTap:)];
    [cell addGestureRecognizer:tap];

    //sets cell's background color to black
    cell.backgroundColor=[UIColor blackColor];
    return cell;
}

//Sets size of cells in the collectionview
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    return CGSizeMake(100, 100);
}

//Sets what happens when a cell in the collectionview is selected (onlclicklistener)
- (void)handleTap:(UITapGestureRecognizer *)recognizer  {
    //gets the cell thats was clicked
    CustomCollectionCell *cell_test = (CustomCollectionCell *)recognizer.view;

    //gets indexpath of the cell
    NSIndexPath *indexPath = [collectionViewThumbnails indexPathForCell:cell_test];

    if (isConnectedGal)
    {
        //sets the image that will be displayed in the photo browser
        [photoGallery setInitialPageIndex:indexPath.row];

        //pushed photobrowser
        [self.navigationController pushViewController:photoGallery animated:YES];
    }
}

希望能回答你的问题。

Answer 8

这是一个非常好的库，名为FGallery，适用于iOS

- 支持自动轮播

-thumbnail查看

-zoom

-delete

如何在iOS上创建图库

8 个答案: