スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

  • Comments (Close): -
  • TrackBack (Close): -

layout_weight

LinearLayoutを入れ子にして、EditTextとButtonが横に並ぶレイアウトを組んでみます。

<?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_height="fill_parent"
>

<LinearLayout
android:orientation="horizontal"
android:layout_height="wrap_content"
android:layout_width="fill_parent">
<EditText
android:id="@+id/editText1"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
</EditText>
<Button
android:id="@+id/button1"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="@string/button1">
</Button>
</LinearLayout>

</LinearLayout>


実行結果:
20110904_2


EditTextのlayout_widthを wrap_content にしたため、見た目が変になってしまいました。

これを修正する一つの方法として、layout_weightを指定するという方法があります。

これは、余白領域の重み付け、つまり割り振りを行うための設定です。

たとえば、EditTextとButtonとで余白を1対1に割り振りたければ、それぞれの属性で weightを1に指定します。

<?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_height="fill_parent"
>

<LinearLayout
android:orientation="horizontal"
android:layout_height="wrap_content"
android:layout_width="fill_parent">
<EditText
android:id="@+id/editText1"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_weight="1">
</EditText>
<Button
android:id="@+id/button1"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="@string/button1"
android:layout_weight="1">
</Button>
</LinearLayout>

</LinearLayout>


実行結果:
20110904_3


EditTextだけ 1 に指定すれば、余白はEditTextが丸取りになります。

20110904_4


関連記事
スポンサーサイト

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

Comments:

Comment Form
Only inform the site author.

Trackback+Pingback:

TrackBack URL for this entry
http://androidhacker.blog94.fc2.com/tb.php/47-77683b57
  • 閉じるボタン
レファレンス
月別アーカイブ
リンク
カテゴリ
QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。