How can I build the following UI item?

Question

I'm trying to make a view similar to the one on the screenshot. The question is what is the first element(the one with label and chevron) When I tap on it, it behaves like a table cell(on the screenshot I captured it in tapped state). Thank you!

UPDATE I ended up creating 2 sections and then checked for index

score 2 · Accepted Answer · answered Sep 15 '19 at 16:27

2

Looks to me exactly like a standard UITableView cell, with cell.accessoryType = .disclosureIndicator and the background color etc. changed of course.

answered Sep 15 '19 at 16:27

SwiftArtery

296
1
10

Looks like it was table view controller with 2 sections. The first one's with static cell and without header. – kirqe Sep 15 '19 at 16:57

score 1 · Answer 2 · answered Sep 15 '19 at 16:03

1

Honestly looks like the standard table view cell, but you could easily implement this with a custom view (NIB) as well.

answered Sep 15 '19 at 16:03

Alan

1,132
7
15

score 1 · Answer 3 · edited Sep 17 '19 at 16:41

1

You can build this view with UITableViewDelegate like this:

Make a button in the cell and set this image to the button.
Set yourButton.isHidden = true in cellForRowAtIndexPath
Set yourButton.isHidden = false in didSelectRowAtIndextPath

That's it.

edited Sep 17 '19 at 16:41

Daniel

3,188
14
34

answered Sep 15 '19 at 16:35

Ekramul Hoque

672
4
17

How can I build the following UI item?

3 Answers3