3

iOSアプリ用にカスタムのテンキーを作成しましたが、標準のキーボードの外観をより忠実に反映させたいと考えています。標準のUIButtonを標準のキーボードボタンのように見せて動作させる方法についてのアドバイスを探しています。

具体的には、iPadについて次のことを理解する必要があり、xibまたはストーリーボードで可能な限り実行したいと思います。

  • ボタンのサイズ
  • キーボードの背景の色（またはさらに良いことに、これを自分で判断するにはどうすればよいですか？）
  • ボタンの背景色
  • ボタンのテキストのフォントと色
  • ボタンの下に影を追加するにはどうすればよいですか？
  • ボタンを青ではなく灰色でハイライトするにはどうすればよいですか？
  • ボタン間の間隔
  • 向きを変えるときにボタンの「グループ」を全体の中央に保つにはどうすればよいですか？（すべてのサイズ変更オプションは、相互にではなく、側面に固定します）

標準ボタンは画像を使用しますか、それとも標準UIButtonを変更しますか？または、より適切には、どちらが私たちにとってより良いですか？

更新：
完全な実例であるテンキーのプロジェクトを作成しました。しかし、私は実際の外観にあまり時間をかけていません。それがこの質問の主な目的でした。私はそれをGithubに投稿し、オープンソースプロジェクトにしました（MITライセンスでカバーされているため、商用利用も許可されています）。うまくいけば、他の人がそれを便利だと思うでしょうし、うまくいけば、他の人はそれをより良くしてネイティブキーボードのように見せたいと思うでしょう。Githubリポジトリは次の場所にあります。

https://github.com/lnafziger/Numberpad

4

1 に答える 1

6

主にIBで実行したい場合は、次のように実行できます。

  • サイズ
  • 色
  • 背景色
  • フォント
  • テキストの色
  • シャドウ（UITextAreaではなくUILabelに）
  • 間隔
  • 自動サイズ設定

役立つはずのすべてのタイプのiOS要素用のクールなPSDベクターキットがあります。

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

とにかく、残りの答えに：

サイズ

ボタンのスクリーンショットを撮り、Photoshopでサイズを決定するか、画像ファイルでCMD+iを使用してピクセルのサイズを確認できます。CMD + Shift + 4を使用してからドラッグすることを忘れないでください（次にスペースを使用してスクリーンショットを作成します）。

色

MacにプリインストールされているDigitalColorMeterアプリを使用すると、あらゆる種類の機能に非常に便利です。

の背景色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]];

ただし、UILabelのIBインスペクターでシャドウを設定することもできます。

ボタンのハイライト

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 に答える