【Swift】カスタムキーボードで地球儀アイコンを表示させる


iOSのシステムキーボードの切替ボタンはこのように地球になっている。
スクリーンショット 2015-08-21 22.31.14

カスタムキーボードを作る際は、この切替ボタンがデフォルトではテキストになっており、地球アイコンを使いたいなら自前で用意する必要がある。
その方法として1,絵文字を使う方法、2,ベジェ曲線を使って描画する方法を記す

絵文字を使う方法

簡単。
Xcode上で、control + command + spaceで絵文字ダイアログを開き、検索ボックスにglobeと入力。
これで、下記のような地球アイコンを表示させることができる。
スクリーンショット 2015-08-21 22.41.56

ただ、色など自由にカスタマイズできないので微妙に使いにくいかもしれない。

ベジェ曲線で描画する方法

https://github.com/archagon/tasty-imitation-keyboardでは様々なキーボードのキーをプログラムで表現しているが、地球アイコンの部分のみを抜粋する。

GlobeShape.swift というファイルを作成し、下記を記入。

その後、地球アイコンを描画したいビューに下記の処理を追加。

これをビルドすると、下記のように地球アイコンが表示される。

地球アイコン

後はボタンのように動作する処理等を追加してけばいいのではないかと思う。

以上。


投稿者: しんじ

ベトナムでオフショア開発会社経営中 www.bit-vietnam.com 。サービス開発が趣味。web系は主にPHPで、スマホアプリはswiftで。最近はエンジニア向けの英語勉強webアプリ エングリッシュ e-lish.io を作りました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です