iOS tableView实现顶部图片拉伸效果

简介: 这篇文章主要为大家详细介绍了iOS tableView实现顶部图片拉伸效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了iOS tableView实现顶部图片拉伸效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

大家可能注意到一些app的tableview的顶部图片,会随着你拉伸而跟着拉伸变大,下面这是我的一些想法

原图:

网络异常,图片无法展示
|

效果图:

网络异常,图片无法展示
|

下面附上代码吧,这里的图片不是添加在tabview的header上


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

#define screen_w [uiscreen mainscreen].bounds.size.width

#define screen_h [uiscreen mainscreen].bounds.size.height

#define top 200 //顶部预留

 

#import "viewcontroller.h"

 

@interface viewcontroller ()<uitableviewdatasource,uitableviewdelegate>

@property (nonatomic,strong)uitableview *tablev;

@end

 

@implementation viewcontroller

 

- (void)viewdidload {

 [super viewdidload];

 

 [self creattableview];

}

 

- (void)creattableview

{

 self.automaticallyadjustsscrollviewinsets = no;

 self.tablev = [[uitableview alloc] initwithframe:cgrectmake(0, 0, screen_w, screen_h) style:uitableviewstyleplain];

 self.tablev.contentinset = uiedgeinsetsmake(top, 0, 0, 0);

  

 self.tablev.delegate = self;

 self.tablev.datasource = self;

  

 //创建顶部图片

 uiimageview * imageview = [[uiimageview alloc]initwithframe:cgrectmake(0, -top, screen_w, top)];

 imageview.tag = 1000;

  

 //更改图片显示模式 根据图片原有尺寸进行显示 将多余部分切除

 imageview.contentmode = uiviewcontentmodescaleaspectfill;

  

 //多余部分隐藏

 imageview.clipstobounds = yes;

  

 imageview.image = [uiimage imagenamed:@"pic"];

  

 [self.view addsubview:_tablev];

 [self.tablev addsubview:imageview];

}

 

- (void)scrollviewdidscroll:(uiscrollview *)scrollview

{

 floatoffset = scrollview.contentoffset.y;

  

 if(offset < -200)

 {

  uiimageview * tempimageview = (uiimageview*)[self.view viewwithtag:1000];

   

  cgrect f = tempimageview.frame;

  //保持图片原点仍为屏幕左上方

  f.origin.y = offset;

  //保证图片根据滑动高度拉伸

  f.size.height = -offset;

  //给图片重新设置坐标

  tempimageview.frame = f;

 }

}

 

- (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section

{

 return10;

}

 

- (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath

{

 staticnsstring *cell = @"cell";

 uitableviewcell *mycell = [tableview dequeuereusablecellwithidentifier:cell];

 if(!mycell) {

  mycell = [[uitableviewcell alloc] initwithstyle:uitableviewcellstylesubtitle reuseidentifier:cell];

 }

 mycell.textlabel.text = @"我是 cell";

 returnmycell;

}

 

@end

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持米米素材网。

原文链接:https://www.mimisucai.com/teach/ios/34946.html

相关文章
|
安全 数据安全/隐私保护 iOS开发
iOS小技能:【发红包】使用tweak和lua脚本结合进行实现
我们开发的大部分越狱程序,都是编译成动态链接库(`例如:介绍的越狱程序(Tweak)开发,就是动态链接库。`),然后通过越狱平台的MobileSubstrate(iOS7上叫CydiaSubstrate)来加载进入目标程序(Target),通过对目标程序的挂钩(Hook),来实现相应的功能。
351 0
iOS15 tableView顶部空白解决办法
iOS15 tableView顶部空白解决办法
123 0
|
开发工具 iOS开发 git
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
220 0
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
|
Android开发 iOS开发
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
431 0
iOS开发 - 商品详情页两种分页模式,只提供思路和实现方式。
|
存储 安全 iOS开发
iOS开发 - 继udid,Mac地址等一系列唯一标识无效后,如何用KeyChain来实现设备唯一性
iOS开发 - 继udid,Mac地址等一系列唯一标识无效后,如何用KeyChain来实现设备唯一性
488 0
iOS开发 - 继udid,Mac地址等一系列唯一标识无效后,如何用KeyChain来实现设备唯一性
|
Swift 数据安全/隐私保护 iOS开发
iOS开发 - swift通过Alamofire实现https通信
iOS开发 - swift通过Alamofire实现https通信
449 0
iOS开发 - swift通过Alamofire实现https通信
|
开发者 iOS开发
iOS开发 - 用AFNetworking实现https单向验证,双向验证
iOS开发 - 用AFNetworking实现https单向验证,双向验证
449 0
iOS开发 - 用AFNetworking实现https单向验证,双向验证
|
iOS开发
iOS开发- 点击通知栏回到顶部的动画效果
iOS开发- 点击通知栏回到顶部的动画效果
150 0
iOS开发- 点击通知栏回到顶部的动画效果
|
iOS开发
iOS小技能:自动布局实现兄弟控件N等分且宽高比例是1:N(xib 上实现)
本文为 iOS视图约束专题的第三篇:xib上使用自动布局教程
188 0
|
移动开发 JavaScript weex
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
259 0