Tuesday, March 7, 2017

Ionic 2 - カスタマイズ可能なキーボード

Ionic 2 - カスタマイズ可能なキーボード



Pieceにアップロードされた最新のソースコードをチェックしてみてください:

これは、Ionic 2モバイルアプリケーションに統合できる完全にカスタマイズ可能なキーボードコンポーネントです. これにより、モバイルプラットフォームとは独立して、アプリケーションに必要な正確なキーボードを非常に簡単に表示することができます (Android, IOS または Windows Phone).

数字、文字、定義済みの文字列、表示する列の数を定義することによって、キーの値を選択することができます。

あなたのアプリケーションでこのキーボードを使用するのは本当に簡単です! プロジェクト内のコンポーネントファイルをコピーしてインポートし、次のようにページでインスタンス化する準備ができました:

html:
<custom-keyboard [keysTab]=“keysTab" class=“kb-dark”></custom-keyboard>

typescript:
this.keysTab = ["1","2","3","4","5","6","7","8",“9”,“0”]


ダウンロード可能なファイルには、プロジェクトの統合に役立つデモ・アプリケーションも含まれています。

   詳細はこちらへ https://www.piece.cool/products/view/273
   ご不明な点がございましたら、下記までご連絡ください https://www.piece.cool/contacts または上のメール info@oneact.jp.




Ionic 2 - Customisable Keyboard



Check out one of the latest uploaded source code on Piece:

This is a fully customisable keyboard component to integrate in your Ionic 2 mobile application. This will allow you to display very easily the exact keyboard you need for you application, independently of the mobile platforms (Android, IOS or Windows Phone).

You can choose the key values, from numbers, letters to any predefined string, and also the layout by defining the number of columns you want to display!

Using this keyboard in your application is really simple! Just copy the component files in your project, import it and it’s ready to be instantiated in your page like following:

html:
<custom-keyboard [keysTab]=“keysTab" class=“kb-dark”></custom-keyboard>

typescript:
this.keysTab = ["1","2","3","4","5","6","7","8",“9”,“0”]


A demo application is also included in the downloadable files to help you with the integration in your project.

   For more details please go to https://www.piece.cool/products/view/273

   For any assistance/queries, please reach us at https://www.piece.cool/contacts or email on info@oneact.jp.