Xcode中如何编辑StoryBoard
在iOS 7中使用storyboard(part 1) – CocoaChina 苹果开发中文站 – 最热的iPhone开发社区 最热的苹果开发社区 最热的iPad开发社区
此处,想要删除那个L==Label,结果右键中没有找到删除的功能:
最后是:
用键盘Command+Delete,才删除掉。。。
后来发现:
其实是菜单中,也有删除:
删除之后,变成了:
然后,再想办法,添加一个图片
最后找到了:
在最右下角有控件:
拖动过去:
然后再去设置图片的属性:
再去拖动,充满整个屏幕:
xcode storyboard 添加图片
xcode storyboard how add image
ios – How to successfully add an image in Storyboard in Xcode 6 in Swift? – Stack Overflow
先去到Assets.scassets中添加了张图片:
然后选中Image View,属性,Image,下拉列表中找到你的图片
然后启动看看效果
Scall to Fit:
换个,只是背景色:
启动效果:
想要添加一个Label,然后添加约束条件,是针对于上面的logo图片的。
弄了半天,只能针对于顶部top的:
搜:
xcode storyboard add constraint
Adding Layout Constraints by Control-Dragging
control+鼠标,从自己(Label)拖动到目标(logo图片)
然后就会出现:
选择了Leading,默认是0,设置为60:
再去把之前的约束删除:
点击那个top+80,Edit-》Delete
然后发现搞错了:
不是leading,leading是水平方向的。
我要的是垂直方向的
想要设置水平间距,但是找不到:
没有。
删除了,重新试试
选择Vertical Spacing
结果效果是:
再去设置CenterX
效果:
然后高度间隔20的效果:
再去添加另外一个label,设置约束条件:
最后的效果:
[总结]
如何在Xcode中编译StoryBoard
1.添加新的组件/控件
比如想要加个文本Label,图片ImageView
在最右下角的Show the Object Library中,拖动滚动条,找到你要的对应的控件,拖动到你的视图中即可
2.给ImageView添加图片
先把你的图片,放到Assets中,添加对应的图片,给Image Set命名
选中ImageView后,找到右上角的Show the Attributes Inspector 然后其中有个Image属性,点击下拉,可以找到对应的图片的名字,即可。
3.如何(给视图,控件等)添加约束限制
比如想要一个Label,位于一个图片ImageView的下面,垂直方向间隔100
则:
按住control键,点击Label控件,拖动到ImageView上,会弹出选择对话框:
- Vertical Spacing:垂直方向,bottom和top方面的
- Leading :水平方向,left方面的
- Center Horizontally:水平方向的,对其,即centerX
- Trailing:水平方向的,right方面的
- Equal Widths:宽度
- Equal Heights:高度
- Aspect Ratio:缩放比例
注:同时按住Shift,可以选择多个
然后默认对应的值都是0
然后你可以点击左边视图列表中的constrain后,在右上角的属性栏中,去修改成你想要的值
如此,即可一点点添加各种约束条件,实现布局设置了。
4.设置颜色,以十六进制hex方式去设置
比如Background颜色的设置:点击下拉菜单
选择Other
选择第二个 三个红绿蓝水平线的那个 -》 RGB Sliders:
然后就可以看到Hex Color,用Hex方式去设置颜色了:
转载请注明:在路上 » [已解决]Xcode中如何编辑StoryBoard