如何复制iOS键盘外观？

Question

我为我的iOS应用程序制作了一个自定义数字键盘键盘,但希望它更接近镜像标准键盘的外观.我正在寻找有关如何制作标准UIButton外观并像标准键盘按钮一样的建议.

具体来说,我需要为iPad找出以下内容,并希望在xib或storyboard中尽可能多地做.

• 按钮的大小
• 键盘背景的颜色(甚至更好,我如何自己确定？)
• 按钮的背景颜色
• 按钮中文本的字体和颜色
• 如何在按钮下添加阴影？
• 如何使用灰色而非蓝色突出显示按钮？
• 按钮之间的间距
• 更改方向时,如何将按钮的"组"整体保持为中心？(所有调整大小选项都将其锚定在一边而不是彼此关联)

标准按钮是使用图像,还是修改标准UIButton？或者更恰当的是,这对我们来说更好吗？

更新:
我已经为数字键盘创建了一个项目,这是一个完整的工作示例.但是,我没有花太多时间在实际外观上,这就是这个问题的主要内容.我已将它发布在Github上并使其成为一个开源项目(由MIT许可证覆盖,因此也允许商业用途).希望其他人会发现它很有用,希望其他人会倾向于帮助它变得更好,看起来更像原生键盘.Github存储库位于:

https://github.com/lnafziger/Numberpad

Answer 1

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

• 尺寸
• 颜色
• 背景颜色
• 字形
• 文字颜色
• 影子(UILabel不是UITextArea)
• 间距
• 自动调整大小

有一个很酷的PSD矢量工具包适用于所有类型的iOS元素应该有所帮助:

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

无论如何,对于其余的答案:

尺寸

获取按钮的屏幕截图并在Photoshop中确定大小,或者您可以在图像文件上使用CMD + i来查看像素尺寸.记得使用CMD + Shift + 4然后拖动(然后使用Space来制作屏幕截图).

颜色

使用Mac上预装的DigitalColor Meter应用程序,它非常适合各种功能.

背景颜色 UIButton

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

字形

再次,看看字体/尝试Helvetica

文字颜色

[UIColor black]

阴影:

编程方式:

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

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

按钮突出显示

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

间距和旋转

如果您使用IB,那么您可以将按钮拖到任何位置.IB有一些自动调整选项,可根据TOP,LEFT,RIGHT和BOTTOM确定按钮的间距.您也可以设置它们是否可伸缩.