0

MobileSafari上的网页标题看起来是雕刻的,主机制作这个效果?标题的字体系列和字体大小是多少?

非常感谢你! 苹果浏览器

4

2 回答 2

4
  1. 在 Xcode 中打开任何 iOS 项目。
  2. 在模拟器中启动 MobileSafari 并访问 google。
  3. 在 Xcode 中,选择 Product > Attach to Process > MobileSafari。
  4. 选择产品 > 调试 > 暂停。
  5. 在调试控制台中,键入po [[UIApp keyWindow] recursiveDescription].

请注意,这只适用于模拟器。在设备上,您只能附加到使用 Xcode 安装的应用程序。

完成所有这些操作后,您就可以打印出 Mobile Safari 的视图层次结构。搜索它,我发现这个UILabel

   |    |    |    |    | <UILabel: 0x1096e800; frame = (0 0; 308 16); text = 'Google'; clipsToBounds = YES; userInteractionEnabled = NO; layer = <CALayer: 0x1096e8c0>>

UILabel每次我们这样做时,对象的地址都会不同。

无论如何,我们可以像这样打印该标签的字体:

(lldb) po [0x1096e800 font]
$2 = 0x0bb88110 <UICFFont: 0xbb88110> font-family: ".Helvetica NeueUI"; font-weight: bold; font-style: normal; font-size: 13px

我们可以打印它的文本颜色:

(lldb) po [0x1096e800 textColor]
$13 = 0x1096eb50 UIDeviceRGBColorSpace 0.173 0.212 0.259 0.9

我们还可以打印它的阴影颜色:

(lldb) po [0x1096e800 shadowColor]
$4 = 0x1096eb70 UIDeviceWhiteColorSpace 1 0.43

打印阴影偏移更难,因为它是一种CGSize结构,而不是内置类型。调试器不知道,CGSize因为 MobileSafari 不包含调试信息。我们必须给调试器一个定义。这个可怕的命令有效:

(lldb) expr -o -- typedef struct { float x; float y; } CGSize; (id)[NSValue valueWithCGSize:(CGSize)[(id)0x1096e800 shadowOffset]]
$11 = 0x08063e60 NSSize: {0, 1}
于 2013-03-13T08:01:35.373 回答
2

它是系统的默认字体 Helvetica-Neue。在 UIKit 中,你可以使用[UIFont systemFontOfSize:...]or来获得它[UIFont boldSystemFontOfSize:...]。“雕刻”效果是一个简单的白色阴影。它是通过 的shadowColorshadowOffset属性实现的UILabel

于 2013-03-13T07:38:40.230 回答