Как увеличить высоту UIProgressView

Question

Я создаю UIProgressView от nib. Я хочу увеличить его высоту, но он зафиксирован на 9. Для iPad Мне нужно увеличить его высоту. Как это можно сделать?

Заранее спасибо.

Answer 1

Вы не можете изменить высоту UIProgressView через нить. Если вы хотите изменить высоту, вы должны реализовать ее с помощью пользовательского метода рисования.

Answer 2

Использование CGAffineTransform изменить размеры:

CGAffineTransform transform = CGAffineTransformMakeScale(1.0f, 3.0f); 
progressView.transform = transform; 

Answer 3

Просто установите рамку UIProgressView в коде после того, как он был инициализирован. Например:

UIProgressView *progressView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault]; 
// progressView's frame will be small/standard height 

progressView.frame = CGRectMake(0, 0, 100, 20); 
// Now the frame is set to my custom rect. 

Это работает для меня на прошивке 5. Я использую пользовательский trackImage и progressImage хотя. Мой код выглядит так. Обратите внимание, что я добавляю progressView в другое представление и хочу, чтобы он был того же размера, что и содержащий вид, и установил рамку на self.bounds.

_progressView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault]; 
_progressView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth; 
_progressView.trackImage = [[UIImage imageNamed:@"search-progress-track"] resizableImageWithCapInsets:UIEdgeInsetsMake(3.0f, 3.0f, 3.0f, 3.0f)]; 
_progressView.progressImage = [[UIImage imageNamed:@"search-progress"] resizableImageWithCapInsets:UIEdgeInsetsMake(3.0f, 3.0f, 3.0f, 3.0f)]; 
_progressView.frame = self.bounds; 
[_progressView setProgress:0.5]; 

Answer 4

Вот решение

Вы можете использовать преобразование, но возникает проблема -> при изменении ориентации устройства, UIProgressView высота становится оригинальный один.

Так лучший способ увеличить UIProgressView высота

yourProgressView.progressImage=[UIImage imageNamed:@"image1.png"]; 
yourProgressView.trackImage = [UIImage imageNamed:@"image2.png"]; 
// IMPORTANT: image1/image2 height (in pixel) = height that you want for yourProgressView. 
// no need to set other properties of yourProgressView. 

Спасибо

Answer 5

Существует простой способ изменить высоту в пределах Interface Builder. Не требуется код, и ваши изменения будут отображаться в IB.

Выберите объект UIProgressView в раскадровке или xib, выберите «Редактор»> «Вывод»> «Высота». Это создаст ограничение по высоте и позволит вам изменить его значение в инспекторе атрибутов на панели слева (используется).

Answer 6

места этого источник

@implementation UIProgressView (customView) 
- (CGSize)sizeThatFits:(CGSize)size { 
    CGSize newSize = CGSizeMake(self.frame.size.width, 9); 
    return newSize; 
} 
@end 

Answer 7

метод Маюры работал хорошо для меня прошивка 7, вот мой код (использует UIImage + BBlock)

CGFloat progressViewHeight = 5; 
    [[UIProgressView appearance] setProgressImage:[UIImage imageForSize:CGSizeMake(1, progressViewHeight) withDrawingBlock:^{ 
     CGContextRef context = UIGraphicsGetCurrentContext(); 
     UIColor * colortoUse = [UIColor blueColor]; 
     CGContextSetFillColorWithColor(context, [colortoUse CGColor]); 
     CGContextFillRect(context, CGRectMake(0, 0, 1, progressViewHeight)); 
    }]]; 

    [[UIProgressView appearance] setTrackImage:[UIImage imageForSize:CGSizeMake(1, progressViewHeight) withDrawingBlock:^{ 
     CGContextRef context = UIGraphicsGetCurrentContext(); 
     UIColor * colortoUse = [UIColor progressViewBackgroundColor]; 
     CGContextSetFillColorWithColor(context, [colortoUse CGColor]); 
     CGContextFillRect(context, CGRectMake(0, 0, 1, progressViewHeight)); 
    }]]; 

Answer 8

Вы также можете использовать AutoLayout для достижения такого же внешнего вида и он работает в iOS 7.1. Просто добавьте ограничение высоты, равное высоте, которую вы хотите, чтобы ваш индикатор выполнения был. Ознакомьтесь с этим ответом по этому аналогичному вопросу для получения более подробной информации.

https://stackoverflow.com/a/19606981/142358

Answer 9

Использование ограничений макета работали для меня:

Answer 10

Для прошивки 7 и выше, я сделал следующее, которое (а) работает и (б) не генерирует предупреждение:

Сначала добавьте UIProgressView в мой контроллер Просмотр в раскадровке.Затем добавьте ограничение по высоте к UIProgressView CTRL + Перетаскивание UIProgressView в себя. Ограничение будет создано со значением по умолчанию 2. Оставь это в покое.

Теперь, чтобы изменить высоту добавить IBOutlet к UIViewController подкласса в коде следующим образом:

@property (nonatomic, weak) IBOutlet NSLayoutConstraint *progressHeight; 

Затем в коде, вероятно - viewDidLoad, добавьте:

self.progressHeight.constant = 9; 

Это должно работать хорошо для тебя.

Answer 11

для IOS 7+, использовать графическое ядро ​​и CATransform3DScale масштабировать слой в этой точке зрения:

CATransform3D transform = CATransform3DScale(progressView.layer.transform, 1.0f, 3.0f, 1.0f); 
progressView.layer.transform = transform; 

Просто убедитесь, что вы делаете это после того, как установить рамку progressView, не раньше.

Answer 12

Следующий код работает на новейшей быстрой Xcode:

var transform : CGAffineTransform = CGAffineTransformMakeScale(1.0, 6.0) 
      progressView.transform = transform 

Answer 13

Вот третья сторона прогресс бар, который позволяет установить высоту. https://github.com/yannickl/YLProgressBar

Набор кадров с помощью кода или интерфейса строитель. Однако вы можете отключить анимацию или полосы.

Вот код толстый зеленый индикатор:

YLProgressBar *bar = [[YLProgressBar alloc] initWithFrame:CGRectMake(0, 100, 100, 50)]; 
bar.progress = 0.5; 
bar.type = YLProgressBarTypeFlat; 
bar.hideStripes = YES; 
bar.behavior = YLProgressBarBehaviorDefault; 
bar.progressTintColors = @[[UIColor greenColor], [UIColor greenColor]]; 

Answer 14

Вместо использования интерфейса строитель, высота UIProgressView может быть изменен путем добавления ограничений на него программным путем.

UIProgressView *progressView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault]; 
progressView.translatesAutoresizingMaskIntoConstraints = NO; 
CGRect frame = CGRectMake(100, 200, 200, 50); 
[self.view addSubview:progressView]; 

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-y-[progressView(height)]" options:0 
                    metrics:@{@"y": @(CGRectGetWidth(frame)), 
                      @"height": @(CGRectGetHeight(frame))} 
                    views:NSDictionaryOfVariableBindings(progressView)]]; 
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-x-[progressView(width)]" options:0 
                    metrics:@{@"x": @(CGRectGetMinX(frame)), 
                      @"width": @(CGRectGetWidth(frame))} 
                    views:NSDictionaryOfVariableBindings(progressView)]]; 

Answer 15

Вы можете реализовать категорию (новый файл - категория) и просто добавить категорию в начале вашего класса. Он отлично работает и с iboutlet (nib/storyboard).

Код просто

@interface UIProgressView (heavyView) 
@end 

@implementation UIProgressView (heavyView) 
- (CGSize)sizeThatFits:(CGSize)size 
{ 
    CGSize newSize = CGSizeMake(size.width, 9); 
    return newSize; 
} 
@end 

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

Answer 16

Мое предложение состояло в том, чтобы поместить вид контейнера в представлении диспетчера вида в Auto Layout. Убедитесь, что это размер, который вы хотите для своего индикатора выполнения. Теперь перетащите представление прогресса внутри контейнера и соедините все стороны с границами контейнера. Вы должны немедленно увидеть изменение размера хода, чтобы он соответствовал границам его контейнера.

Answer 17

Swift 3:

progressView.transform = progressView.transform.scaledBy(x: 1, y: 9) 

Answer 18

Swift3

var transform : CGAffineTransform = CGAffineTransform(scaleX: 1.0, y: 6.0) 
progressBar.transform = transform 

Добавление

Если вы работаете с IBDesignable класса, вы можете настроить его с этим из раскадровки:

@IBInspectable var progressBarHeight: CGFloat = 2.0 { 
    didSet { 
     let transform = CGAffineTransform(scaleX: 1.0, y: progressBarHeight) 
     self.progressView.transform = transform 
    } 
} 

Answer 19

просто. Swift 4.

progressBar.transform = CGAffineTransform (Scalex: self.view.frame.width/progressBar.frame.width, у: self.view.frame.height/progressBar.frame.height)