XCode属性面板使用说明

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  区域内显示的图片为 [email protected] 后,选中这个图片,可以 在 上面第五个面板中修改它的尺寸

文本框组件 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];

}

时间: 2024-07-30 10:05:44

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

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

因为要做流体布局,但两个控件没办法组合,就做自定义控件.这个控件需要一个text设置文本,一个pic设置图片显示,图片通过选择获取,在属性面板里能够修改. 添加用户控件之后就可以自己随意设置控件内容了,这里说下关于属性的一些设置. 自定义控件显示在工具箱的开关:将true改为false就可以不显示了. [ToolboxItem(true)] public partial class UserControl1 : UserControl 自定义控件在工具箱中的图标显示:可以使用已有控件的图标, 1

[macOS]init windows position——方法一:直接在属性面板定义

打开一个应用,File/new,会打开一个窗口,这个窗口的位置我们是可以自定义的. 创建一个项目,我们用Document-Based Application做例子说这个问题. 第一个方法:属性面板定义 选中这个 在这个虚拟的屏幕可以看大概位置. 拖动灰色的方块,运行一下,关闭窗口,然后File/new,就会变成这样: 看,窗口出现在了虚拟屏幕出现的位置. 注意:macOS的坐标系统和iOS不一样,原点在左下角,iOS在左上角! 这里有个问题,mac屏幕尺寸有13‘有14’有21‘,这时修改这两个

Style3D属性面板的开发指南

类结构简介 我已经封装成了框架式程序,有固定可靠的数据流程,开发者只需完成简单的几个框架属性的编写,即可轻松完成子对话框选项卡的设计,无需手动管理物体列表的变化或者选项卡的切换.可以按照普通对话框一样任意添加各种控件,数据交换也是通过基类中Frame,Doc,三个View的指针即可实现,无需手动赋值. 两个基类: class MeshPropertyBase { CPiFrame* m_pPiFrame; CModelView* m_pModelView; CPatView* m_pPatVie

unity 属性面板的绘制

最终效果: using System; using System.Collections; using System.Collections.Generic; using UnityEditor; using UnityEngine; [CustomEditor(typeof(BaseAttribute))] //需要重写的类 public class MyTouchJoystick : Editor { BaseAttribute baseAttribute; bool isShowBackS

CSS3 网格布局(grid-layout)基础知识 - 网格模板属性(grid-template)使用说明

CSS3引入了新的网格布局(grid layout),以适应显示和设计技术的发展(尤其是移动设备优先的响应式设计). 主要目标是建立一个稳定可预料且语义正确的网页布局模式,用来替代过往表现不稳定且繁琐的table.flow以及JS脚本混合技术来实现的网页动态布局. 本文将简单而准确的介绍网格布局属性的基本概念和使用方法(摘自踏得网在线HTML5教程). 1. 概述 网格模板区域(grid-template-areas).网格模板行(grid-template-rows)和网格模板列(grid-t

Unity3D 学习教程 5 属性面板

小分享:我有几张阿里云优惠券,用券购买或者升级阿里云相应产品最多可以优惠五折!领券地址:https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=ohmepe03 添加一个点光源 点击添加完成 绿色的是Y轴  为高度 红色的是x轴  为横向 蓝色的是Z轴  为纵向 再看看属性 Local Rotation  x = 0  y = 3.18  z = 0  是坐标 Local Scale  x = 1  y

bpmn-js画流程图 (四)右侧属性面板中执行人,候选人与候选组可以通过 用户、机构(角色)选择

bpmn-js-properties-panel 的执行人和候选人与候选组输入框生成的代码生成文件 node_modules/bpmn-js-properties-panel/lib/factory/TextInputEntryFactory.js 在图示后面添加针对执行人,候选人与候选组可以通过 用户.机构(角色)选择的部分代码 if( resource.id == 'assignee' ){ //如果为执行人 resource.html = '<label for="camunda-'

如何使用Xcode进行高保真原型设计?

转载自:http://www.guimobile.net/xcode-high-fidelity-prototype-design.html Xcode不仅是开发者用来开发iOS Apps的开发工具,同样也可以被设计师用来创建App的高保真交互原型.在Xcode开发环境里,没有任何限制,设计师可以嵌入各种各样有趣的交互,动 效和声音去创造一个真正的iOS App的体验.在这个教程中,主要讲述Xcode工具中Storyboard功能,这个功能可以让设计师不用任何一行code去创建一个iOS App

Size Classes with Xcode 6&lt;转&gt;

1.基本概念 在iPad和iPhone 5出现之前,iOS设备就只有一种尺寸.我们在做屏幕适配时需要考虑的仅仅有设备方向而已.而很多应用并不支持转向,这样的话就完全没有屏幕适配的工作了.随着iPad和iPhone 5,以及接下来的iPhone 6的推出,屏幕尺寸也变成了需要考虑的对象.在iOS7之前,为一个应用,特别是universal的应用制作UI时,我们总会首先想我们的目标设备的长宽各是多少,方向变换以后布局又应该怎么改变,然后进行布局.iOS6引入了AutoLayout来帮助开发者使用约束