UIProgressView and Custom Track and Progress Images (iOS 5 properties)
Here's what's going on:
The images you provide to the UIProgressView are basically being shoved in to UIImageViews, and the UIImageView is stretching the image to fill the space.
If you simply do:
[progressView setTrackImage:[UIImage imageNamed:@"track.png"]];
Then you're going to get weird results, because it's trying to stretch a 10px wide image to fill (for example) a 100px wide image view. This means (roughly) that every pixel in the image will be repeated 10 times. So if the pixels in our image were:
0123456789
Then putting that image straight into a 100px wide image view would stretch it something like this:
000000000011111111112222222222333333333344444444445555555555...
This is what's happening to you.
What you really want to have happen is this:
01234567812345678123456781234567812345678...123456789
In other words, you want the image to have a 1 point left edge that is never stretched, the center to be tiled, and to have a 1 point right edge that is also never stretched. To do this, you'll need to make the image resizable:
UIImage *track = [[UIImage imageNamed:@"track"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 1, 0, 1)];
[progressView setTrackImage:track];
If you want this to tile appropriately vertically as well, then the edge insets should be {1, 1, 1, 1} (assuming you want a 1 point border).
Do the same to the progressImage, and you'll end up with something that looks correct:
tl;dr:
Your images need to be resizable.
分享到:
相关推荐
在C#编程中,自定义进度条是一种常见且实用的需求,它可以为用户提供视觉反馈,显示应用程序执行任务的进度。本文将深入探讨如何在C#中实现各种自定义进度条,包括圆滑的、多边形的等不同设计样式,并提供相关的控件...
QT自定义进度条实例是一个基于QT框架的编程项目,旨在展示如何通过自定义样式和功能来创建美观且实用的进度条组件。QT是一个跨平台的C++图形用户界面应用程序开发框架,广泛应用于桌面、移动以及嵌入式系统。在本...
"C# Winform 自定义进度条ProgressBar"的主题正聚焦于这一需求,允许开发者根据自己的喜好或者项目需求改变默认进度条的外观,特别是其背景颜色。 进度条(ProgressBar)是Windows应用程序中常见的一种组件,用于...
在iOS开发中,创建自定义进度条是提升用户体验和界面美观度的重要手段。"iPhone之实现自定义进度条Progress"这个主题将引导我们探讨如何在iPhone应用中利用Swift编程语言来设计并实现一个个性化的进度条组件。我们将...
本主题将深入探讨如何创建一个自定义的进度条样式,即“Android自定义进度条样式一”。我们将讨论以下几个关键知识点: 1. **自定义View的原理** 自定义进度条本质上是自定义一个Android的View类。在Android中,你...
本示例主要讲解如何创建一个竖直方向的自定义进度条,并且带有文字显示,类似手机电量的展示效果。这一功能对于某些需要实时反馈进度的应用场景,如加载、下载等,尤其有用。 首先,我们从`progressbar`这个标签...
在iOS开发中,自定义进度条是常见的需求,它允许开发者根据应用的视觉风格和功能需求来定制UI组件。本文将深入探讨如何在iOS中创建一个自定义的进度条,并提供一些关键知识点。 首先,我们需要了解iOS中的进度条...
在本文中,我们将深入探讨如何在Windows Presentation Foundation (WPF) 中自定义进度条控件,以实现横置和竖置两种显示方式。WPF 是.NET Framework 的一部分,它为开发人员提供了丰富的用户界面(UI)框架,支持2D...
在这个场景中,我们关注的是使用这两种技术实现的视频自定义进度条,这是一个非常实用的功能,尤其对于视频监控回放这样的应用。下面将详细探讨如何使用HTML5和JavaScript来实现这一功能。 首先,HTML5的`<video>`...
"ios-自定义进度条Swift实现.zip"这个压缩包提供了一个使用Swift编程语言实现自定义进度条的示例。在这个项目中,开发者创建了一个不同于系统默认UIProgressView的自定义组件,以满足更个性化的界面需求。 首先,...
在QML(Qt Quick)中,开发者可以利用其强大的图形化和声明式编程特性来创建自定义组件,比如自定义进度条。QML是Qt框架的一部分,主要用于构建用户界面,它允许通过直观的代码来描述UI元素的外观和行为。在本教程中...
今天我们将深入探讨如何自定义一个进度条,这个话题源于一个博客文章——"Android自定义进度条",作者分享了他在实现这一功能时的经验和代码分析。在本文中,我们将详细解析自定义进度条的关键步骤和涉及的技术点。 ...
Android自定义进度条集合(源码):固定进度条,可拖动进度条、Seekbar进度条、装逼炫酷进度条、气泡进度条、梅花进度条、IOS进度条、圆形进度条,吃豆豆进度条....,等等27个自定义进度条。源码直接解压可用。也可...
在IT开发领域,自定义进度条对话框是一个常见的需求,特别是在执行长时间操作或者需要用户等待的任务时,为了提供良好的用户体验,开发者通常会设计一个可视化的进度条来展示任务的完成状态。本文将深入探讨如何创建...
这种进度条不仅可以展示进度,还能通过CSS3实现动态效果,同时允许开发者自定义进度条的颜色,以适应不同网站的设计风格。 HTML5是超文本标记语言的第五个版本,它引入了许多新特性,例如离线存储、拖放功能、媒体...
总结一下,自定义进度条和弧形进度条是提高应用程序用户体验的有效手段。通过HTML5的Canvas API,我们可以灵活地创建这些控件,并添加动态的动画效果。实现过程包括计算弧度、绘制形状、监听用户输入以及利用`...
本话题主要探讨的是如何自定义进度条(loadingprogress),特别是通过逐帧动画来实现更吸引人的视觉效果。以下将详细介绍相关知识点。 一、自定义进度条(ProgressBar) Android系统自带的ProgressBar虽然能满足...