如何复制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的间隔位置。 你也可以设置它们是否可拉伸。