以下はRelativeLayoutを使った具体的な例になります。 main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <Button android:id="@+id/button1" android:text="BUTTON1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="50px" /> <Button android:
RelativeLayoutは、名前のとおり相対的にウィジェットの配置をおこなうレイアウトである。 このレイアウトを調べていて、相対位置を指定するパラメータがいろいろとあって、違いを把握するのに苦労してしまった。 パラメータはいろいろとあるのだが、「何に対して相対的なのか？」，「上下の位置関係は？」，「左右の位置関係は？」 を、分類してみるとわかりやすくなるように思う。 親ウィジェットに対する相対位置を指定する 以下のパラメータを使って、親ウィジェットに対する相対位置を指定して、ウィジェットの配置をおこなうことができる。 横軸の位置を指定するパラメーター。 左側に配置：layout_alignParentLeft 中央に配置：layout_centerHorizontal 右側に配置：layout_alignParentRight 縦軸の位置を指定するパラメーター。 上側に配置：layou
AndroidManifestと画面遷移 の記事では、画面遷移アプリケーションを作るため、遷移後の画面 SubActivity についてAndroidManifestへの登録とJavaファイルの作成を行いました。 今回は、遷移前の画面につきXMLファイルとJavaファイルの作成(というよりは変更)を行います。 まずレイアウトの main.xml ですが、ボタンがひとつあるだけのシンプルなものにしました。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_hei
ウィジェットのxml属性にパディングを指定する、レイアウトファイルの例を以下に示す。 リスト１-（main.xml） このプログラムを実行すると、以下のような画面が表示される。 外側の水色の隙間は、LinearLayout内部のpadding領域を示している。 左，上，右，下のパディング設定によって、どのように表示されるかが確認できる。 以下のコードは、リスト１のレイアウトファイルの各ウィジェットのパディングの値を取得して、Logに表示するプログラムの例である。 リスト２（PaddingSample1Activity.java） このプログラムを実行して、「padding値をLogに表示」ボタンを押下すると、 LogCatビューは下図のように表示される。 padding値を指定していないtvNoneとbuttonのウィジェットのpadding値を比較すると、 幅，高さをfill_paren
Androidアプリで画面を作成する際、LinearLayoutとRelativeLayoutの使い方をしっかり把握しておかないと、後々苦労することが多いと思いますので、レイアウト構成を自分の知る範囲でまとめてみました。 LinearLayoutの場合 1 均等に配置 XML 2 余った幅全体に配置 XML 3 真ん中で２等分 XML 4 上記の縦バージョン XML RelativiLayoutの場合 5 両端固定幅、真ん中は幅いっぱい XML 6 上記のレイアウトに追従する形で配置 XML 7 上下に両端、真ん中配置のボタンを配置 XML 8 上記レイアウトの空白を埋める配置(ListView等) XML 9 上記レイアウト中央の両端に、ボタンを配置 XML 10 相互に作用する配置 XML LinearLayoutとRelativiLayoutを複合 11 ボタンの高さを任意のレイアウ
ここ最近のことなのですが、綺麗なデザインのサイト集なんかを見て回っていると何度か斜めグリッドを基準にしたデザインのサイトを見かけました。 こういうの何て言うんでしょうね。斜めグリッドなのでDiagonal Grid Based Webdesignとでも言えばいいんでしょうか。 どのサイトも非常にインパクトが強く印象的だったので、数は少ないですが紹介してみようと思います。 Jessica CaldwellJessica Caldwell ポーランドのウェブ制作者さんのポートフォリオ。 各ブロックはli要素をtransform: rotate()して作られています。 ブロックは一つ一つがナビゲーションで、マウスを乗せるとアニメーションでメニューが表示されます。 Designer GlebDesigner Gleb / Graphic&Web Designer Gleb Leksikov フリー
CSSで天地センターに配置するテクニック第２回目です。今回は定番テクニックの問題点を解決する方法をご紹介します。 produced by Blades co.,ltd. 前回のエントリーで、CSSで画面全体に対して天地中央に配置するテクニック（1）として定番のテクニックをご紹介しました。今回は前回の手法の問題点を解決する別のテクニックをご紹介したいと思います。 定番テクニックの問題点のおさらい 定番のテクニックである「絶対配置+ネガティブマージン」にはコンテンツ表示上の大きな問題があります。それは、ブラウザの表示スペース（つまりbodyの大きさ）がコンテンツ表示領域（divなど）よりも狭い場合、コンテンツの全体が表示されないと いうことです。 これをわかりやすく説明するために、ブラウザで表示した例を見てみましょう。ソースは前回のエントリーでサンプルとして挙げたものを少し改変します。 HTM
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
