Xcode 中Interface Builder 工具 是一个功能强大的“所见即所得”开发工具。本文主要介绍属性面板 和  对象库面板

对象库面板:

提供了所有Cocoa Touch 库给我们定义好的界面组件,包括 View 组件和 Controller 组件(所有名字带 xxxxController 的组件)。

使用如下图:

默认列表显示                方格显示

对象库中组件较多,为了查找方便,底部提供了搜索栏,功能强大,一般只要输入关键的几个字母,就能快速找到你需要的组件。

主界面:

主界面提供了一个设计区域,该区域中放入我们设计的所有组件,一般要先放入一个容器组件,如:UIView  视图。然后在视图中放入其他组件。

为了快速查看主界面中相关信息,可以通过左侧的侧边栏(Desk)查看。

树状对象列表

属性面板:

把上面查找到的UIImageView 组件拖入主界面 视图中

该组件提供了一个可以放入图片的区域。打开右侧属性面板(上面第四个)

分为 Image View  和 View 两个区域,体现了两个类之间的继承关系

UIImageView 继承自 UIView,UIView 中的属性 UIImageView 可以直接用

View 属性

(1)Mode :定义内部对齐方式及是否缩放以适用视图大小;

(2)Tag :UIView 所有子类,包括视图和控件,都可以起一个 tag 数字编号,程序中可以通过该编号,找到这个组件;

(3)Interaction : (配合)第一个指定用户是否能够操作该对象,大部分都应该选中,图片除外;第二个指定该控件是否至此多触点事件;

(4)Alpha : (透明度)背景后的内容的可见度,取值范围(0.0-1.0),0.0 完全透明,1.0 完全不透明

(5)Background : 确定背景颜色;

(6)Drawing : Opaque 不透明,Alpha 为 1 时,虽然不透明,但是如果图像中有洞,下面的依然看得到,选中 Opaque 则整个图层完全不透明;

Hidden选中,用户看不见这个控件;

ClearsGraphics Context 选中将会被透明的黑色块覆盖,然后在上面绘制控件,默认关闭;

ClipSubviews : 如果有子视图,没有完全包含在父视图内,选中后,只在父视图中的部分会显示,默认禁用;

AutoresizeSubviews :允许iOS 调整子视图大小,默认选中;

(7)Stretching : (拉伸)可以忽略,只有当屏幕上调整矩形视图大小且需要重新绘制时,才需要拉伸。这里需要设置 4 个浮点值(0.0-1.0),如果希望每条边 10%是不可以拉伸,那么  x y 都指定为 0.1 ,widthheight 都设为 0.8。默认 x y都是 0.0 ,width height 为 1.0

上面的 View 属性,一般都保持默认,我们选中在 UIImageView  区域内显示的图片为 icon@2x.png 后,选中这个图片,可以 在 上面第五个面板中修改它的尺寸

文本框组件 UITextField

在对象库中中选择 文本框组件,拖入 UIView 视图中

文本框的属性列表如下:

(1)Text : 默认选择 Plain,然后在下面输入你想在启动时显示给用户的提示文字;

(2)Color :设置输入框中文字的颜色

(3)Font  :字体和大小

(4)Alignment :文字对齐方式

(5)Placeholder : 用于指定将在文本字段中以灰色显示的文本,前提时该字段没有值。占位字符

(6)Background Disabled : 背景图片、是否允许适用背景图片

(7)Border Style : 4 个按钮,更改文本字段边框的绘制方式,一般用默认值

(8)Clear Button :

(9)Clear When editing begins : 指定用户触摸该字段的操作。选中该项,之前该字段中的任何值都将被删除,并且用户能重新输入。

(10)Min Font Size :指定输入文本变多后,文字变小的最小尺寸;

Adjustto Fit :确保整个文本在视图中可见;

下面属性,定义使用文本字段时 键盘的外观和行为。

(11)Capitalization : Words 所有单词自动首字母大写;Sentences  控制句子;All Characters 所有的字母

(12)Corrention : 一致性

(13)Keyboard  : 键盘排列方式

(14)Appearance : 键盘上面输入完毕后的 <确定>按钮的外观

(15)Auto-enable Return Key : 选中,return 键被禁用,直到至少在文本字段中键入一个字符。

(16)Secure : 指定文本框是否作为密码框

关闭键盘:

用户按下 Done 后,生成一个  Did End On Exit 事件

-(IBAction)textFieldDoneEditing: (id)sender

{

[sender  resignFirstResponse];//放弃第一响应者的控制权

}

用户触摸背景关闭键盘

通过背景控制器类 UIViewController  中提供方法

-(IBAction)backgroundTap: (id)sender

{

[xxxField   resignFirstResponder];

}

XCode属性面板使用说明的更多相关文章

  1. Xcode 属性面板添加自定义控件属性

    让自定义控件像原生控件一样可以在属性面板配置参数,Apple文档传送 直接上效果图,根据

  2. Inspector a ProgressBar(定制属性面板)

    一.定制进度条 这篇文章主要学习如何在Unity的Inspector中使用ProgressBar 普通属性面板预览 通常我们的属性面板如下 定制属性面板预览 而通过扩展成ProcessBar后 二.内 ...

  3. c#自定义控件属性面板及选择资源设置

    博客转移到 http://jacean.github.io/ 继续分享编程经验 因为要做流体布局,但两个控件没办法组合,就做自定义控件.这个控件需要一个text设置文本,一个pic设置图片显示,图片通 ...

  4. SharePoint 2013 WebPart属性面板配置

    为WebPart添加右侧的属性面板,方便将来对于WebPart的配置,我们只需要在CustomWebPart.cs文件里面,声明一下变量即可: private string url = string. ...

  5. 根据选中不同的图元来显示不同的属性面板changePropertyPane.html

    在现实生活中,我们有很多时候需要根据选中不同的东西来获取不同的属性,并且就算是同类型的东西我们有时也希望显示不同的属性,就像每个人都有不同的个性,可能会有相同点,但是不可能完全相同. 根据这个思想,我 ...

  6. 开启Unity项目中VS工程的属性面板

    https://www.cnblogs.com/CodeGize/p/7859656.html Unity生成的VS工程一般是无法打开属性面板的.但是事实上,如果使用VS for unity,通过配置 ...

  7. winform 自定义控件属性在属性面板中显示

    Jan.David Nothing is impossible, the word itself says 'I'm possible'!" — Audrey Hepburn winform ...

  8. 属性面板:tabcontroller

    Tabcontroller 布局 Anchor 设置控件距离选定方向固定: Dock 定义要绑定到容器的控件边框 Location 设置控件对于容器左上角的坐标 Margin 指定此控件与另一控件边距 ...

  9. 如何在属性面板中增加一个属性-UI界面编辑器(XproerUI)教程

    版权所有 2009-2015 荆门泽优软件有限公司 保留所有权利 产品首页:http://www.ncmem.com/apps/xproerui/index.asp 开发文档(SkinStudio): ...

随机推荐

  1. 《转》 浅谈C# 多态的魅力(虚方法,抽象,接口实现)

    前言:我们都知道面向对象的三大特性:封装,继承,多态.封装和继承对于初学者而言比较好理解,但要理解多态,尤其是深入理解,初学者往往存在有很多困惑,为什么这样就可以?有时候感觉很不可思议,由此,面向对象 ...

  2. Simple colum formatting in Yii 2 GridView

    A very important widget in the business apps development is the GridView control. In this post I wil ...

  3. 通过Percona XtraBackup添加一个slave

    假设我的master是172.16.15.8,要添加的slave是172.16.15.9 1:在主服务器执行备份操作(172.16.15.8) /usr/bin/innobackupex --comp ...

  4. [js开源组件开发]-手机端照片预览组件

    手机端照片预览组件 可怜的我用着华为3C手机,用别人现成的组件都好卡,为了适应我这种屌丝,于是自己简化写了一版的照片预览效果,暂时无缩放功能,以后可能有空再加吧,你也可以自己加下,这是个github上 ...

  5. HDU 3074 Multiply game(线段树)

    单点更新,更新时先除去 原来的数,因为有去摸,可以用乘上逆元代替. //================================================================ ...

  6. Android 保存联系人,包括部门\职位\传真\地址\照片

    private void toSaveContactInfo() { ContentValues values = new ContentValues(); // 首先向RawContacts.CON ...

  7. 软件看门狗--别让你地程序无响应(使用未公开API函数IsHungAppWindow,知识点较全)

    正文一.概述一些重要的程序,必须让它一直跑着:而且还要时时关心它的状态——不能让它出现死锁现象.当然,如果一个主程序会出现死锁,肯定是设计或者编程上的失误.我们首要做的事是,把这个Bug揪出来.但如果 ...

  8. 字符串的MD5的32位加密和16位加密

    import java.security.MessageDigest; import java.util.Locale; public class MD5Util { public static St ...

  9. [LeetCode] 4 Keys Keyboard 四键的键盘

    Imagine you have a special keyboard with the following keys: Key 1: (A): Print one 'A' on screen. Ke ...

  10. HTTP协议概念与特点,HTTP的状态码,HTTPS是什么?

    很多人在打开网页的时候,在浏览器地址栏里都会看到http  ,在Java WEB里,HTTP也是个重点内容,今天我们就来详细了解和学习HTTP . HTTP是Hyper Text Transfer P ...