当前位置: 代码迷 >> Iphone >> iPhone开发入门(八)- 程序画面与控件调整
  详细解决方案

iPhone开发入门(八)- 程序画面与控件调整

热度:17   发布时间:2016-04-25 06:25:36.0
iPhone开发入门(8)--- 程序画面与控件调整

From:http://www.2cto.com/kf/201110/107936.html

?

画面的构成

Cocoa Touch编程中,一个应用程序里面可以包含多个画面。通过列表选择来显示,或者通过下方的标签来显示,等等。CocoaTouch中将这样一个一个的画面成为 View。

如果只是创建一个View,不能实现一个完整的应用程序。这里,必须生成 Outlet 和 Action,这样才能将程序与 View 连接起来。比如取得View中配置控件的信息,更改其内容等。像这样,加入View中程序称为 Controller。或者针对与View的「ViewController」。Interface Builder中的「ViewController」就是用在创建 Outlet 和 Action 的「File's Owner」。

ViewController

?

View与Controller的关系

可以看出,多个View就要对于多个ViewController。简单起见,这里我们首先实现一个画面的应用程序。

控件调整

自动调整功能

auto

?

位置调节

用 Interface Builder 配置控件的时候,如上图所示会显示蓝色的虚线。这是建议你放置的最佳位置。有效地利用IDE提供的机能,可以很好地设计出造作简便的View。

调整控件文字大小

选择想要更改的控件,在Interface Builder菜单中选择「Font」→「Show Fonts」。如下图所示:

fonts

?

选择字体,大小

fonts

?

调整字体,大小

文字的大小不可能超过控件的大小。通过选择「Layout」→「Size To Fit」可以是字体大小匹配控件大小。

fonts

?

Size To Fit

各种控件

这里介绍一些常用的控件。都是通过用户的操作会引起Action的控件。

?
Round Rect Button

Round Rect Button就是一般的按钮,只是四角为圆角。配置在View上,后可以输入文字。

Round Rect Button

?

Round Rect Button的配置

选择 Action 的时候,「Touch Down」是当按钮被按下的时候发生的Action。

Round Rect Button

?

Round Rect Button的Action

?
Switch

Switch就是一个开关控件。具有开和关两个状态,每次切换的时候都会产生Action。

Switch

?

Switch的配置

Switch

?

初期状态设置

Switch

?

Switch的Action—Value Changed

比如,当开关控件的 Outlet 为 [outlet isOn],其Action可以定义为:

(IBAction)myAction1:(id)sender?{
??if?([sender isOn] ==?YES) {

??? ...

????//?开关控件为ON时的处理

?
Slider

Slider

Slider控件的配置

Slider

Slider控件的范围设置

Slider的Action为「Value Changed」,即是说当设定值变化的时候就会发生相应的Action。

Slider

Slider控件的Action

通过Slider控件的 Outlet 我们可以想下面的代码一样实现Action

- (IBAction)myAction1:(id)sender {
? if ([(UISlider *)sender value] == 0.5f) {

??? ...

??? // Slider的值为0.5时的处理

? }
}

作者:易飞扬

  相关解决方案