Challenge Engineer Life !

エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。

PrimeFaces 5.1がリリースされてました!

PrimeFaces 5.1がリリースされていました。
てっきり有償サポート版と思っていたら、今回はコミュニティリリースとなっていて、自由に使える形でした(^^;

http://blog.primefaces.org/PrimeFaces 5.1 Released |

個人的にバーコードコンポが地味に感動したのでブログに書いてみます。

新しく追加となったコンポーネントは大きくは4つのようです。

Ribbonコンポーネント

Officeとかでよく見るリボンコントロールです。

タグを定義して、その中でごとにグルーピングできます。
次の定義をしてみました。

<p:ribbon>
    <p:tab title="ホーム">
        <p:ribbonGroup label="クリップボード">
            <h:panelGrid columns="2">
                <p:commandButton value="貼り付け" icon="ui-icon-document" />
                <h:panelGrid columns="1">
                    <p:commandButton icon="ui-icon-scissors" />
                    <p:commandButton icon="ui-icon-copy" />
                </h:panelGrid>
            </h:panelGrid>
        </p:ribbonGroup>
        <p:ribbonGroup label="フォント">
            <p:selectOneMenu>
                <f:selectItem itemLabel="MS 明朝" itemValue="menu1"  />
            </p:selectOneMenu>
        </p:ribbonGroup>
   </p:tab> 
   <p:tab title="挿入" />
</p:ribbon>

表示はこんな感じです。
f:id:kikutaro777:20141010233907j:plain

InputSwitchコンポーネント

スマホとかでよくみるオン・オフのスイッチです。

<p:inputSwitch />

と定義しただけですが表示できました。

f:id:kikutaro777:20141010230544j:plain

クリックするとスライドするアニメーションでOffに切り替わりました。

f:id:kikutaro777:20141010230615j:plain

もちろんラベル文言を指定する属性があるので

<p:inputSwitch onLabel="オン" offLabel="オフ" />

みたいに宣言すればラベルが変わります。

f:id:kikutaro777:20141010230801j:plain

Barcodeコンポーネント

バーコード画像を自動生成してくれるコンポーネントです。
QRコードも対応してて、結構面白い!

定義が簡単で、QRコードの場合はtypeにqrと指定して、valueで値を設定するだけです。

<p:barcode value="http://kikutaro777.hatenablog.com/" type="qr" />

上記定義で実行すると次のQRコードが表示されます。

f:id:kikutaro777:20141010231123j:plain

スマホで読み取ってみました(^^)

f:id:kikutaro777:20141010231827j:plain

ちゃんと読み取れてる!

QRコードはqrgenというライブラリ参照が必要で、Mavenであればpom.xmlへ次の依存性を定義すれば上記のように使えます。

<dependency>
    <groupId>net.glxn</groupId>
    <artifactId>qrgen</artifactId>
    <version>1.4</version>
</dependency>

普通のバーコードもできるようですが、そちらはbarcode4jを利用するようです。
barcode4jの2.1はMaven Centralにはないらしく、手動でのjar参照が必要となるらしいです。

普通のバーコードは今回試してません(^^;読み取り機ないし…

Grid CSSコンポーネント

Grid CSSは軽量なレスポンシブWebを実現するコンポとのことです。

PrimeFacesのShowcaseで動きを確認できます。
PrimeFaces ShowCase

その他

詳細は以下ページをご確認下さい。

PrimeFaces 5.1 Released |

いつも通りのユーザガイド(PDFドキュメント)も出ています。

http://www.primefaces.org/documentation

にほんブログ村 IT技術ブログへ
にほんブログ村 にほんブログ村 IT技術ブログ Javaへ
にほんブログ村