Настройка ползунка

Я хочу настроить ползунок, но не могу найти ничего, что можно было бы применить. Ползунок, который я хочу сделать, должен выглядеть примерно так, как показано на следующем изображении. Пожалуйста, кто-нибудь предложит мне, как я могу это сделать....

.введите здесь описание изображения


person iOS Monster    schedule 03.05.2011    source источник


Ответы (2)


попробуй этот код..

CGRect frame = CGRectMake(174, 12.0, 120.0, 40);
customSlider = [[UISlider alloc] initWithFrame:frame];
[customSlider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];
// in case the parent view draws with a custom color or gradient, use a transparent color
customSlider.backgroundColor = [UIColor clearColor];    
UIImage *stetchLeftTrack = [[UIImage imageNamed:@"orangeslide.png"]
                            stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0];
UIImage *stetchRightTrack = [[UIImage imageNamed:@"yellowslide.png"]
                             stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0];
[customSlider setThumbImage: [UIImage imageNamed:@"slider_ball.png"] forState:UIControlStateNormal];
[customSlider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal];
[customSlider setMaximumTrackImage:stetchRightTrack forState:UIControlStateNormal];
customSlider.minimumValue = 0.0;
customSlider.maximumValue = 100.0;
customSlider.continuous = YES;
customSlider.value = 50.0;

// Add an accessibility label that describes the slider.
[customSlider setAccessibilityLabel:NSLocalizedString(@"CustomSlider", @"")];
[self.view addSubview:customSlider];
customSlider.tag = 1;
person Aman Aggarwal    schedule 03.05.2011
comment
это хороший пост, но он не соответствует моему требованию, друг. Я не хочу менять MinimumTrackImage и MaximumTrackImage ползунка, но они должны быть стабильными и должны выглядеть так, как показано на изображении в вопросе. Пожалуйста, скажите мне что-нибудь в связи с этим!! - person iOS Monster; 03.05.2011
comment
Скопируйте и вставьте из этого источника: uispec.googlecode.com/svn/trunk /xcode/UICatalogDemo/ - person DarkDust; 04.05.2011
comment
Нет его копирования и вставки из примера кода Apple, а не из предоставленной вами ссылки. - person Aman Aggarwal; 04.05.2011
comment
как я уже сказал, это хороший пост, и я ценю ваши усилия, мой друг. Неважно, копия и вставка откуда угодно, но я нашел способ решить свою проблему. Это не совсем тот ответ, который мне нужен, но он дал мне некоторую идею найти решение. Я внес некоторые изменения в этот код и решил свою проблему... Спасибо, Аман!! - person iOS Monster; 05.05.2011
comment
Уважаемый, Sudhanshu, если вы нашли точное решение своего вопроса, чем опубликовать здесь, чтобы другие тоже могли знать. Включая меня также .. я тоже ищу то же самое .. - person Solid Soft; 29.06.2012

Попробуй это

CGRect frame = *youe required frame*;
UISlider * customSlider = [[UISlider alloc] initWithFrame:frame];

// in case the parent view draws with a custom color or gradient, use a transparent color
customSlider.backgroundColor = [UIColor clearColor];    
UIImage *stetchLeftTrack = [[UIImage imageNamed:@"orangeslide.png"]
                                        stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0];
UIImage *stetchRightTrack = [[UIImage imageNamed:@"yellowslide.png"]
                                         stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0];
[customSlider setThumbImage: [UIImage imageNamed:@"slider_ball.png"] forState:UIControlStateNormal];
[customSlider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal];
[customSlider setMaximumTrackImage:stetchRightTrack forState:UIControlStateNormal];
customSlider.minimumValue = 0.0;
customSlider.maximumValue = 100.0;
customSlider.continuous = YES;
customSlider.value = 50.0;
[customSlider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];
[self.view addSubView:customSlider];
[customSlider release];

это приводит к следующему: -

добавьте изображения в соответствии с вашими требованиями, этот код приведет к этому слайдеру

person Gypsa    schedule 03.05.2011
comment
@iphone monster это код, используемый в примере приложения UICatalog. Сначала я думаю дать вам ссылку, но потом я даю только соответствующий код. Аман тоже может так подумать, но в любом случае хорошо, что вы нашли решение. :) - person Gypsa; 03.05.2011
comment
друг, проблема еще не решена :(, я не хочу менять минимальное изображение дорожки и максимальное изображение ползунка, этих изображений не должно быть, но ползунок выглядит так, как показано на рассматриваемом рисунке. Пожалуйста, скажите мне, есть ли какие-либо другое решение для этого!! :( - person iOS Monster; 03.05.2011
comment
@SudhanshuSrivastava, как еще вы собираетесь получить дорожку ползунка красно-зеленого цвета, если вы НЕ меняете изображение. я цитирую APPLE - элементы управления Slider рисуют дорожку, используя два разных изображения, которые можно настраивать - person MickyD; 13.07.2012
comment
Спасибо за ваш удивительный полный пост, это действительно полезно, если вы хотите использовать настраиваемый элемент управления. - person ravinder521986; 11.04.2015