iOS开发仿【喵播】之快速集成tableView头部缩放视图+视图为模糊效果

最新推荐文章于 2019-02-15 11:22:50 发布
最新推荐文章于 2019-02-15 11:22:50 发布
阅读量1.3k 收藏
点赞数
分类专栏： iOS开发 文章标签： iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wdjzf/article/details/52629251
版权
本文介绍了在iOS开发中如何快速集成tableView头部缩放视图，使用YZHeaderScaleImage框架实现，并探讨了添加模糊效果的方法，包括使用FXBlurView和VisualEffectView。同时分享了在实现过程中遇到的问题和解决方案。
摘要由CSDN通过智能技术生成

最近在仿喵播做一个视频直播APP，demo基本已经完成，目前在做视频直播聊天室方面的东西，在模仿的过程中遇到很多问题，在解决问题的过程中也学到了很多。仿喵播系列今天先聊一聊快速集成tableView头部缩放视图+视图为模糊效果

gif图片展示：

仿喵播个人界面.gif
制作的gif文件在这上面看着不够清晰，有晕影；但实际上是很清晰，效果很好。gif文件是用LICEcap Mac版制作的，点击链接下载安装。

LICEcap使用方法：
  • 打开LICEcap软件，它的界面是一个透明的窗口。
  • 点击“Record”后，我们选择GIF文件的保存位置，然后进入3秒倒计时。
  • 点击“Stop”完成录屏。
快速集成tableView头部缩放视图

所谓快速集成即一行代码集成tableView头部缩放视图，这里用的是袁峥Seemygo大牛开源的一个小巧轻便的框架YZHeaderScaleImage，试了一些方法，但是对于喵播这种的tabl

最低0.47元/天 解锁文章
JFzhifenx
关注
专栏目录
高仿喵播项目下载iOS
kuozhu2419的博客
12-29 407
IOS视频直播 + 推流实现 采用开源框架ijkplayer 以及LFLiveKit实... http://www.code4app.com/forum.php?mod=viewthread&tid=10450&fromuid=843201 MiaoBo 直播项目： 关于IJKMediaFramework/IJKMediaFramework.h找不到的问题,下载后直接拉
tableView 头部 下拉缩放
FlyingFireFish的博客
05-15 447
方法1：在tableView上层固定一个view用户缩放, 切tableView 设置一个tableHeaderVeiw 具体代码如下： func scrollViewDidScroll(_scrollView:UIScrollView) { lety = scrollView.contentOffset.y print("y---->\(y)") ...
tableview的Header下拉缩放
Mackellen的专栏
09-18 655
func scrollViewDidScroll(scrollView: UIScrollView) { let width = self.view.frame.size.width //图片宽度 let yOffSet = scrollView.contentOffset.y //偏移量 if yOffSet < 0 { //表...
封装的轮播图作为头视图的tableview
qq_35827461的博客
08-09 405
(void)getLunboImage {// 创建一个View存放scroll和page和collection self.viewV = [[UIView alloc] initWithFrame:CGRectMake(0, 0,[UIScreen mainScreen].bounds.size.width, 288 * ScreenHeigth)];//赛事 self.ball = [UI
UITableView头部带有图片并且下拉图片放大效果
黑码哥的技术博客
10-08 3328
实现原理很简单，就是在UITableview上边添加一个图片子视图，在tableview拖动的时候动态的改变图片的frame，就可以实现这个效果。 步骤如下： 1. 布置UITableview UITableview的设置和正常一样，没有什么需要注意的地方，我这里是直接在storyboard里面拖的，代码如下： #define kHEIGHT 198 @propert
iOS TableView头视图根据偏移量下拉缩放效果
08-27
iOS TableView头视图根据偏移量下拉缩放效果 本篇文章主要介绍了 iOS 中 TableView 头视图根据偏移量下拉缩放效果的实现方法。该方法可以让TableView的头视图根据偏移量的变化而变化，实现下拉缩放效果。 知识点一...
ios-tableView头部拉伸效果.zip
07-11
本项目“ios-tableView头部拉伸效果”旨在实现当用户下拉表格视图时，头部背景图片能够随着手势缩放，并且导航栏的背景颜色也会动态变化，为用户带来更流畅、更直观的操作反馈。 首先，我们来详细解释这个功能的...
ios-tableView顶部视图.zip
07-11
这个压缩包"ios-tableView顶部视图.zip"显然包含了一个示例项目，演示了如何实现UITableView的顶部视图，以及与之相关的交互效果。这里我们将深入探讨相关知识点。 首先，`tableView`的顶部视图通常指的是`...
iOS TableView头视图根据偏移量下拉缩放的效果实现
COOL_BEAR_XX的专栏
09-01 7111
在做项目时，一些TableView的地方会使用到下拉TableView让HeardView头视图随其偏移量的变化而变化，之前做过一次但没记录下来。现在做的时候总是遇到一些问题，比如下拉时是以原点向左右两边放大，这个只是效果问题。还有就是看到的视图确实变大了，但是会盖到下面的TableViewCell。开始以为是加在里面的视图变大，而TableViewHeardView没变大，我NSLog打印了一下
UITableView headerView 下拉放大
weixin_33774615的博客
12-13 258
一行代码快速集成tableView上头部视图缩放图片，并且不会占用tableView的头部视图，无侵入性，全用runtime实现的。[网页链接] 框架使用教程： 1.将YZHeaderScaleImage导入项目或者使用cocoapods导入 2.导入#import "UIScrollView+HeaderScaleImage.h" 3.使用tableView或者scrollView 4.设置了t...
iOS GPUImage研究总结
Quinn's blog ! I'm glad to be here!
09-28 1万+
关于GPUImage 这里直接引用官方描述：GPUImage是使用GPU处理图像的、他可以对图片、实时画面、视频进行处理。他允许你自定义滤镜、支持iOS4.0。然而,目前缺乏核心形象的一些更高级的功能,比如面部检测。
自定制实现带有缩放效果的轮播图
我可能是个Siri
06-23 5881
可直接设置frame然后加载到视图上使用。 效果就是这样的，图片切换的过程中还是有卡顿，不够流畅。 另外还上传了一个类似的组件：github地址 直接上代码。 .h文件包含： #import <UIKit/UIKit.h> @interface CustomScrollView : UIView @property (strong,nonatomic) NS...
iOS — tableView头视图缩放效果。
风华是一指流沙的博客
09-14 715
#pragma mark - UIScrollViewDelegate - (void)scrollViewDidScroll:(UIScrollView *)scrollView { //取 tableview 头视图 UIView *headerView = [self.view viewWithTag:1618]; CGFloat yOffs
UIScrollView结合UIImageView实现图片缩放
番薯大佬的专栏
01-10 2040
实现UIImageView的图片缩放功能，需要结合UIScrollView实现。 示例代码 // 定义缩放比例 CGFloat scaleMini = 1.0; CGFloat scaleMax = 3.0; // 主视图 UIScrollView UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:self.view.b...
自定义TableHeaderView
热门推荐
记事本
07-08 2万+
原本打算自己手动设置tabview中的第一行cell，但是需要修改的地方太多了，看到有兄台使用tableHeaderView进行设置，很简单，于是也对其进行了自定义，效果不错。 UITableView 的 cell 默认出现在 uitableview 的第一行，如果你想自定义 UITableViewCell 与导航条间距的话，可以使用下面这行代码 tableview.table
IOS－当遇到tableView整体上移时的解决方案
weixin_30632089的博客
09-29 128
方案一在使用了navigationController后，当界面进行跳转往返后，时而会出现tableView或collectionView上移的情况，通常会自动上移64个像素，那么这种情况，我们可以关闭tableView的自动适配布局。 self.automaticallyAdjustsScrollViewInsets = NO;// 默认是YES 方案二：当出现tableView整体上...
Objective---C 给tableView添加头视图轮播图
Linda的博客
12-22 3813
// 设置属性 @property(nonatomic,retain)UITableView *tableView; @property(nonatomic,retain)UIImageView *imageView; @property(nonatomic,retain)NSMutableArray *arr; // 初始化数组
iOS tableview头部图片缩放效果 swift版本
lin371800993的博客
02-15 558
最近项目中页面需要做一个tableview头部图片缩放效果，参考了下咸鱼app中个人中心头部模糊图片缩放效果，自己琢磨着模范做出一个效果来，先来看看效果吧 原理其实很简单： 1、imgHeadBg是在tableview下面的图片控件，viewHead是tableview的tableHeaderView，imgBg是填充viewHead的图片控件，imgHeadBg和imgBg位置要重叠 2、ta...
iOS开发：实现下拉放大与上拉模糊视图效果
本文主要介绍如何在iOS开发中实现类似Secret App的视图效果，包括下拉放大和上拉模糊的功能。将整个Cell效果置于一个scrollView中，通过滚动操作实现特定视图的变化。 在iOS应用开发中，创建具有独特用户体验的界面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值