タグ

layoutに関するfield_combatのブックマーク (5)

  • AndroidのUIで,レイアウトXMLの記述を簡素にするための,7つの基礎知識 - 主に言語とシステム開発に関して

    AndroidプログラミングのTOPAndroidアプリのUIは,レイアウトXMLに記述する。 が,これが結構面倒くさい。 各ビューごとに大量の属性をコーディングすることになり, あとから見返すと,何の目的で属性を付与したのか不明だったりする。 また記述量が多いと,その分だけ変更時の修正作業量も増えてしまう。 どうすれば,AndroidのレイアウトXMLの記述をシンプルに短くできるか? 下記では,基的なTipsを7つ列挙する。 (1)IDE上で自動整形して見やすくする (2)複数のプロパティを,スタイルXML中でまとめて一括指定する (3)共通部分をincludeする (4)独自の性質を持ったViewを作成する (5)アプリ全体のスタイルをテーマに集約する (6)XMLに書かず,コードで動的に操作する (7)HTML5を使う (1)IDE上で自動整形して見やすくする まず,質的でな

    AndroidのUIで,レイアウトXMLの記述を簡素にするための,7つの基礎知識 - 主に言語とシステム開発に関して
  • Androidの画面サイズを攻略して機種依存を吸収する(ナビゲーションバーとステータスバーのサイズを取得する) | TechBooster

    ※上記の名前付けは一般的なものではなく、今回の解説用に定義した名前です。(Displayクラスのサイズといえばどれもディスプレイサイズということになるため、わかりやすさを優先して図示しました) 特にステータスバーとナビゲーションバーは端末ごとカスタマイズされている可能性もあるため、動的に取得するのが望ましい項目と言えるでしょう。しかしながら、直接この2つの高さ情報を取得するAPIは存在していません。踏み込んで解説するならば、これらはアプリケーションの領域外でありアプリが気にする必要はなく、気にしないでいられるデザインやレイアウトを検討すべきである、という設計思想がうかがえます。設計思想を尊重するならば、このあと解説するAPIをなるべく使わないでいいように工夫できると機種依存の苦悩から解放されるでしょう。 取得する方法は続きから ナビゲーションバーを除いたディスプレイサイズを取得する ディス

    Androidの画面サイズを攻略して機種依存を吸収する(ナビゲーションバーとステータスバーのサイズを取得する) | TechBooster
  • AndroidのtabGroup位置の変更(Titanium)

    Titaniumでアプリ開発をする際にネックとなるところとしては、 iPhoneの場合とAndroidの場合で見た目が変わってしまう部分があるところ。 特にtabGroupがAndroidの場合では上部に表示がされ、デザイン的にもなんだかなってなってしまう。 そこで今回はそのなんだかなを解消するための方法。 Android開発をしたことがあるならばわかるけれども、 基的なパーツの配置というのはxmlで制御が可能。 Titaniumもその機能をカバーしてるのでそれを使ってあげればよいだけ。 ■手順 1:(projectフォルダ)/platform/android/res/layout/というフォルダを作成。 2:(projectフォルダ)/build/android/res/layout/titanium_tabgroup.xmlを1のlayoutフォルダに入れる。 3:titanium_

    AndroidのtabGroup位置の変更(Titanium)
  • mp3ornot.com

    About Are you an audiophile? With this simple test you'll be able to find out whether you can hear the difference between a low quality song and a two-and-a-half times larger high fidelity mp3 file. Is the difference as big as you expected? Suggestions & Contact information We would love to get your feedback. Do you want to recommend different songs for the test or have comments on the current sel

    field_combat
    field_combat 2007/06/06
    サンプルソース
  • WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p

    なにかと便利なYahoo!UIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで(簡単だけど)手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード

    WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
  • 1