タグ

tipsとlayoutに関するkathewのブックマーク (5)

  • Androidでソフトウェアキーボードを表示するとViewオブジェクトがせり上がってしまう - Qiita

    Titaniumには素晴らしいサポートサイト( http://support.titanium-mobile.jp/ )があるので、これまでQiitaには何も投稿していませんでしたが、先日のユーザー会でこのままでは地味すぎて世間から忘れられてしまいそうだという懸念が提出されましたので、投稿してみます。 で、表題の件ですが。まあ、ありがちですよね。例えば、WebViewを表示して、戻るボタンなどのコントロール用のViewをフッタ部分に表示するとします。 <Alloy> <Window> <WebView id="webview" url="http://www.google.com/" /> <View id="footer"> <Button>戻る</Button> <Button>進む</Button> <Button>再読込</Button> </View> </Window> </A

    Androidでソフトウェアキーボードを表示するとViewオブジェクトがせり上がってしまう - Qiita
  • LinearLayout の width(またはheight) と weight の関係 -- zaki日記(2011-07-02)

    _ LinearLayout の width(またはheight) と weight の関係 UI の作成で LinearLayout を使用する際、「とりあえず中の View の attribure に android:layout_weight="1" と書いとけばなんとなくうまくいく」なんてことを言われたことはありませんか? 以下は、weight を指定することで、LinearLayout の中では何が起きるのかについて調べたことのメモです。 今回は、横方向(LinearLayout の orientation が horizontal) の場合で記述します。縦方向についても全く同様なので、縦の場合は width と height を入れ替えて読んでください。 まず、View に指定する weight (android:layout_weight) はどういう意味でしょうか。 この場

  • 画面の向きによってレイアウトを変更する | TechBooster

    端末の液晶画面は基的に長方形です。アプリによっては端末の向きを変えることで、縦長のポートレートモード(portrait)と横長のランドスケープモード(landscape)でレイアウトが変わるものや、向きを変えてもレイアウトが固定されているものがあります。 例えば、エミュレータの電話アプリでは下記の画像のように、ポートレートとランドスケープでレイアウトが変わります。 エミュレータで端末(画面)の向きを変える場合は「CTRL + F11」を押してください。 それでは、実際に横向き用、縦向き用のレイアウトを用意したい場合にどのようにしたらよいかなどを続きで説明します。 layout-landフォルダ res以下にlayout-landフォルダを準備します。 ですがその前に、まず準備しないとどうなるか試してみましょう。以下のようなレイアウトファイルを準備します。 main.xml <pre><?

  • tableを使わずdivで縦位置を指定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb

    tableのセルでは、vertical-alignを指定することで、縦方向の中心や下揃えで文字列や画像を配置することができますが、divタグの中では通常vertical-alignは適用されません。 画面中央に文字列を配置したい場合など、divでvertical-alignを指定する方法を紹介します。 サンプル tableタグを使用せずに、中央・下部に文字列を配置したサンプルです。 中央に配置 コード(中央に配置) (X)HTML <div class="outer"> <div class="vertical_middle"> <p class="inner">テキスト</p> </div> </div> CSS div.outer { display: table; /* ① */ height: 100px; width: 100%; /* ② */ background: #E3F

  • [CSS]ネガティブマージンの理解を深め、活用するテクニック集

    スタイルシートのmarginで使用する「ネガティブマージン(マイナスマージン)」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。

  • 1