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

最新推荐文章于 2024-11-13 17:24:18 发布

weixin_33694172

最新推荐文章于 2024-11-13 17:24:18 发布

阅读量916

点赞数

文章标签： python xcode

原文链接：https://my.oschina.net/smartlliu/blog/408201

版权

文章详细介绍了如何通过引入JEProgressView解决Storyboard中UIProgressView组件无法正常显示ProgressImage和TrackImage的问题。通过将开源库添加到项目、在Storyboard中配置UIProgressView组件并调整代码实现解决方法。

摘要由CSDN通过智能技术生成

2019独角兽企业重金招聘Python工程师标准>>>

问题描述：

在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;

转载于:https://my.oschina.net/smartlliu/blog/408201