如何复制iOS键盘外观?

时间:2012-04-21 00:05:21

标签: ios ipad uibutton uikeyboard

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

具体来说,我需要弄清楚iPad的以下内容,并希望在xib或故事板中尽可能多地做。

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

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

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

https://github.com/lnafziger/Numberpad

1 个答案:

答案 0 :(得分:6)

如果您想在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中。

字体

再次,看看fonts /试试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确定按钮的间距。您也可以设置它们是否可伸缩。