189 8069 5689

iOS开发3:UISlider控件-创新互联

如下图,UISlider控件是一个像滑动变阻器一样的控件。 图中的圆圈处在不同位置会有不同的值,当圆圈移动时会发送“ValueChanged”事件。

创新互联是一家以重庆网站建设公司、网页设计、品牌设计、软件运维、成都网站营销、小程序App开发等移动开发为一体互联网公司。已累计为成都纯水机等众行业中小客户提供优质的互联网建站和软件开发服务。

iOS开发3:UISlider控件

1.首先简单介绍UISlider的使用:当滑动圆圈时在UILabel中显示相应的值。

(1)如下图,新建Single View Application项目文件,命名为“UISliderTest”。

iOS开发3:UISlider控件 iOS开发3:UISlider控件

(2)选中ViewController_iPhone.xib,将其Size属性修改为None值。并向其中添加一个UILabel控件和一个UISlider控件,将UILabel的默认值修改为50,修改UISlider的最小值为0,大值为100.

iOS开发3:UISlider控件

iOS开发3:UISlider控件

(3)给UILabel控件添加映射,Connection类型为Outlet。切换到ViewController.m文件,在语句:

  1. @implementation ViewController  

后添加:

  1. @synthesize labelSlider; 

iOS开发3:UISlider控件

(4)给UISlider控件添加映射,Connection类型为Action,Event类型为Value Changed。

iOS开发3:UISlider控件

添加完后切换到ViewController.m文件中在@end前可见如下语句:

iOS开发3:UISlider控件

在该响应函数中添加如下代码,以完成我们需要的任务:

  1. int progressAsInt
  2. labelSlider.text

运行程序,见如下:

iOS开发3:UISlider控件 iOS开发3:UISlider控件

2.这里我们介绍一下自定义UICircularSlider滑块控件的使用。

改变上面的UISlider控件的值,对应的圆形环状滑块UICircularSlider控件的圆圈也随之滑动;

(1)UICircularProgressView是一款自由软件,这个自由软件可免费获取。我们首先导入UICircularSlider类源文件。我们可在项目文件夹中新建一个UICircularSlider文件夹,然后将UICircularSlider类源文件添加到该文件夹中:

iOS开发3:UISlider控件

(2)如下图,我们导入上面一步新建的文件夹。

iOS开发3:UISlider控件

iOS开发3:UISlider控件

(3)选择ViewController_iPhone.xib文件,向界面中添加一个View控件。选中该View控件,修改其Width和Height属性均为150。将其背景色由White Color修改为Default,因为圆环的颜色为白色,如果不修改的话看不出原来的颜色。当然,如果你想修改为其它颜色也是可以的。

iOS开发3:UISlider控件 iOS开发3:UISlider控件

(4)修改View的Class类开为UICircularSlider:

iOS开发3:UISlider控件

(5)在ViewController.h头文件中添加前向声名代码:

  1. @class UICircularSlider; 

给UICircularSlider控件添加IBOutlet变量和IBAction响应函数。

iOS开发3:UISlider控件 iOS开发3:UISlider控件

给UISlider控件也添加IBOutlet变量。

iOS开发3:UISlider控件

可见在ViewController.h文件中添加了三行代码:

  1. @property (weak, nonatomic) IBOutlet UICircularSlider *circularSlider; 

在如下代码:

  1. @implementation ViewController 

后添加代码:

  1. @synthesize slider; 

(6)在ViewController.m文件中添加头文件:

  1. #import "UICircularSlider.h" 

 在ViewDidLoad函数中的

  1. [super viewDidLoad]; 

后添加如下代码,设置circularSlider的大、最小值和当前值:

  1. [self.circularSlider setMinimumValue:0]; 
  2. self.circularSlider.value50

(7)修改函数:

  1. - (IBAction)sliderChanged:(UISlider *)sender 

中的代码如下:

  1. - (IBAction)sliderChanged:(UISlider *)sender { 
  2. progressAsInt
  3. labelSlider.text
  4. self.circularSlider.valueprogressAsInt

(8)修改函数:

  1. - (IBAction)circularSliderChanged:(UISlider *)sender 

中的代码如下:

  1. - (IBAction)circularSliderChanged:(UISlider *)sender { 
  2. progressAsInt
  3. labelSlider.text
  4. self.slider.valueprogressAsInt

运行程序,见如下效果:

iOS开发3:UISlider控件 iOS开发3:UISlider控件

附件:http://down.51cto.com/data/2362770

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:iOS开发3:UISlider控件-创新互联
URL标题:http://cdxtjz.cn/article/eedeg.html

其他资讯