Iphone 开发初级篇（一）----界面设计之HelloSlider

打开Xcode（3.2.3），新建项目 Iphone OS--Application--View-base Application,点击Choose，然后输入项目项目名HelloSlider

2 在Resources组中，双击HelloSliderViewController.xib文件，等待在IB中打开。回出来四个窗口（从左到右）：Library、IB主窗口、View、Inspector

在view视图中添加Slider控件和Label控件，从Library-object 拖拽相应控件到View窗口；

点击view视图中Slider控件，在Inspector-view Attrbuite中修改values-maxinum为100，InitValue为10；

 

3 为Controller添加IBOutlet和Action，并与视图关联起来

   在IB主窗口中点击File's Owner，然后在左边的Librery-Classes窗口中，在下方搜索中输入HelloSliderViewController，在上部结果中选定HelloSliderViewController后，在中部的下拉框中，选择Outlets，在下部点击+，添加mySlider UISlider;同样操作添加myLabel UILabel;

   在中部的下拉框中，选择Action,在下部点击+ ，添加ChangeValue： id，注意一定要有冒号哦

 

4 为File's Owner添加Connection

此步骤是将视图中的控件和事件，跟Controller中的Outlets和Action关联。

点击IB主窗口中File's Owner，在Inspector窗口中选择Conntion(Command+2),点击控件后的圆圈，拖拽至View视图中相应的控件

mySlier连接Slider控件

myLabel连接Label控件

ChangValue 连接Slider控件，会弹出菜单，选择Value Changed

连接都成功后圆圈变成实心。

此时点击File菜单，选择Write Class Files...，输入HelloSliderViewController，没有后缀名，然后点击Replace

 

 

5 回到Xcode中，编辑HelloSliderViewController.m, 实现ChangeValue函数

此时HelloSliderViewController.h 和HelloSliderViewController.m都已改变。

在HelloSliderViewController.m, 实现ChangeValue函数，添加如下代码

- （IBAction)ChangeValue:(id)sender {

       int  invalue = [mySlider value];

       [myLabel setText:[NSString stringWithFormat:@"%d", invalue]];

}

保存（Command+S），运行，看看结果吧

 

此Demo，也是斯坦福Iphone开发视频教程第一讲中的演示例子。