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

2025-05-29 0 54

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

原图:

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

效果图:

iOS 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

{

float offset = 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

{

return 10;

}

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

{

static nsstring *cell = @"cell";

uitableviewcell *mycell = [tableview dequeuereusablecellwithidentifier:cell];

if (!mycell) {

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

}

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

return mycell;

}

@end

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 iOS tableView实现顶部图片拉伸效果 https://www.kuaiidc.com/89476.html

相关文章

发表评论
暂无评论