スポンサーサイト

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

タグ :

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

Return to page top

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

LinearLayoutの入れ子

直線的なレイアウトを表現するLinearLayoutですが、ウィジェットが縦にまっすぐ並んでいるだけではみすぼらしい印象になることもあるかと思います。

アンケートフォームのような複雑なレイアウトを実現するために、LinearLayoutを入れ子にしてみましょう。

20110807_5
今回のできあがりイメージ


まずJavaファイルは、main.xmlをレイアウトに指定するだけです。
package sample.basic;

import android.app.Activity;
import android.os.Bundle;

public class HelloAndroid extends Activity{

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}



main.xmlでは、LinearLayoutの中にLinearLayoutを配置する入れ子構造にしています。
<?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_width="fill_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/name"
></TextView>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
></EditText>
</LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/address"
></TextView>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
></EditText>
</LinearLayout>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/buttonclick"
></Button>
</LinearLayout>



入れ子構造は、HTMLのtableタグで表を作ったことのある方は理解しやすいと思います。

外側のLinearLayoutの方向を vertical(縦)とし、内側をhorizontal(横)としました。幅と高さは、外側のLinearLayoutがいずれも fill_parent (つまり画面全体)であるのに対し、内側は幅だけが fill_parent で、高さは wrap_content です。

ウィジェットのTextViewとEditTextの関係ですが、高さはいずれも wrap_content です。幅はTextViewが wrap_content 、EditTextは fill_parent です。

作りたいレイアウトの性質をよく考えて入れ子にチャレンジしてください。

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

タグ :

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

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/34-a60ce42a
  • 閉じるボタン
レファレンス
月別アーカイブ
リンク
カテゴリ
QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。