用css来控制iOS开发的外观与布局好用不

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

iOS 开发实用技术导航

NSHipster 中文版

› http://nshipster.cn/

cocos2d 开源 2D 游戏引擎

› http://www.cocos2d-iphone.org/

CocoaPods

› http://cocoapods.org/

Google Analytics for Mobile 统计解决方案

› http://code.google.com/mobile/analytics/

WWDC

› https://developer.apple.com/wwdc/

Design Guides and Resources

› https://developer.apple.com/design/

Transcripts of WWDC sessions

› http://asciiwwdc.com

Cocoa with Love

› http://cocoawithlove.com/

Cocoa Dev Central

› http://cocoadevcentral.com/

NSHipster

› http://nshipster.com/

Style Guides

› Google Objective-C Style Guide

› NYTimes Objective-C Style Guide

Useful Tools and Services

› Charles Web Debugging Proxy

› Smore

这是一个创建于 4146 天前的主题，其中的信息可能已经有所发展或是发生改变。

看上去挺美的，求用过的人说一说感受，推荐用不

美的

求用

iOS

13 条回复 • 1970-01-01 08:00:00 +08:00

alexrezit

2013-07-11 14:03:11 +08:00

看上去很美.

tokki

2013-07-11 14:04:02 +08:00

当时做ios开发第一时间就想搞个类似css的东西

alexrezit

2013-07-11 14:05:20 +08:00

@tokki
难道用 IB 不是更方便?

tokki

2013-07-11 14:17:17 +08:00

@alexrezit -，- 我全部代码生成不用ib。。。不算坏习惯吧现在都怎么搞 ios4以后就没碰过了

alexrezit

2013-07-11 14:18:53 +08:00

@tokki
用代码布局累死人的节奏...

refresh

2013-07-11 14:29:03 +08:00

@alexrezit
@tokki

代码布局确实有麻烦，但可控性很强，我一直尝试去学习StoryBoard，但最后还是走回代码布局。
用类CSS的布局方法，要改动布局和颜色之类的都会很方便，做网页的人很少用Dreamweaver这类的工具，都是用代码布局。

alexrezit

2013-07-11 14:31:25 +08:00

@refresh
布局和颜色是两回事. IB 和 storyboard 也是两回事.
用 IB 设置的是 frame, bounds, autoresizing mask. 其他的属性是由代码搞定的.

refresh

2013-07-11 15:41:42 +08:00

@alexrezit 请教
1. xib和StoryBoard是否可以同时使用？
2. 如果我在一个应用里有一个View，里面一个按钮和一个Label，希望可以复用到 iPhone / iPad 中去。那么用xib或StoryBoard可以吗，还是仅只用StoryBoard就可以了？

levey

2013-07-11 15:43:04 +08:00

https://github.com/tombenner/nui

levey

2013-07-11 15:43:14 +08:00

Style iOS apps with a style sheet, similar to CSS

sobigfish

2013-07-11 16:22:09 +08:00

nui看起来也就是style，木有布局可以控制，出于安全考虑？

PrideChung

2013-07-11 18:01:55 +08:00

@refresh
1. 当然可以
2. xib和Storyboard都有办法复用, 听说以前Xcode3有个按钮可以一键转换xib，我那时还没做iOS开发不太清楚，Xcode4里面没有了，比较麻烦，可能要自己改xib的XML代码。
用Storyboard就方便多了，直接把 MainStoryboard_ iPhone .storyboard 的 ViewController 全copy到 MainStoryboard_ iPad .storyboard 里面，它会自动转换成 iPad 的版本，所有 segue, IBOutlet IBAction全部都能保留。如果用 AutoLayout做了很复杂的布局可能还要调整一下，只用 AutoResizingMask 的话基本上没什么问题。

我一直都是用IB来布局，但是属性的设置例如 ViewController 的 title，view.backgroundColor 全部用代码来控制。
尽量不用 IBOutlet 和 IBAction，避免过分依赖IB。
例如添加一个UIBarButtonItem,不牵涉到布局问题，所以我不在IB里拖，而是直接在代码里面 self.navigationItem.rightBarButtonItem = [[UIBarbuttonItem alloc] init...

总之目的就是用IB来避免在代码里面出现一大堆的布局相关的魔术数字，用代码来避免在IB文件里面的一大堆字符串常量。

refresh

2013-07-11 19:00:13 +08:00

@PrideChung 感谢已发，谢谢