Swift - UIScrollView Extension- Add Image to A UITableView

Question

When I use the StoryBoard, I can add an UIImageView to UITableView like this:

I am trying to write an UIScrollView extension to add a parallax image into a UITableView which can be reused for all the tables easily. Here my code to add image:

 extension UIScrollView {

  func addParallaxImage(image image: UIImage, height: CGFloat) {
    let myImageView: UIImageView = UIImageView()
    myImageView.image = image
    myImageView.contentMode = UIViewContentMode.ScaleAspectFill

    myImageView.frame.size.width = UIScreen.mainScreen().bounds.size.width
    myImageView.frame.size.height = height
    myImageView.frame.origin.y = 0

    self.addSubview(myImageView)

  }

}

Function usage:

tableView.addParallaxImage(image: UIImage(named: "pets")!, height: 100)

However, my image overlaps the table.

Any solutions?

http://stackoverflow.com/a/30885150/5100253 mb this will help you — Konstantin Kryzhanovsky, Jul 26 '16 at 08:41
@KonstantinKryzhanovsky Thanks! I read it before, but found nothing. I'll read them again. =)) — AnLT, Jul 26 '16 at 08:44

score 1 · Accepted Answer · answered Jul 26 '16 at 09:16

1

The best solution for your case is used tableview header and here the most usable libs:-

CSStickyHeaderFlowLayout

ParallaxTableViewHeader

VGParallaxHeader

APParallaxHeader

Take care not all libs support Swift, I hope I help you.

answered Jul 26 '16 at 09:16

Ahmed Abdallah

2,338
1
19
30

Thanks! Let me check! Coz I am not good add Objective-C much, so need a time to understand their code. In addition, I want to write my own lib, not implement someone's else. – AnLT Jul 26 '16 at 09:19
Thanks, perfect go ahead. – Ahmed Abdallah Jul 26 '16 at 09:24
@AnLê Accept the answer it was helpful to you. – Ahmed Abdallah Jul 26 '16 at 14:49

Ws_ · Answer 2 · 2016-07-26T08:58:49.207

0

If you wanna reused the cell. You can try to add the ImageView into your tableViewCell. By the way, the header and the footer can be reused too.

edited Jul 26 '16 at 08:58

answered Jul 26 '16 at 08:57

Ws_

24
6

I am sorry, I don't want to reuse cell. I am using reuse cell now. However, I want to improve it. – AnLT Jul 26 '16 at 08:58
Try to make tableView contentInset . `tableView.contentInset = UIEdgeInsetsMake(top, left, bottom, right)` – Ws_ Jul 26 '16 at 09:05
If you want the Image behind the table, you should add ImageView to the superView first . – Ws_ Jul 26 '16 at 09:08
I create my table by drag an UITableView into Xib file. I just want to impact the table by code in extension. Is it possible? – AnLT Jul 26 '16 at 09:12

score 0 · Answer 3 · answered Jul 26 '16 at 09:02

0

Instead of addSubview try using insertSubview(_ view: UIView, atIndex index: Int) with index 0, so it won't be above your cells.

answered Jul 26 '16 at 09:02

johnyu

2,152
1
15
33

It only make my image under the table. It means you can see the image, coz the table will overlap it. :( – AnLT Jul 26 '16 at 09:11
If you don't want them to overlap, you'll have to put the picture in tableView header, so it's not possible as an extension on scroll view. – johnyu Jul 26 '16 at 09:28
As I mentioned above, I want something like Storyboard way. :3 – AnLT Jul 26 '16 at 09:31
1

Storyboard way is to use table view header, so that would be exactly like storyboard way. – johnyu Jul 26 '16 at 09:42

Swift - UIScrollView Extension- Add Image to A UITableView

3 Answers3