3

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

具体来说，我需要为 iPad 弄清楚以下内容，并希望在 xib 或情节提要中做尽可能多的事情。

  • 按钮的大小
  • 键盘背景的颜色（甚至更好，我如何自己确定？）
  • 按钮的背景颜色
  • 按钮中文本的字体和颜色
  • 如何在按钮下添加阴影？
  • 如何使用灰色而不是蓝色突出显示按钮？
  • 按钮之间的间距
  • 更改方向时如何使按钮“组”作为一个整体居中？（所有调整大小的选项都将其固定在一边，而不是彼此固定）

标准按钮使用图像，还是修改标准 UIButton？或者更恰当地说，哪个对我们更好？

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

https://github.com/lnafziger/Numberpad

4

1 回答 1

6

如果您想主要在 IB 中进行，则可以执行以下操作：

  • 尺寸
  • 颜色
  • 背景颜色
  • 字体
  • 文字颜色
  • 阴影（对 UILabel 的不是 UITextArea）
  • 间距
  • 自动调整大小

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

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

无论如何，对于其余的答案：

尺寸

对按钮进行截图并在 Photoshop 中确定大小，或者您可以在图像文件上使用 CMD+i 查看像素尺寸。记得使用 CMD+Shift+4 然后拖动（然后按空格键截屏）。

颜色

使用预装在 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 确定按钮的间距。您还可以设置它们是否可拉伸。

于 2012-04-21T01:33:54.570 回答