UIProgressView 使用图片设置Progress Image和Track Image

问题描述:

在Storyboard中使用UIProgressView 设置了Progress Image和Track Image没能正常的工做。看到网友分享的一个解决方法,这里和须要的网友们分享个人使用经历。如大牛有更好的方法,期待赐教。git

    图片:github

  Progress Image:     xcode

    Track Image:       spa

    设置成功后的效果:                        code

使用环境:

    IDE:xcode 6.3
图片

    语言:object-c  
get

    界面:Storyboard  (我是在storyboard中画的界面,若再代码中画界面,参考UIProgressView使用方法)    
it

解决方法:

    使用一个开源的JEProgressView( https://gist.github.com/JohnEstropia  )class

    1.  把JEProgressView添加到项目中。object

    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;
相关文章
相关标签/搜索