Stroyboard(可视化界面)与纯代码

  Stroyboard是苹果在 iOS 5 中引入的新技术,让纯代码变成了一个可视化的界面,让nib、xib有一种更加直观的展现,几十行甚至几百行的代码搞定的一个控件,现在只要动动手指就能完成一个控件了,初学者学到的绝大部分都是教你怎么使用StoryBoard的而不是怎么用纯代码,但是我自己更加喜欢纯代码,总觉得自己敲出来的代码更加能信任,修改起来也会更加简单。

  一开始我以为纯代码跟可视化界面其实是一样的,看个人喜好选择用什么方法,后来查了资料发现,如果是一个大的项目,用可视化界面,那么团队就不能协调完成任务了,但是纯代码就是可以这么任性,再多的人也是可以协调完成的,可视化的界面可以在小的地方使用,比如在xib上使用,用xib做一个书籍的展示View。

  好了,闲话不多说,现在来介绍下StoryBoard。StoryBoard 的本质是一个 XML 文件,描述了若干窗体、组件、Auto Layout 约束等关键信息。但是,我们应该认识到一个更重要的本质:使用 StoryBoard 的iOS 项目均以初始化 Stroyboard 文件作为整个程序的初始化入口,UIViewCOntroller 类是由于被 Storyboard绑定而初始化的,从而开始运行的。

  这一块红色的就是没有修改尺寸最原版的Stroyboard,初学者没有学过约束之前需要手动修改它的尺寸,选中View Controller,按住opt + cmd + 4,在右边会出现Simulated Metrics,找到里面的Size,选择iPhone 4.7-inch,这样他的尺寸就变成了适合iPhone 6 iPhone 6S的屏幕的大小了。

  上图就是Xcode里面自带的所有控件了,在里面左键按住然后拖到Stroyboard上,cmd + R 运行就能在模拟器上看到你拖得控件显示出来了。是不是特别的简单。

  Stroyboard上还有很多的东西需要自己去研究,师傅领进门,修行靠个人,很多东西看了半天听了半天,也不一定有你自己写一行代码,自己动手做做好。

Auto Layout

  最后再扯一扯Auto Layout,这个跟 Stroyboard 是天作之和,配合默契,可以大幅提高 UI 开发效率,一次性做出适合所有屏幕尺寸的UI,不需要用frame一个一个的计算,会非常麻烦,要慢慢调试的,而可视化界面就不需要了,可以直接看到,不过设置约束也要自己多多练习才能熟能生巧的。

时间: 2024-08-04 02:17:28

Stroyboard(可视化界面)与纯代码的相关文章

ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

本文转自 :http://www.cnblogs.com/wendingding/p/3761730.html ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局 一.实现效果 二.使用纯代码自定义一个tableview的步骤 1.新建一个继承自UITableViewCell的类 2.重写initWithStyle:reuseIdentifier:方法 添加所有需要显示的子控件(不需要设置子控件的数据和frame,  子控件要添加到contentView中

iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(一)

iOS开发UI篇-以微博界面为例使用纯代码自定义cell程序编码全过程(一) 一.storyboard的处理 直接让控制器继承uitableview controller,然后在storyboard中把继承自uiviewcontroller的控制器干掉,重新拖一个tableview controller,和主控制器进行连线. 项目结构和plist文件 二.程序逻辑业务的处理 第一步,把配图和plist中拿到项目中,加载plist数据(非png的图片放到spooding files中) 第二步,字

iOS界面布局之三——纯代码的autoLayout及布局动画

iOS界面布局之三--纯代码的autoLayout及布局动画 一.引言 关于界面布局,apple的策略已经趋于成熟,autolayout的优势在开发中也已经展现的淋漓尽致.除了使用storyBoard进行布局约束的拖拽,有时我们也需要在代码中进行autolayout的布局设置,Masonry库可以方便的创建约束属性,实际上,我们也没有必要再使用系统原生的代码来创建和设置约束,这篇博客只作为使用的方法备忘.前几篇布局介绍的链接如下: 使用autoresizing进行界面布局:http://my.o

iOS开发UI基础—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

ios开发UI基础-使用纯代码自定义UItableviewcell实现一个简单的微博界面布局 一.实现效果 二.使用纯代码自定义一个tableview的步骤 1.新建一个继承自UITableViewCell的类 2.重写initWithStyle:reuseIdentifier:方法 添加所有需要显示的子控件(不需要设置子控件的数据和frame,  子控件要添加到contentView中) 进行子控件一次性的属性设置(有些属性只需要设置一次, 比如字体\固定的图片) 3.提供2个模型 数据模型:

写代码创建数据库,设置位置后比对用可视化界面创建数据库的区别

一.创建数据库 在网上搜了处理方法,稍微改进了一下 create database tttt_1  on PRIMARY (      NAME = test1,      FILENAME='F:\test\test1.mdf',   --此路径必须存在才能建成功    SIZE = 10,      MAXSIZE = UNLIMITED,  --不限制增长    FILEGROWTH = 5  )  LOG ON (      NAME='test1_dat',      FILENAME

【iOS开发】多屏尺的自动适配 AutoLayout (纯代码方式)

关于AutoLayout,最早从iOS6开始引入使用. 主要功能是使用约束,对视图进行相对布局,以适应不同屏尺的变换. 网上大量的资料都在介绍xib和storyboard,如何使用AutoLayout,说纯代码使用AutoLayout进行UI布局的越来越少.对于我这个习惯了代码UI布局的人,写个备忘: AutoLayout是什么? 使用一句Apple的官方定义的话 AutoLayout是一种基于约束的,描述性的布局系统. Auto Layout Is a Constraint-Based, De

纯代码添加约束,autolayout 适配

IOS AutoLayout 代码约束—VFL 2014-12-22 22:19:43http://my.oschina.net/carson6931-Carson6931-点击数:2148 IOS 提供了两种添加约束的方法 第一种: +(instancetype)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2

搭建App主流框架_纯代码搭建(OC)

转载自:http://my.oschina.net/hejunbinlan/blog/529778?fromerr=EmSuX7PR 搭建主流框架界面 源码地址在文章末尾 达成效果 效果图 注:本文部分图标及效果图来自[IT江湖] https://github.com/itjhDev/itjh 导读 我们玩iPhone应用的时候,有没发现大部分的应用都是上图差不多的结构,下面的TabBar控制器可以切换子控制器,上面又有Navigation导航条 我们本文主要是讨论主体框架的搭建,数据暂时没有添

awt可视化界面上传数据到mysql,jsp通过jdbc方式查询数据库,并将结果打印在网页上

今天尝试写一个小demo实现下之前看过的代码,目的了解不同文件的数据访问,掌握如何获取前台数据,如何将数据库的数据在前端页面展示. awt可视化界面可已实现提交数据到数据库,也可查询数据在控制台打印. web工程:主要是web前台输入并提交数据,然后在另一页面展示数据库内容 源码:http://download.csdn.net/detail/xiejun1026/8038489