IOS XIB以及Storyboard的部分使用方法_IOS开发_网络编程_码蚁之家_
IOS XIB以及Storyboard的部分使用方法(1/2)
在我们的工作中很多时候使用拖控件的方式搭建一些界面,可以比较直观的将界面展现在你的眼前,也很方便,但是中间的关系以及拖线比较繁杂,一旦出现问题不太好找bug,但是实现一些相对简单的界面还是很方便的,下面就介绍一些简单是使用方法.第一 :给控制器添加NavigationController
点击要设置控制器的左上角第一个按钮 点屏幕上的Editor 然后点击Embed in 再点击Navigation controller 就可以了 第二:设置视图的入口
点击设置的控制器上面的第一个按钮(代表这个控制器) 在第四个下面(show the Attributes inspector) 点击 is Intial View Controller 指定程序的入口
带导航控制器的程序入口都指向导航控制器 第三:给控件添加限制
点击右下角的第二个图标 设置控件的限制条件 设置上下左右时 要把constraint to margins设置内边距的取消掉
点击add constraints添加约束 点击控件 按住Ctrl 向上拉 松手后可以设置宽高比例 第四:控件与创建的类关联
点击右边框第三个按钮show the identity inspector 在class中写上关联类的名字 在下面的Storyboard ID 中写上类名把首字母小写 创建storyboard创建的类时要使用 第五:使用XIB创建cell的注册方法
上一篇： 下一篇：
联系邮箱：(#改为@)问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
如下图，TableView顶部有一个空白区域，iOS 7里面特有的，能不能去掉它呢？它的意义在哪里？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
iOS 7 viewcontroller新增属性automaticallyAdjustsScrollViewInsets，即是否根据按所在界面的navigationbar与tabbar的高度，自动调整scrollview的 inset,设置为no，让它不要自动调整就可以了，个人感觉很二的一个东西，iOS 7的SDK开发者有点不按套路出牌啊，是因为iOS 换掉负责人的关系吗？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
他的意义在于，让你以坐标 0,0 fullScreen 布局。这样才能透过导航栏的毛玻璃看出朦胧的感觉，，，朦朦胧胧，就像少女披了层纱，你说美不美。。。走题了， 7 的理念是突出内容，淡化 UI 。让你感觉你能看到的东西更多了。比如我就很讨厌现在还居然一堆 app 在那走卡片风格，不按 edge to edge 来，你空那么一道缝，它到底有啥用，浪费屏幕像素。
我觉得这并不是一个很二的东西，我感觉把那属性设为 NO 才是很二的事情，如果需要兼容 7 以下版本，这并不能让你的代码工作量减少多少，反而还会让 7 用户觉得你这界面太丑太 low ，根本不适配系统风格。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
没用过XIB， 用代码创建时没有这个问题吧
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
用XCode 5的storyboard和xib都试了一下，没有重现这个问题。题主要不把源文件打包传上来看看。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
UITableView的y是0，这块空白区域就刚好挡在NavigationBar的后边。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
让你在滑动tableView的时候可以看到导航栏下面的内容。
开始的时候是从导航栏以下开始第一个cell. 不影响使用
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
edgesForExtendedLayout 是调整这个吧，
同步到新浪微博
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
扫扫下载 App不懂这些基础知识,你好意思说你是iOS应用开发设计师？_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
不懂这些基础知识,你好意思说你是iOS应用开发设计师？
上传于|0|0|暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩21页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢IOS 与圆角的矩形描边、 图标和标签中的自定义按钮
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.
我想重新创建此按钮使用代码，所以它是一个可重用的对象，和您可以设置的最小宽度，高度，或它拉伸以适合的图标和标签。整个应用程序，我们会重复使用几个领域中的按钮，它将包括薄圆角的矩形中风、 背景颜色、 图标 (trans PNG) 和一个标签。我们想要的背景颜色和描边颜色可配置所以我们可以切换开/关按钮。
编辑: 几乎工作代码，但文本标签块是白色和需要调整大小图像以适合框架和两个为居中。
自定义按钮的代码：
#import "CustomButton.h"
@implementation CustomButton
- (id)initWithFrame:(CGRect)frame image:(NSString *)image title:(NSString *)title background:(UIColor *)background border:(UIColor *)border
self = [super initWithFrame:frame];
self = [UIButton buttonWithType:UIButtonTypeCustom];
CALayer *layer = [self layer];
self.contentVerticalAlignment = UIControlContentVerticalAlignmentB
self.contentHorizontalAlignment = UIControlContentHorizontalAlignmentC
// background
if (background) {
layer.backgroundColor = (__bridge CGColorRef)(background);
layer.backgroundColor = [[UIColor darkGrayColor] CGColor];
if (border) {
layer.borderColor = (__bridge CGColorRef) (border);
layer.borderColor = [[UIColor lightGrayColor] CGColor];
layer.cornerRadius = 2.0f;
layer.borderWidth = 0.5f;
UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:image]];
[self addSubview:imageView];
// text label
UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 25, 55, 15)];
titleLabel.font = [[UIFont alloc] fontWithSize:7.00];
titleLabel.text =
[self addSubview:titleLabel];
[self setFrame:frame];
编辑: 更新后的代码块以上及有按钮才会出现在 viewController 的各自视图中使用以下代码：
CGRect buttonFrame = CGRectMake(125, 3, 52, 37);
CustomButton *btnNearby = [[CustomButton alloc] initWithFrame:buttonFrame image:@"map.png" title:@"NEARBY" background:nil border:nil];
[myCustomView addSubview:btnNearby];
自定义按钮将出现，但仍没有正确设置格式。
这里是一个示例图标 (带横贯白色 PNG)，应显示在按钮的中心。
所需的功能的摘要：
1） 可重用按钮 2） 可以有最小宽度/高度或重写以匹配标签的宽度和高度的图像 + 标签 3） 具有可配置描边颜色 4） 匹配按钮图标上方，描边 + 图标 + 标签 + 背景色 5） 可以更改边框颜色，切换开/关
解决方法 1:
我是能够解决这个问题，并确信它可以进一步推敲但作为所需问题现在显示按钮。看到希望的最终结果和下面的工作代码对齐，以帮助他人。
工作的截图：
工作代码：
CustomButton.h
#import &UIKit/UIKit.h&
#import &QuartzCore/QuartzCore.h&
@interface CustomButton : UIButton
- (id)initWithFrame:(CGRect)frame image:(NSString *)image title:(NSString *)title background:(UIColor *)background border:(UIColor *)
CustomButton.m
#import "CustomButton.h"
@implementation CustomButton
- (id)initWithFrame:(CGRect)frame image:(NSString *)image title:(NSString *)title background:(UIColor *)background border:(UIColor *)border
self = [super initWithFrame:frame];
self = [UIButton buttonWithType:UIButtonTypeCustom];
CALayer *layer = [self layer];
// background
if (background) {
layer.backgroundColor = (__bridge CGColorRef)(background);
layer.backgroundColor = [[UIColor darkGrayColor] CGColor];
if (border) {
layer.borderColor = (__bridge CGColorRef)(border);
layer.borderColor = [[UIColor lightGrayColor] CGColor];
layer.cornerRadius = 2.0f;
layer.borderWidth = 0.5f;
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(14,3,20,19)];
imageView.image = [UIImage imageNamed:image];
imageView.contentMode
= UIViewContentModeScaleAspectF
[self addSubview:imageView];
// text label
UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 20, 50, 14)];
titleLabel.opaque = NO;
titleLabel.numberOfLines = 1;
titleLabel.textAlignment = UITextAlignmentC
titleLabel.font = [UIFont systemFontOfSize:7.00];
titleLabel.textColor = [UIColor whiteColor];
titleLabel.backgroundColor = [UIColor clearColor];
titleLabel.text =
[self addSubview:titleLabel];
[self setFrame:frame];
实例化 UIImage 层有捡到的视图控制器上的按钮：
// Add custom button to image view background layer
CGRect buttonFrame = CGRectMake(125, 3, 50, 35);
CustomButton *btnNearby = [[CustomButton alloc] initWithFrame:buttonFrame image:@"map.png" title:@"NEARBY" background:nil border:nil];
[myCustomView addSubview:btnNearby];IOS中可视化拉伸图片技巧
在我的另一篇博客http://my.oschina.net/u/2340880/blog/403996中探讨了IOS拉伸图像(UIImage)的几种方法和一些小经验，这篇是一个补充，再将xcode中的另一种可视化拉伸图像的方法的使用介绍给大家。
IOS中可视化拉伸图片技巧
在我的另一篇博客中探讨了IOS拉伸图像(UIImage)的几种方法和一些小经验，这篇是一个补充，再将xcode中的另一种可视化拉伸图像的方法的使用介绍给大家。
二、如何使用
IOS开发文档中的描述：
1、xcode5的新特性
xcode5之后，IOS为我们提供了一个管理图片的新方法Asset Catalogs，简单说来，它相当于一个目录，专门用来管理我们项目中的图片素材，包括Icon和启动页，这样使项目管理更加方便也更加简洁。
创建一个AssetCatalogs：在xcode中新建一个文件，选择AssetCatalogs，如下：
然后我们点开这个包，将图片直接拖入工具区即可：
2、使用AssetCatalogs中的可视化工具进行图片拉伸
完成了上面的步骤之后，我们可以对管理的图片进行处理，点击右下角的show Slicing按钮，我们就会进入可视化编辑区，如下：
如上图，有三条竖直线，其中边界的两条分别约束了图片两侧不被拉伸的区域范围，中间虚线和左侧虚线围成的部分，将是被复制拉伸的区域。水平方向的线同理。
很重要的一点：官方文档告诉我们，这个方法只能在iOS 7 或者 OS X v10.10之后使用。效果如下：
3、在xib文件中UIImage的拉伸
在xib文件中的UIImageView，在上面加上图片后，可以设置stretching这个属性：
这个属性的四个值：X,Y,Width,Height的取值范围是0-1；X，Y，用来确定一个点，比如我们设置为X=0.1，Y=0.1，则这个点就是图片的左上角开始，水平1/10处和竖直1/10处，设置图片的拉伸点为从这个点开始。后两个参数分别设置图片拉伸区域的宽度和高度，比如我们这样设置：Width=0.8，Height=0.8，则图片拉伸时上下左右各1/10的宽度不会被拉伸，中间部分被拉伸，还是刚才的图片，效果如下：
用云栖社区APP，舒服~
【云栖快讯】支撑千亿营收，阿里如何做研发？淘宝如何做敏捷实践？如何面对开发中的“黑天鹅”事件？6月29日首届阿里研发效能嘉年华，独家直播，赶紧预约吧！&&
专精于业务数据与地理信息融合的大数据可视化，通过图形界面轻松搭建专业的可视化应用， 满足您日常业务监控、调度、会...
阿里云移动APP解决方案，助力开发者轻松应对移动app中随时可能出现的用户数量的爆发式增长、复杂的移动安全挑战等...
大数据开发套件（Data IDE），提供可视化开发界面、离线任务调度运维、快速数据集成、多人协同工作等功能，为您...
为您提供简单高效、处理能力可弹性伸缩的计算服务，帮助您快速构建更稳定、安全的应用，提升运维效率，降低 IT 成本...
2017云栖大会·上海峰会火热报名中
Loading...}