暑假第一周总结

07.17-07.23

学习了UITableViewCell的复用与自定义

TableView显示之初，复用池为空，那么tableView dequeueReusableCellWithIdentifier:CellIdentifier返回nil。开始的cell都是通过[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]来创建，cellForRowAtIndexPath只调用最大显示cell数的次数。
比如屏幕最多显示10行cell：

1. 用[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]创建10次cell，并给cell指定同样的重用标识(当然，可以为不同显示类型的cell指定不同的标识)。并且10个cell全部都加入到visiableCells数组，reusableTableCells为空。
2. 向下拖动tableView，当cell1完全移出屏幕，并且cell11(alloc出来的，因为此时复用池为空)完全显示出来的时候。cell11加入到visiableCells，cell1移出visiableCells，cell1加入到reusableTableCells，此时复用池不再为空，出现了第一个元素：cell1。
3. 接着向下拖动tableView，因为reusableTableCells中已经有值，所以，当需要显示新的cell，cellForRowAtIndexPath再次被调用的时候，tableView dequeueReusableCellWithIdentifier:CellIdentifier，返回cell1。cell1加入到visiableCells，cell1移出reusableTableCells；cell2移出visiableCells，cell2加入到reusableTableCells。之后再需要显示的Cell就可以正常重用了。

配置Cell的时候一定要注意，对取出的重用的cell做重新赋值，不要遗留老数据。否则就会出现一些复用的问题。

自定义cell

应用了代理传值

多界面传值之代理传值

滑动界面

尝试实现了滑动界面过程中逐渐使导航栏透明，尝试实现了图片的自动循环轮播。在与滑动界面相关的操作中：选择并实现UIScrollViewDelegate中的几个代理函数至关重要。

@protocol UIScrollViewDelegate<NSObject>

@optional

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;                                               // any offset changes
- (void)scrollViewDidZoom:(UIScrollView *)scrollView API_AVAILABLE(ios(3.2)); // any zoom scale changes

// called on start of dragging (may require some time and or distance to move)
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
// called on finger up if the user dragged. velocity is in points/millisecond. targetContentOffset may be changed to adjust where the scroll view comes to rest
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset API_AVAILABLE(ios(5.0));
// called on finger up if the user dragged. decelerate is true if it will continue moving afterwards
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;   // called on finger up as we are moving
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;      // called when scroll view grinds to a halt

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView; // called when setContentOffset/scrollRectVisible:animated: finishes. not called if not animating

- (nullable UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;     // return a view that will be scaled. if delegate returns nil, nothing happens
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view API_AVAILABLE(ios(3.2)); // called before the scroll view begins zooming its content
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale; // scale between minimum and maximum. called after any 'bounce' animations

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;   // return a yes if you want to scroll to the top. if not defined, assumes YES
- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;      // called when scrolling animation finished. may be called immediately if already at top

/* Also see -[UIScrollView adjustedContentInsetDidChange]
 */
- (void)scrollViewDidChangeAdjustedContentInset:(UIScrollView *)scrollView API_AVAILABLE(ios(11.0), tvos(11.0));

@end

图片的轮播中，为了实现更好的视觉效果，可以选择在需要轮播的几张图片之外另加两张图片，以4张图片为例：
从左至右依次标号1⃣️2⃣️3⃣️4⃣️5⃣️6⃣️

1. 可以是 4，1，2，3，4，1 布局
2. 也可以是 1，2，3，4，1，2 布局
3. 此外还可以有其他布局。。。

第一个布局的逻辑为滑动到2⃣️时，左右都有图片，可以实现很好的滑动，相当于第一张可以滑动到最后一张，此时加一个判断，如果画布位移正好时显示1⃣️，那么直接setContentOffset:“5⃣️的位置” animated:NO则无视觉效果，完成切换，达到第一张切换到第四张，最后5⃣️6⃣️的逻辑也如此。
第二个布局的逻辑也不难，都可以实现很好的视觉效果。

按钮

按钮图标与文字的默认布局是左右布局的，那么如何让它们实现上下布局且居中呢？
因为自动布局是图片左，文字右，通过[button setTitleEdgeInsets:UIEdgeInsetsMake(0, -button.currentImage.size.width, 0, 0)];设置文字向左移动图片的宽度，使文字完全剧中。
最终设置成[button setTitleEdgeInsets:UIEdgeInsetsMake(button.currentImage.size.height, -button.currentImage.size.width, 0, 0)];和[button setImageEdgeInsets:UIEdgeInsetsMake(-button.titleLabel.intrinsicContentSize.height, 0, 0, -button.titleLabel.intrinsicContentSize.width)];使得文字左移后再下移图片高度，图片右移再上移达到垂直布局。再对上下位置微调达到好看的效果。