Storyboard设计方式的一些疑问

Question

作为一个从Web前端接触iOS的新手，对Storyboard的设计有一些不明白的地方；

Storyboard做为一种便利的布局方式是比较方便的，但是为什么不能其所对应的代码？？？（比如Web中用DreamWeaver里也可以手动拖控件布局，但是会有实时对应的代码展示）

比如我在Storyboard里面拖控件新建了一个按钮，并属性修改了一些样式，怎么才能看到对应展示的代码？

如果不能看的话这种设计也未免太不人性化了，自学成本陡增。还是说本人的使用姿势不对呢？

Answer 1

右键storyboard, open as -> source code
格式是xml, 与swift或者oc语言完全不一样, 也没什么看的, 该学的还是要学

Answer 2

有一个关键词叫做 @IBDesignable 可以让一个控件实时在 Storyboard 中实时预览，缺点是电脑不好会很卡。同时还有一个关键词 @IBInspectable 可以让你代码中的一些基本属性，比如字号，颜色等在 Storyboard 中可以即时的修改。

Answer 3

自从苹果设备屏幕尺寸开始变多我就不再用故事板了。在此之前故事板用着还是非常方便的，但是它对屏幕自动适配做的还是不够完善。 所以现在我都是用代码来布局完全不再使用故事板来布局了。

换换思路吧，别拿CSS那套用在APP的开发上。 代码修改的样式变化肯定是要编译运行后才能看见的。用JS操作修改DOM和CSS不也得运行才能查看。

Answer 4

参见楼上 jing_cai 的答案。Storyboard 和 xib 文件都是XML格式的，其标签属性都是苹果自定义的。代码没啥好看的，反正你不可能会像写HTML或者安卓编程那样去手写。

一般是多人使用git协作，有冲突的时候才会去看他的文本格式，手动解决冲突。

（个人建议最好是学一点纯代码布局。）