Отображение «загрузочной панели» в ячейке просмотра таблицы

Question

Я искал, как это сделать, но кроме оснований создания собственной ячейки таблицы, я не могу понять, как это сделать. То, что я пытаюсь сделать это трудно описать, так что я сделал это изображение, чтобы попытаться объяснить:

Так что программа в основном делает это играет песни, возможные в то же время, после того, Подождите. Вся эта песня wait + вызывается в моей программе как кий. У каждой метки есть своя ячейка таблицы, которая показывает, сколько из нее играло. Это та часть, с которой я борюсь. Лучший способ, с помощью которого я мог бы показать, сколько играл, - это как на фотографии, синим цветом, представляющим, сколько из песни было сыграно, зеленый цвет, представляющий, сколько времени ожидания сыграло, и все, что представляет, сколько кий сыграл. Я не могу понять, как создать ячейку просмотра таблицы, в которой я могу создать анимированную панель (б/у песня играет) с переменным количеством зеленой/синей области. Может ли кто-нибудь помочь?

Если какое-либо из этих вопросов неясно или запутанно, прокомментируйте, чтобы я мог уточнить.

Answer 1

Вы можете установить backgroundView свойство клетки для пользовательского подкласса UIView, который имеет drawRect метод, аналогичный этому:

- (void)drawRect:(CGRect)rect { 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextSetRGBFillColor(context, 1.0, 1.0, 1.0, 1.0); 
    CGContextFillRect(context, rect); 
    CGRect blueRect = CGRectMake(0, 0, self.bluePercentage/100.0*rect.size.width, rect.size.height); 
    CGContextSetRGBFillColor(context, 0.0, 0.0, 1.0, 1.0); 
    CGContextFillRect(context, blueRect); 
    CGRect greenRect = CGRectMake(0, 0, self.greenPercentage/100.0*rect.size.width, rect.size.height); 
    CGContextSetRGBFillColor(context, 0.0, 1.0, 0.0, 1.0); 
    CGContextFillRect(context, greenRect); 
} 

Вы получаете точку: заправить белым первым (фон по умолчанию черный) , покрасьте синюю полосу над ней, красите зеленую полосу над синей линией. bluePercentage и redPercentage - это свойства, которые вам нужно будет установить самостоятельно.

Кроме того, каждый раз, когда вы обновляете прогресс, вам нужно позвонить [cell setNeedsDisplay], чтобы передать ячейке перерисовать индикатор выполнения.