如何复制iOS键盘外观?

我为我的iOS应用程序制作了一个自定义数字键盘小键盘,但希望它能更贴近地反映标准键盘的外观。 我正在寻找如何使标准的UIButton外观和行为像标准的键盘button的build议。

具体来说,我需要找出以下的iPad,并希望在尽可能多的xib或故事板。

  • button的大小
  • 键盘背景的颜色(甚至更好,我怎么能自己确定这个?)
  • button的背景颜色
  • button中文本的字体和颜色
  • 如何在button下添加阴影?
  • 如何使用灰色而不是蓝色突出显示button?
  • button之间的间距
  • 在更改方向时,如何将“组”button集中为一个整体? (所有的resize的选项锚定在一边而不是彼此)

标准button使用图像,还是修改标准的UIButton? 或者更恰当的是,这对我们更好吗?

更新:
我已经创build了一个数字键盘这是一个完整的工作示例项目。 但是,我并没有花太多时间看这个问题,这个问题主要是关于这个问题。 我已经把它发布在Github上,并且把它作为一个开源项目(由MIT许可证覆盖,所以也允许商业使用)。 希望其他人会觉得它有用,并希望别人会倾向于帮助使其更好,看起来更像是本机键盘。 Github存储库位于:

https://github.com/lnafziger/Numberpad

如果你想主要在IB做这件事,那么可以做以下事情:

  • 尺寸
  • 颜色
  • 背景颜色
  • 字形
  • 文本颜色
  • 阴影(到UILabel的不是UITextArea)
  • 间距
  • 自动resize

有一个很酷的PSDvector工具包,可以帮助所有types的iOS元素:

http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/

无论如何,其余的答案:

尺寸

截取button的截图并在Photoshop中确定大小,或者可以在图像文件上使用CMD + i来查看像素尺寸。 请记住使用CMD + Shift + 4,然后拖动(然后空间制作截图)。

颜色

使用Mac上预装的DigitalColor Meter应用程序,对于各种function都非常酷。

UIButton背景颜色

实际的UIButton的背景颜色是[UIColor clear] ,但是,对于整个键盘背景,最好在Photoshop中创build类似的东西,然后再使用拾色器来获得正确的渐变效果。 然后你可以把它拖到IB作为背景图像。

字形

再次,看看字体/尝试Helvetica

文本颜色

 [UIColor black] 

阴影:

编程方式:

 [text setShadowOffset:(0,1)]; // One option [text setShadowOffset:(0,-1); // Another option [text setShadowColor:[UIColor whiteColor]]; 

但是,您也可以在IB检查器中为UILabel设置阴影。

button高亮

看看UIButton的参考http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UIButton_Class/UIButton/UIButton.html

间距和旋转

如果您使用IB,那么您可以将button拖动到任何位置。IB有一些自动选项,根据TOP,LEFT,RIGHT和BOTTOM确定button的间隔位置。 你也可以设置它们是否可拉伸。