アシアルブログスマートフォン用の表示で見るアシアルブログアシアルの中の人が技術と想いのたけをつづるブログです2012-02-28iUIでタブインターフェースを実現するMonacaTweetこんにちは、サンプルアプリ開発者の山田健一です。iUIには、簡単にタブインターフェースを実現できる記法が存在しませんが、タブインターフェースを用いたいと思うことも多いと思います。そこで、iUIでタブインターフェースを実現する手法を紹介します。次のようなイメージになります。<table>タグを利用してリンクを横に並べ、スタイルシートを用いて、タブっぽく見せるという手法です。index.htmlのBODY部のコードは次のようになります。個所に記述できないことです。ここに記述するとレイアウトはなんとかなるのですが、なぜかタップを受け付けてくれません。そのため、ページごとに、タブ用のテーブル記述を記述しています。選択されているタブ用のスタイル記述になります。タブらしくするために、次のCSS記述も追加します。修正しやすいように記述しています。サンプルのダウンロードはこちらからどうぞ。2012に出場します。byスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。