# DouyinUserHomePage

**Repository Path**: Steven_Hu/DouyinUserHomePage

## Basic Information

- **Project Name**: DouyinUserHomePage
- **Description**: 思路：用UICollectionView为父容器，用于显示个人详细信息、多行多列Tab切换。
①抖音个人主页包含用户信息和用户发布、喜欢的视频列表，以CollectionView为父容器即可全部实现。UICollectionView包含两个Section，第一个Section包含一个Header和一个Footer，Header 用于显示用户头像、昵称等详细信息，Footer则用于切换“作品”与“喜欢”两个tab，第二个section则用于显示短视频动图列表。
博客园首页：
http://www.cnblogs.com/StevenHuSir/
②UICollectionView指定元素固定原理
③UICollectionView指定元素下拉缩放原理
- **Primary Language**: Objective-C
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-12-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DouyinUserHomePage

#### 项目介绍
思路：用UICollectionView为父容器，用于显示个人详细信息、多行多列Tab切换。
①抖音个人主页包含用户信息和用户发布、喜欢的视频列表，以CollectionView为父容器即可全部实现。UICollectionView包含两个Section，第一个Section包含一个Header和一个Footer，Header 用于显示用户头像、昵称等详细信息，Footer则用于切换“作品”与“喜欢”两个tab，第二个section则用于显示短视频动图列表。
博客园首页：
http://www.cnblogs.com/StevenHuSir/
②UICollectionView指定元素固定原理
通过重写UICollectionViewFlowLayout中的layoutAttributesForElementsInRect方法可以让UICollectionView显示诸如瀑布流、水平流动布局等各种样式的布局。其原理就是layoutAttributesForElementsInRect方法本身返回的是UICollectionView中每个元素的属性，属性中就包含元素的frame信息，通过修改frame值即可改变每个元素显示的位置，这里的元素类型分为Header、Footer、Cell，判断元素类型可将不同元素进行区分
抖音个人主页在向上滑动时，第一个section滑动到导航栏底部时便固定位置不再上移。实现这个效果就需要将第一个section中的元素提取出来单独处理frame值。之前也介绍了，第一个section包含一个Header和一个Footer，Header用于显示用户详细信息，Footer则用于显示切换"作品"和"喜欢"的Tab栏，因此只需判断是否是第一个section的Header和Footer并修改frame值即可实现固定效果
③UICollectionView指定元素下拉缩放原理
UIScrollView的bounce属性设置为YES后，UIScrollView及其子类都会有在滑动到顶部和底部时出现弹簧拉伸效果，UICollectionView、UITableView都继承自UIScrollView，所以也有bounce属性。
#### 软件架构
软件架构说明


#### 安装教程

1. xxxx
2. xxxx
3. xxxx

#### 使用说明

1. xxxx
2. xxxx
3. xxxx

#### 参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)