blocks|key|1715403|text|我必须以编程方式将searchBar添加为UICollectionReusableView的子视图，因为在分配插座时，我始终无法通过IB使其工作，因为我一直收到原型错误。在实现文件中添加搜索栏对我来说很有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715404|相关方法如下。|1715405|-(void)viewDidLoad
{
++++[super+viewDidLoad];
++++[self.collectionView+registerClass:[UICollectionViewCell+class]+forCellWithReuseIdentifier:CellIdentifier];
++++_objectChanges+=+[NSMutableArray+array];
++++_sectionChanges+=+[NSMutableArray+array];
++++[self+performFetch];
++++searchBar+=+[[UISearchBar+alloc]
++++++++++++++++++initWithFrame:CGRectMake(0.0,+50.0,+self.view.bounds.size.width,
+++++++++++++++++++++++++++++++++++++++++++44.0)];
++++searchBar.placeholder+=+@"Search+for+channels";
++++searchBar.tintColor+=+[UIColor+blackColor];
++++searchBar.delegate+=+self;
}


-(UICollectionReusableView+*)collectionView:(UICollectionView+*)collectionView+viewForSupplementaryElementOfKind:(NSString+*)kind+atIndexPath:(NSIndexPath+*)indexPath
{
++++SupplementaryView+*header+=+nil;

++++if+([kind+isEqual:UICollectionElementKindSectionHeader])
++++{
++++++++header+=+[self.collectionView+dequeueReusableSupplementaryViewOfKind:kind
++++++++++++++++++++++++++++++++++++++++++++++++++++withReuseIdentifier:@"reuseHeader"
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++forIndexPath:indexPath];

++++++++[header+addSubview:searchBar];

++++}
++++return+header;
}|code-block|syntax|javascript|1715406|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I had to add the searchBar programmatically as a subview of the UICollectionReusableView, I could never getting it working through IB as I kept getting prototype error when assigning an outlet. Adding the search bar in the implementation file worked for me.

The relevant methods are the following.

<pre><code>-(void)viewDidLoad
{
 [super viewDidLoad];
 [self.collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:CellIdentifier];
 _objectChanges = [NSMutableArray array];
 _sectionChanges = [NSMutableArray array];
 [self performFetch];
 searchBar = [[UISearchBar alloc]
 initWithFrame:CGRectMake(0.0, 50.0, self.view.bounds.size.width,
 44.0)];
 searchBar.placeholder = @"Search for channels";
 searchBar.tintColor = [UIColor blackColor];
 searchBar.delegate = self;
}


-(UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
 SupplementaryView *header = nil;

 if ([kind isEqual:UICollectionElementKindSectionHeader])
 {
 header = [self.collectionView dequeueReusableSupplementaryViewOfKind:kind
 withReuseIdentifier:@"reuseHeader"
 forIndexPath:indexPath];

 [header addSubview:searchBar];

 }
 return header;
}
</code></pre>

blocks|key|1715590|text|我刚刚收到了同样的询问，我想出了一个半生不熟但有效的解决方案，不涉及重写UISearchDisplayController。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715591|(最终结果:一个UITableView+--它响应于shouldReloadTableForSearchString--覆盖在UICollectionView之上，一旦单击search，它就会消失，结果就会显示在collectionView中。如果感兴趣，请继续阅读)|1715592|在IB中创建了一个我插入其中的UIViewController+(见屏幕截图)：一个用于布局目的的视图-->其中我首先放入了一个UISearchBar和显示控制器。在同一个视图中(并排)，我放入了一个带有自定义UICollectionViewCell的UICollectionView。然后我放了一个UITableViewProvider+(有一个自定义的UITableCell，但这不是必需的，你也可以忽略屏幕截图中的UITabBarItem和导航项目，这是无关紧要的)|1715593|我将UITableView的高度设置为0，并连接了所有的出口和代理，最终结果如下所示，当光标进入UISearchBox时，UITableView覆盖在UICollectionView上，因为输入的是shouldReloadTableForSearchString+del并将结果显示在tableView中；在searchBarSearchButtonClicked上，我只需设置UICollectionView的dataSource并在它的outlet上调用reloadData。|1715594|有人会认为苹果应该推广搜索显示控制器；也许在未来的版本中？|1715595|(这是因为这是优化UISearchDisplay控制器的方式，IIRC实际上每个字符条目都有一个UITableView堆叠在一起)|1715596|(没有发布代码，因为其中涉及了相当多的内容；如果有什么不直接的地方，请询问)|1715597|​|1715598|📷|atomic|offset|length|1715599|1715600|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/18632a31f8f7a8c48e35649a69a38b64.png|imageAlt^0|0|0|0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|17|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|18|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1A|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1B|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1C|8|@]|9|@$S|1D|T|1E|1|1F]]|A|$]]|$1|U|3|O|5|6|7|1G|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12|13|-4]]]]

I just had the same inquiry, and I came up with a half-baked but working solution that does not involve rewriting UISearchDisplayController. 

(END RESULT: A UITableView --that answers to shouldReloadTableForSearchString-- overlaid on top of the UICollectionView, once you click search it's dismissed, and you have your results in the collectionView. Read on if this is of interest)

In the IB created a UIViewController in which I inserted(see screenshot): 
a view for layout purposes --> in which I first dropped a UISearchBar and display controller.
In the same view (side by side) I dropped a UICollectionView with a custom UICollectionViewCell. Then I dropped in a UITableViewProvider (with a custom UITableCell, but that's not required, you can also ignore the UITabBarItem and the Nav item in the screenshot, that's inconsequential ) 

I set the height of the UITableView to 0, and wired all the Outlets and delegates, and the net result is the following, when the cursor enters the UISearchBox, the UITableView overlay on top the UICollectionView, as one types the shouldReloadTableForSearchString del gets called and the results appear in the tableView; On searchBarSearchButtonClicked I simply set the dataSource of the UICollectionView and call reloadData on it's outlet, et Voila.

One would think Apple should generecize the search display controller; maybe in a future release? 

( This works because that's the way the UISearchDisplay controller is optimized, IIRC there's actually one UITableView per character entry stacked on top of each other )

(Not posting code because there's quite a bit involved; plz inquire if anything is not straightforward)

<img src="https://i.stack.imgur.com/4XhfI.png" alt="enter image description here">

blocks|key|1929068|text|这里只有一个快速的代码-对我有效！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1929069|func+collectionView(collectionView:+UICollectionView,+viewForSupplementaryElementOfKind+kind:+String,+atIndexPath+indexPath:+NSIndexPath)+->+UICollectionReusableView+{

++++let+headerView+=+self.mainPictureCollectionView.dequeueReusableSupplementaryViewOfKind(kind,+withReuseIdentifier:+"headerView",+forIndexPath:+indexPath)

++++headerView.addSubview(searchBar)
++++return+headerView
}|code-block|syntax|javascript|1929070|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here just a swift code - worked for me!

<pre><code>func collectionView(collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, atIndexPath indexPath: NSIndexPath) -&gt; UICollectionReusableView {

 let headerView = self.mainPictureCollectionView.dequeueReusableSupplementaryViewOfKind(kind, withReuseIdentifier: "headerView", forIndexPath: indexPath)

 headerView.addSubview(searchBar)
 return headerView
}
</code></pre>

If you use a UISearchDisplayController with a UITableViewController, when the user taps the search bar it animates up to replace the nav bar.

I'd like to get that same effect when using a UISearchBar at the top of a UICollectionViewController. Any ideas?

How can I use UISearchDisplayController with UICollectionViewController?

如果您使用的是带有UITableViewController的UISearchDisplayController，当用户点击搜索栏时，搜索栏的动画效果会取代导航栏。我希望在UICollectionViewController顶部使用UISearchBar时也能获得同样的效果。有什么想法吗？

问如何在UICollectionViewController中使用UISearchDisplayController？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在UICollectionViewController中使用UISearchDisplayController？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在UICollectionViewController中使用UISearchDisplayController？
EN