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;

 

你可能感兴趣的:(UIProgressView 使用图片设置Progress Image和Track Image)