`

iOS-UITableView-实现下拉头部缩放效果

    博客分类:
  • ios
 
阅读更多

#import "ViewController.h" #define kOPHEIGHT 247 // 核心尺寸参数,强烈建议跟原背景图的高度一致 @interface ViewController ()<UITableViewDelegate> @property(nonatomic,strong) UIView * tableHeadView; @property(nonatomic,strong) UITableView * tableView; @end

 

@implementation HNOtherPeopleViewController - (void)viewDidLoad { [super viewDidLoad]; [self initTabelHeadView]; [self initTableView]; } -(void)initTableView{ _tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, UIScreen.mainScreen.bounds.size.width, UIScreen.mainScreen.bounds.size.height)]; _tableView.delegate = self; [self.view addSubview:_tableView]; self.tableView.contentInset = UIEdgeInsetsMake(kOPHEIGHT, 0, 0, 0);//向上偏移 [self.tableView addSubview:_tableHeadView]; }

 

-(void)initTabelHeadView{ _tableHeadView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, UIScreen.mainScreen.bounds.size.width, kOPHEIGHT)]; //背景图 UIImageView*imgTableHeadViewBg= [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, UIScreen.mainScreen.bounds.size.width, kOPHEIGHT)]; imgTableHeadViewBg.image= [UIImage imageNamed:@"背景1"]; imgTableHeadViewBg.tag = 201; imgTableHeadViewBg.contentMode = UIViewContentModeScaleAspectFill; [_tableHeadView addSubview:imgTableHeadViewBg]; }

 

#pragma mark UITableViewDelegate //头部视图放大效果,及titleView透明度效果 -(void)scrollViewDidScroll:(UIScrollView *)scrollView{ CGPoint point = scrollView.contentOffset; if (point.y < -kOPHEIGHT) { CGRect rect = [_tableHeadView viewWithTag:201].frame; rect.origin.y = point.y; rect.size.height = -point.y; [_tableHeadView viewWithTag:201].frame = rect; } } @end

 

分享到:
评论

相关推荐

    ios-一行代码搞定Uitableview 头部下拉放大.zip

    总之,这个"ios-一行代码搞定Uitableview 头部下拉放大.zip"的示例主要展示了如何使用Swift或Objective-C的视图动画API来实现UITableView头部视图在下拉时放大的效果。通过理解代码背后的逻辑和动画原理,开发者可以...

    ios-自定义tableview,实现下拉放大表图图片,上滑显示导航栏,CPKenburnsView实现表图动画效果,点击照片放大,只是业余做的demo,做的不好请大家多多指教.zip

    这个压缩包文件中的项目,"ios-自定义tableview",旨在实现一个特定的交互设计,即下拉时放大表头图片,上滑时显示导航栏,并通过CPKenburnsView实现图片的动态缩放动画。此外,用户点击照片后,图片会进一步放大...

    ios-Swift版本-下拉滚动动画.zip

    对于“ios-Swift版本-下拉滚动动画.zip”这个项目,其核心内容是实现一个在iPhone X及更高版本兼容的下拉滚动动画。这个动画效果通常出现在顶部导航栏或者下拉刷新时,给用户带来更丰富的交互体验。在iOS应用设计中...

    ios-tableView头部拉伸效果.zip

    本项目“ios-tableView头部拉伸效果”旨在实现当用户下拉表格视图时,头部背景图片能够随着手势缩放,并且导航栏的背景颜色也会动态变化,为用户带来更流畅、更直观的操作反馈。 首先,我们来详细解释这个功能的...

    iOS 类似QQ空间表视图下拉头部视图放大效果实现

    在iOS开发中,实现类似QQ空间表视图(UITableView)下拉时头部视图放大的效果,涉及到的主要知识点包括自定义UITableViewHeaderFooterView、手势识别、动画处理以及UI视图的变换。以下将详细讲解这些内容。 首先,...

    ios-tableview 头部放大.zip

    "ios-tableview 头部放大.zip" 文件很可能包含了一个示例项目,展示了如何实现一个具有特色的UITableView头部,即当用户下拉表格时,头部视图会放大。这种效果常用于创建类似于瀑布流或抽屉式导航的效果,提升用户...

    ios-图片随着tableview下拉放大.zip

    这种效果通常在UITableView或者UICollectionView中实现,特别是当表格头部或者集合视图头部包含一张图片时,用户向下滚动内容,图片会按照预设的比例逐渐放大,营造出一种动态的效果。下面我们将详细探讨实现这一...

    ios-下拉图片放大.zip

    在iOS开发中,"ios-下拉图片放大.zip"这个项目显然关注的是一个特定的UI交互效果,即在TableView的头部放置一个图片,当用户下拉列表时,该图片会放大,同时可能还包含了iOS特有的毛玻璃效果(Blur Effect)。...

    iOS-TableView下拉放大效果

    总结来说,实现iOS-TableView下拉放大效果的关键步骤包括:创建自定义Header视图、设置TableView的代理方法监听滚动事件、计算并应用视图的缩放变换。通过这些步骤,我们可以为用户创造出更加动态和吸引人的界面交互...

    ios-swift-下拉头变大.zip

    在本项目 "ios-swift-下拉头变大.zip" 中,我们关注的是如何使用Swift编程语言来实现在列表(列表通常指的是UITableView或UICollectionView)中的这种动态头部效果。 首先,我们需要了解UITableView或...

    ios-下拉放大.zip

    当用户开始下拉时,根据滚动的距离动态调整头部视图的大小、透明度或者其他视觉属性,以实现放大效果。 具体实现步骤可能包括以下几点: 1. **创建头部视图**: 创建一个自定义视图(如ExtrudeHeader),并将其设置...

    ios-tableView滑动header放大的效果.zip

    本示例中的"ios-tableView滑动header放大的效果.zip"文件提供了一个实现UITableView滚动时头部视图(header view)放大效果的示例,这在OC(Objective-C)和Swift两种编程语言中都有实现。这种效果通常用于展示一些...

    ios-分级菜单.zip

    6. **动画效果**: 分级菜单的展开和收起通常伴随着动画效果,例如平滑的展开、缩放或淡入淡出,这些可以通过`UIView.animate(withDuration:)`方法来实现。 7. **状态管理**: 为了保持菜单的状态(哪些是展开的,...

    ios-导航栏渐变, 图片放大动画.zip

    这个名为“ios-导航栏渐变, 图片放大动画.zip”的压缩包文件显然包含了关于如何实现特定UI效果的代码示例,主要关注导航栏的动态效果。下面将详细解释这两个主要特性:导航栏颜色的渐变以及图片在下拉tableView时的...

    iOS开发-表格下拉放大

    在iOS应用开发中,"iOS开发-表格下拉放大"是一个常见的交互设计,它涉及到UITableView控件的自定义实现。这种效果通常用于增强用户体验,让用户在下拉表格时看到一个放大版的头部视图(headerview)。这个效果常见于...

    ios-TransformRotateButton.zip

    在iOS开发中,用户界面的交互性和动态效果是提升用户体验...通过研究这个项目,iOS开发者不仅可以掌握如何实现动画效果,还能了解到如何监听和响应滚动事件,以及如何在自己的应用中集成这样的交互组件,提升用户体验。

    ios-tableView顶部视图.zip

    这个压缩包"ios-tableView顶部视图.zip"显然包含了一个示例项目,演示了如何实现UITableView的顶部视图,以及与之相关的交互效果。这里我们将深入探讨相关知识点。 首先,`tableView`的顶部视图通常指的是`...

    ios-FLLenlargeImage.zip

    在iOS开发中,我们经常需要实现一些用户交互的特效来提升用户体验,比如在下拉TableView时让顶部的图片放大。这个“ios-FLLenlargeImage.zip”文件提供了一个实现这一功能的示例代码,让我们来深入探讨一下相关知识...

    ios-BrandSelector.zip

    在iOS中,可以使用`UITableView`或者`UICollectionView`来实现这种选择器。`UITableView`适合显示线性数据,而`UICollectionView`则更灵活,支持自定义布局,适用于展示更复杂的数据结构。为了增加用户体验,我们...

    ios-仿QQ消息拖动效果.zip

    在iOS开发中,实现类似QQ消息拖动效果是一项常见的需求,尤其在聊天应用或通知界面。这个"ios-仿QQ消息拖动效果.zip"压缩包很可能是包含了一个示例项目或者代码片段,用于演示如何在iOS应用中创建这种动态交互。这种...

Global site tag (gtag.js) - Google Analytics