使用UITextfield模拟twitter boostrap表单控件

时间:2012-04-04 19:34:41

标签: iphone uitextfield controls twitter-bootstrap

Twitter Bootstrap有一个表单控件,当处于活动模式时会在边框上“发光”,我想知道是否可以在带有UITextField的iPhone上实现这种效果。有人试过吗?

(http://twitter.github.com/bootstrap/base-css.html搜索表单控件)

1 个答案:

答案 0 :(得分:4)

可能最简单的方法是修改其背衬层:

CALayer *theLayer = [theTextField layer];
[theLayer setBorderWidth:2.];
[theLayer setBorderColor:[[UIColor blueColor] CGColor]];
[theLayer setShadowColor:[[UIColor blueColor] CGColor]];
[theLayer setShadowOpacity:1.];
[theLayer setShadowRadius:5.];
[theLayer setShadowOffset:CGSizeZero];
[theTextField setClipsToBounds:NO];

IMO的这种方法的最大缺点是CALayer阴影操作非常慢,所以如果你是动画(例如在滚动/表格视图中),这将基本上无法使用。但是,various enhancements可以提供更高性能的阴影。

(另外,你显然不会想要我使用的那种丑陋的深蓝色!)