Custom UIPickerView with Custom Background color

Question

I have created a sample picker-view which will display some details. Setting the Background color using:

_pickerView.backgroundColor = [UIColor redColor];

doesn't seems to be working . But I wish I could create a picker view like the below image

enter image description here

What I was trying to do is , the entire PickerView background color should not be white, it should fill with the UIColor which I am giving. Is that possible?? How it can be done ??

you want to change picker selected color or the color of whole bg ? — PJR, Jul 11 '12 at 05:44
I want to change the Whole BG color which is white now. Even the selected color (but let me do the BG first later I will change the selected color too) — Perseus, Jul 11 '12 at 05:49
@Perseus: you can check out my answer. and check the last link which is exactly same as you are asking for... — DShah, Aug 06 '12 at 11:29

DShah · Accepted Answer · 2015-07-31T07:44:42.153

26

Addition to Nina's answer, below are some of the good custom Picker view controls which will be good to use in terms of performance and customizable.

edited Jul 31 '15 at 07:44

answered Aug 02 '12 at 02:52

DShah

9,768
11
71
127

http://heidibrebels.be/blog/archives/2012/custom-uipickerview-selectionindicator This one is really cool!! Thanks for sharing it!! – Nina Aug 06 '12 at 07:23
definitely... This votes encourage us for helping others... ;-) – DShah Aug 06 '12 at 13:03
@DShah the heidibrebels.be link is broken – Rooky Jul 28 '15 at 20:44
@Rooky: I believe the author of the website has remove the page. Sorry for that. Let me remove the link. – DShah Jul 31 '15 at 07:44

score 2 · Answer 2 · answered Jul 12 '13 at 21:55

2

I wrote a custom picker view that uses a UITableView as it's starting point. Feel free to customize it however you want.

https://github.com/derekju/DjuPickerView

answered Jul 12 '13 at 21:55

Derek Ju

21
1

score 1 · Answer 3 · edited Dec 20 '12 at 06:16

1

You can change selected color by putting tableview cell in it.

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {
UITableViewCell *cell = (UITableViewCell *)view;

if( cell == nil ) {
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil] autorelease];
    [cell setBackgroundColor:[UIColor redColor]];

    [cell setBounds: CGRectMake(0, 0, cell.frame.size.width -20 , 44)];
    cell.textLabel.text = [self.userNameArray objectAtIndex:row];
    cell.userInteractionEnabled = NO;
}

return cell;
}

edited Dec 20 '12 at 06:16

Praveenkumar

24,084
23
95
173

answered Jul 11 '12 at 05:58

PJR

13,052
13
64
104

1

No No. This changes the redcolor to the no. of items present in the UIPicker. If I scroll down. At the end , I can see that , white color is coming.I want to change only full BG color of UIPickerView, which is white now. – Perseus Jul 11 '12 at 06:07
look at this answer http://stackoverflow.com/questions/965375/change-uipickerview-background – PJR Jul 11 '12 at 06:10
http://stackoverflow.com/questions/1968288/how-to-change-the-background-color-in-uipickerview – PJR Jul 11 '12 at 06:10

Filipe Alvarenga · Answer 4 · 2017-03-14T23:16:30.563

1

It is hard to customize a UIPickerView.

You might opt to use it in its default appearance or trying to simulate a UIPickerView using another UIKit component such as UITableView. There are some libs that are using UITableView to simulate a more flexible UIPickerView.

edited Mar 14 '17 at 23:16

answered Oct 13 '15 at 13:15

Filipe Alvarenga

71
7

score 0 · Answer 5 · edited May 23 '17 at 12:09

0

UIPickerView has subviews. Assigning an image to a view and adding it to the subview at index 2, would change the background of pickerview.

I had had a same kinda problem :-) See my question here!! Customize UIPickerView's Skin with images

Or you can use AFPickerView

edited May 23 '17 at 12:09

Community

1
1

answered Aug 01 '12 at 14:50

Nina

1,579
2
21
51

score 0 · Answer 6 · edited May 23 '17 at 12:32

0

The API does not provide a way to change the style and color of selection dialer. You can change only inner view of the picker how u want to design. As the UIPickerView don't have the UI_APPEARANCE_SELECTOR.

Check out below link will help you out. Custom iOS UIDatepicker using UIAppearance

edited May 23 '17 at 12:32

Community

1
1

answered Aug 04 '12 at 05:19

Kuldeep

2,589
1
18
28

Custom UIPickerView with Custom Background color

6 Answers6

Linked