uiimage - UIImage を使用した UIProgressView カスタム プログレス バー

Question

私は iOS 5 を使用しています。UIImage で UIProgressView を使用して太いプログレス バーを作成できるかどうかを検索しましたが、見つかりませんでした。小さな .png ファイルを使用して、基本的にそれを UIProgressView で引き延ばして進行状況バーのように見せるにはどうすればよいですか、それとも可能ですか? その .png を高くすることは可能ですか、それとも UIProgressView の高さに制限されますか? よろしくお願いします。

Answer 1

私はそれを行う方法を見つけました。まず、iPhone の画面に UIProgressView を配置します。私は x:86 y:272 に置きました。ビュー コントローラーの .h ファイルに接続し、progView という名前を付け、.m ファイルで @synthesized しました。ViewDidLoad メソッドに次のコードを追加しました。

// Select the images to use
UIImage *track = [[UIImage imageNamed:@"trackBar"] resizableImageWithCapInsets:UIEdgeInsetsMake(1, 1, 1, 1)];
UIImage *progress = [[UIImage imageNamed:@"progBar"] resizableImageWithCapInsets:UIEdgeInsetsMake(1, 1, 1, 1)];
// Set the track and progress images
[self.progView setTrackImage:track];
[self.progView setProgressImage:progress];
[self.progView setProgressViewStyle:UIProgressViewStyleDefault]; // we don't need anything fancy
// Create a bound where you want your image. This places the attached .png bars so that the bar drains downward. I was using this as a countdown bar on the iPhone.
self.progView.frame = CGRectMake(-70, 70, self.view.bounds.size.height/1.00, 100);
// A normal progress bar fills up from left to right. I rotate it so that the bar drains down.
self.progView.transform = CGAffineTransformMakeRotation((90) * M_PI / 180.0);

これにより、画像が中央から引き伸ばされ、両側のピクセルが保持されます。ただし、画像エディターを使用して画像の幅を変更する必要があります。幅を広げることはできないと思います。

progBar.png: trackBar.png: