UIProgressView 使用圖片設置Progress Image和Track Image

問題描述：

在Storyboard中使用UIProgressView 設置了Progress Image和Track Image沒能正常的工做。看到網友分享的一個解決方法，這裏和須要的網友們分享個人使用經歷。如大牛有更好的方法，期待賜教。

    圖片：

  Progress Image：    

    Track Image：      

    設置成功後的效果：                        

使用環境：

    IDE：xcode 6.3

    語言：object-c  

    界面：Storyboard  （我是在storyboard中畫的界面，若再代碼中畫界面，參考UIProgressView使用方法）    

解決方法：

    使用一個開源的JEProgressView( https://gist.github.com/JohnEstropia  )

    1.  把JEProgressView添加到項目中。

    2.  在Storyboard中拖一個UIProgressView 組件到界面中。

    3.  選中UIProgressView組件，在右邊的Identity inspector中關聯JEProgressView。

    4. 在對應的ViewController裏代碼調整。

關鍵代碼：

    UIImage *progressImage = [UIImage imageNamed:@"progress_image"];
    UIImage *trackImage = [UIImage imageNamed:@"track_image"];
    //不讓圖片拉伸變形
    CGFloat top = 10; // 頂端蓋高度
    CGFloat bottom = 10 ; // 底端蓋高度
    CGFloat left = 20; // 左端蓋寬度
    CGFloat right = 20; // 右端蓋寬度
    UIEdgeInsets insets = UIEdgeInsetsMake(top, left, bottom, right);
    // 指定爲拉伸模式，伸縮後從新賦值
    progressImage = [progressImage resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];
    trackImage = [trackImage resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];
    
    _musicProgressView.trackImage = trackImage;
    _musicProgressView.progressImage = progressImage;