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


  • 博主:易飞扬
  • 原文链接 : http://www.yifeiyang.net/iphone-development-introduction-8-procedures-and-controls-to-adjust-the-screen/
  • 转载请保留上面文字。
  • 画面的构成
    控件调整
    自动调整功能
    调整控件文字大小
    各种控件

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

    画面的构成

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

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

     

    View与Controller的关系

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

    控件调整

    自动调整功能

    iPhone开发入门(8)— 程序画面与控件调整_第1张图片

     

    位置调节

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

    调整控件文字大小

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

    iPhone开发入门(8)— 程序画面与控件调整_第2张图片

     

    选择字体,大小

    iPhone开发入门(8)— 程序画面与控件调整_第3张图片

     

    调整字体,大小

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

    iPhone开发入门(8)— 程序画面与控件调整_第4张图片

     

    Size To Fit

    各种控件

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

    Round Rect Button

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

    iPhone开发入门(8)— 程序画面与控件调整_第5张图片

     

    Round Rect Button的配置

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

    iPhone开发入门(8)— 程序画面与控件调整_第6张图片

     

    Round Rect Button的Action

    Switch

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

    iPhone开发入门(8)— 程序画面与控件调整_第7张图片

     

    Switch的配置

    iPhone开发入门(8)— 程序画面与控件调整_第8张图片

     

    初期状态设置

    iPhone开发入门(8)— 程序画面与控件调整_第9张图片

     

    Switch的Action—Value Changed

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    - (IBAction)myAction1:(id)sender {
      if ([sender isOn] == YES) {
    
        ...
    
        // 开关控件为ON时的处理
    
      }
    }
    Slider

    iPhone开发入门(8)— 程序画面与控件调整_第10张图片

    Slider控件的配置

    iPhone开发入门(8)— 程序画面与控件调整_第11张图片

    Slider控件的范围设置

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

    iPhone开发入门(8)— 程序画面与控件调整_第12张图片

    Slider控件的Action

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    - (IBAction)myAction1:(id)sender {
      if ([(UISlider *)sender value] == 0.5f) {
    
        ...
    
        // Slider的值为0.5时的处理
    
      }
    }

    你可能感兴趣的:(cocoa,iPhone,action,button,interface,fonts)